/* Minification failed. Returning unminified contents.
(40,1): run-time error CSS1019: Unexpected token, found '@import'
(40,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Source+Sans+Pro')'
 */
/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

html, body {
    margin: 0;
    padding: 0;
}

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

fieldset, img { border: 0; }

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

a { text-decoration: none; }

a, a:visited, a:hover, a:active { color: inherit; }
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url(fonts/websymbols-regular-webfont.eot);
    src: url(fonts/websymbols-regular-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/websymbols-regular-webfont.woff) format('woff'), url(fonts/websymbols-regular-webfont.ttf) format('truetype'), url(fonts/websymbols-regular-webfont.svg#WebSymbolsRegular) format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 16px;
    height: 100%;
}

body {
    background-color: #ffffff;
    font-family: "Calibri";
    /*font-size: 62.5%; /* 1em = 10px */
    font-size: 75%; /* 1em = 12px */
    /*min-width: 800px;*/
    min-height: 480px;
    color: #3D3D3D;
}

.hided {
    display: none;
}


/* Styles for basic formsr
-----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

strong {
    color: #969744;
    font-size: 1.2em;
}

.error {
    padding-left: 23px !important;
    color: red !important;
}

.errorLabel {
    color: red !important;
}


input[type="radio"] {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error {
    color: #f00;
}

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

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

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

/* MESSAGES */

.infoMessage, .successMessage, .warningMessage, .errorMessage, .warningSessionMessage {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    font-weight: bolder;
    font-size: 1.6em;
    text-transform: uppercase;
    text-align: right;
    padding: 8px 15px 0 10px;
    width: auto;
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

.infoMessage {
    background-image: url('../img/info.png');
}

.warningMessage {
    background-image: url('../img/warning.png');
}

.errorMessage {
    background: #cf0404; /* Old browsers */
    background: -moz-linear-gradient(top, #cf0404 0, #ff3019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#ff3019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cf0404 0,#ff3019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cf0404 0,#ff3019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cf0404 0,#ff3019 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cf0404 0,#ff3019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 ); /* IE6-9 */
    color: #fff;
}


.warningSessionMessage {
    background: #fefcea; /* Old browsers */
    background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
    color: #000000;
}

    .warningSessionMessage a {
        color: #008000;
    }

.successMessage {
    background-image: url('../img/dinamic_items/bg_guardado_button.png');
    color: #fff;
}

.float-right {
    float: right;
}

.center {
    text-align: center;
}

a.blue-button {
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    text-align: center;
    color: white;
    width: auto;
    border: 0;
    height: auto;
    background-image: url("../img/dinamic_items/bg_save_button.png");
}

/* Layout */

div#headers {
    position: fixed;
    width: 100%;
    height: 52px;
    background-image: url("../img/static_items/Bg_upper_bar.png");
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #fcfcfc;
    z-index: 999;
    font-size: 0.9em;
}

a.logo {
    float: left;
    background-image: url("../img/static_items/logo_TRInside.png");
    background-repeat: no-repeat;
    display: block;
    margin-left: 10px;
    height: 39px;
    width: 120px;
}

div#headers > header.header-logo {
    float: left;
    background-image: url("../img/static_items/logo_TRInside.png");
    background-repeat: no-repeat;
    display: block;
    margin-left: 40px;
    margin-top: 1px;
    height: 39px;
    width: 120px;
}

div#headers > header.header-user {
    display: block;
    height: 52px;
    float: right;
    color: #f0efef;
}

    div#headers > header.header-user > ul > li {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        display: block;
        padding-left: 10px;
        line-height: 52px;
        height: 52px;
        width: 210px;
        float: left;
        border-left: 2px solid #407994;
        font-size: 1.3em;
    }

        div#headers > header.header-user > ul > li#user-time {
            padding-left: 30px;
            background-image: url("../img/static_items/clock_icon.png");
            background-repeat: no-repeat;
            background-position: 10px 50%;
        }

        div#headers > header.header-user > ul > li#gnarum-logo {
            width: 200px;
            padding: 0 10px;
            font-size: 1em;
        }

        div#headers > header.header-user > ul > li#user-data {
            width: auto;
            padding: 0 10px;
            text-align: center;
        }

            div#headers > header.header-user > ul > li#user-data form#language-form {
                display: inline-block;
                margin-left: 10px;
            }

                div#headers > header.header-user > ul > li#user-data form#language-form select {
                    width: auto !important;
                    padding: 0px !important;
                    text-transform: uppercase;
                    background-color: transparent;
                    border: none;
                    color: white;
                }

                    div#headers > header.header-user > ul > li#user-data form#language-form select option {
                        color: black;
                    }

        div#headers > header.header-user > ul > li#gnarum-logo > a {
            color: #ffffff;
            display: block;
            font-family: Calibri, Verdana, Ariel, sans-serif;
        }

            div#headers > header.header-user > ul > li#gnarum-logo > a > img {
                vertical-align: middle;
                margin-left: 10px;
            }

nav#menu {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    width: 211px;
    top: 54px;
    left: 0;
    color: #ffffff;
    position: fixed;
    height: 100%;
    background-color: #3D3D3D;
    font-size: 1.2em;
    z-index: 101;
}

    nav#menu > ul > li {
        border-bottom: 1px solid #222;
    }

        nav#menu > ul > li:first-child {
            border-top: 1px solid #222;
        }

    nav#menu ul > li > a {
        color: #fff;
        display: block;
        height: 2.2em;
        font-weight: bolder;
        line-height: 3.5em;
        position: relative;
        text-indent: 20px;
        background-color: #565656;
        height: 50px;
    }

        nav#menu ul > li > a:hover,
        nav#menu ul > li > a.active {
            background-color: #969744;
        }

        nav#menu ul > li > a.dashboard {
            text-transform: none;
            color: #8a8989;
            text-indent: 4px;
            background-color: transparent;
        }

        nav#menu ul > li > a:after {
            content: ' ';
            position: absolute;
            right: 0;
            top: 0;
            line-height: 5em;
            height: 2.4em;
            font-size: 0.5em;
            padding: 1em 0;
            width: 40px;
            color: #fff;
            text-indent: 0;
            text-align: center;
        }

    nav#menu > ul > li > a:after {
        background: #6f6f6f;
        height: 35px;
    }

    nav#menu ul > li.expandable > a:after {
        content: '▼';
    }

    nav#menu ul > li.expandable2 > a:after {
        content: '▼';
        line-height: 3em;
    }

    nav#menu ul > li > a.dashboard:after {
        background: #565656;
    }

    nav#menu > ul > li > a:hover:after,
    nav#menu > ul > li > a.active:after {
        background: #84853b;
    }

    nav#menu span.ca-icon {
        content: "\f00d";
        display: none;
        float: left;
        font-family: 'WebSymbolsRegular', cursive;
        font-size: 1.5em;
        text-align: center;
        text-shadow: 0px 0px 1px #333;
        width: 2em;
    }

    nav#menu > ul > li > ul > li {
        border-top: 1px solid #222;
        border-bottom: 0;
    }

    nav#menu ul > li > ul > li > a:hover,
    nav#menu ul > li > ul > li > a.active {
        background-color: #262626;
    }

    nav#menu > ul > li > ul > li > a {
        /*font-size: 1.2em;*/
        background-color: transparent;
        text-indent: 40px;
        height: 40px;
        line-height: 2.4em;
        font-weight: normal;
    }

        nav#menu > ul > li > ul > li > a:hover:after,
        nav#menu > ul > li > ul > li > a.active:after {
            background: #262626;
        }

    nav#menu > ul > li > ul > li > ul > li > a {
        background-color: transparent;
        text-indent: 60px;
        border-bottom: 1px solid #222;
        height: 30px;
        line-height: 2.3em;
        font-weight: normal;
    }

div#content-bar {
    top: 54px;
    position: fixed;
    background-image: url("../img/static_items/Bg_lower_bar.png");
    width: 100%;
    height: 35px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding-left: 220px;
    line-height: 35px;
    z-index: 100;
}

    div#content-bar span.route {
        display: inline-block;
        line-height: 35px;
    }

        div#content-bar span.route:before {
            background-image: url("../img/static_items/home_icon.png");
            content: ' ';
            background-repeat: no-repeat;
            display: inline-block;
            width: 17px;
            height: 16px;
            line-height: 35px;
            margin-bottom: -3px;
            margin-right: 20px;
        }


div#content-bar-right {
    float: right;
    margin-top: -2px;
    background-image: url("../img/static_items/bg_time_frame.png");
}

    div#content-bar-right ul li {
        float: right;
        height: 37px;
        display: block;
        color: #5a595a;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        border-left: 2px solid #407994;
        padding-left: 10px;
    }

        div#content-bar-right ul li#content-bar-market-data {
            width: 180px;
            text-align: center;
        }

        div#content-bar-right ul li#content-bar-market-zone {
            width: 190px;
            line-height: 37px;
            padding-left: 30px;
            margin-right: 20px;
            background-image: url("../img/static_items/clock_icon.png");
            background-repeat: no-repeat;
            background-position: 10px 50%;
        }

div.content {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    margin: auto;
    padding: 120px 30px 20px 241px;
}

    div.content > h2 {
        /*color: #51839d;*/
        color: #363f44;
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 1.3em;
    }

h2 {
    /*color: #51839d;*/
    color: #363f44;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.3em;
}

div.box {
    width: 100%;
    /*padding-top: 50px;*/
    margin-bottom: 20px;
}

    div.box > div.header {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        text-indent: 20px;
        line-height: 30px;
        height: 30px;
        display: inline-block;
        color: #fdfdf9;
        font-size: 1.5em;
        font-weight: bold;
        width: 100%;
        /*background-color: #51839d;*/
        background-color: #363f44;
        /*border: 1px solid #51839d;*/
        border: 1px solid #363f44;
    }



    div.box > div.headerAccordion {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        text-indent: 20px;
        line-height: 20px;
        /*height: 20px;*/
        height: 50px;
        display: inline-block;
        color: #fdfdf9;
        font-size: 1.5em;
        font-weight: bold;
        width: 100%;
        /*
        background: #3c6376; / * Old browsers * /
        background: -moz-linear-gradient(top, #3c6376 25%, #4b6f81 33%); / * FF3.6+ * /
        background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#3c6376), color-stop(33%,#4b6f81)); / * Chrome,Safari4+ * /
        background: -webkit-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * Chrome10+,Safari5.1+ * /
        background: -o-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * Opera 11.10+ * /
        background: -ms-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * IE10+ * /
        background: linear-gradient(to bottom, #3c6376 25%,#4b6f81 33%); / * W3C * /
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6376', endColorstr='#4b6f81',GradientType=0 ); / * IE6-9 * /
        */
        background-color: #363f44;
        border: 1px solid #363f44;
    }

    div.box > div.mediumHeaderAccordion {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        text-indent: 20px;
        line-height: 30px;
        /*height: 20px;*/
        height: 30px;
        display: inline-block;
        color: #fdfdf9;
        font-size: 1.5em;
        font-weight: bold;
        width: 100%;
        /*
        background: #3c6376; / * Old browsers * /
        background: -moz-linear-gradient(top, #3c6376 25%, #4b6f81 33%); / * FF3.6+ * /
        background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#3c6376), color-stop(33%,#4b6f81)); / * Chrome,Safari4+ * /
        background: -webkit-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * Chrome10+,Safari5.1+ * /
        background: -o-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * Opera 11.10+ * /
        background: -ms-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * IE10+ * /
        background: linear-gradient(to bottom, #3c6376 25%,#4b6f81 33%); / * W3C * /
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6376', endColorstr='#4b6f81',GradientType=0 ); / * IE6-9 * /
        */
        background-color: #363f44;
        border: 1px solid #363f44;
    }

        div.box > div.mediumHeaderAccordion.header-hide {
            /* background-color: #cecece;*/
            /*
            background: #a8abac; / * Old browsers * /
            background: -moz-linear-gradient(top, #a8abac 25%, #a1a4a5 33%); / * FF3.6+  * /
            background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#a8abac), color-stop(33%,#a1a4a5)); / * Chrome,Safari4+ * /
            background: -webkit-linear-gradient(top, #a8abac 25%,#a1a4a5 33%); / * Chrome10+,Safari5.1+ * /
            background: -o-linear-gradient(top, #a8abac 25%,#a1a4a5 33%); / * Opera 11.10+ * /
            background: -ms-linear-gradient(top, #a8abac 25%,#a1a4a5 33%); / * IE10+ * /
            background: linear-gradient(to bottom, #a8abac 25%,#a1a4a5 33%); / * W3C * /
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8abac', endColorstr='#a1a4a5',GradientType=0 ); / * IE6-9 * /
            */
            background-color: #6C777C;
            border: 1px solid #363f44;
            /* color: slategrey;*/
            position: relative;
            /*border: 1px solid #cecece;*/
            height: 30px;
        }

    div.box > div.headerAccordion.header-hide {
        background-color: #6C777C;
        border: 1px solid #363f44;
        /* background-color: #cecece;*/
        /*
            background: #a8abac; / * Old browsers * /
            background: -moz-linear-gradient(top, #a8abac 25%, #a1a4a5 33%); / * FF3.6+ * /
            background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#a8abac), color-stop(33%,#a1a4a5)); / * Chrome,Safari4+ * /
            background: -webkit-linear-gradient(top, #a8abac 25%,#a1a4a5 33%); / * Chrome10+,Safari5.1+ * /
            background: -o-linear-gradient(top, #a8abac 25%,#a1a4a5 33%); / * Opera 11.10+ * /
            background: -ms-linear-gradient(top, #a8abac 25%,#a1a4a5 33%); / * IE10+ * /
            background: linear-gradient(to bottom, #a8abac 25%,#a1a4a5 33%); / * W3C * /
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8abac', endColorstr='#a1a4a5',GradientType=0 ); / * IE6-9 * /
            */
        /* color: slategrey;*/
        position: relative;
        /*border: 1px solid #cecece;*/
        height: 50px;
    }

    div.box > div.headerAccordion p {
        line-height: 2.5em;
    }

    div.box > div.mediumHeaderAccordion p {
        line-height: 2.5em;
    }


    div.box > div.headerAccordion:hover {
        /*background-color: #51839d;*/
        /*
            background: #3c6376; / * Old browsers * /
            background: -moz-linear-gradient(top, #3c6376 25%, #4b6f81 33%); / * FF3.6+ * /
            background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#3c6376), color-stop(33%,#4b6f81)); / * Chrome,Safari4+ * /
            background: -webkit-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * Chrome10+,Safari5.1+ * /
            background: -o-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * Opera 11.10+ * /
            background: -ms-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * IE10+ * /
            background: linear-gradient(to bottom, #3c6376 25%,#4b6f81 33%); / * W3C * /
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6376', endColorstr='#4b6f81',GradientType=0 ); / * IE6-9 * /
            */
        color: #fdfdf9;
        background-color: #4F5A60;
        border: 1px solid #363f44;
    }

    div.box > div.mediumHeaderAccordion:hover {
        /*background-color: #51839d;*/
        /*
            background: #3c6376; / * Old browsers * /
            background: -moz-linear-gradient(top, #3c6376 25%, #4b6f81 33%); / * FF3.6+ * /
            background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#3c6376), color-stop(33%,#4b6f81)); / * Chrome,Safari4+ * /
            background: -webkit-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * Chrome10+,Safari5.1+ * /
            background: -o-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * Opera 11.10+ * /
            background: -ms-linear-gradient(top, #3c6376 25%,#4b6f81 33%); / * IE10+ * /
            background: linear-gradient(to bottom, #3c6376 25%,#4b6f81 33%); / * W3C * /
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6376', endColorstr='#4b6f81',GradientType=0 ); / * IE6-9 * /
            color: #fdfdf9;
            */
        background-color: #4F5A60;
        border: 1px solid #363f44;
    }

    div.box > div.box-content {
        padding-top: 10px;
        /*border: 1px solid #51839d;*/
        border: 1px solid #363f44;
        overflow: auto;
        background-color: #f5f6f7;
    }

div.market-resume-header p {
    width: auto;
    display: inline;
}

div.market-resume-header img {
    float: right;
    margin-right: 10px;
}

div.footer {
    margin-top: 30px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding: 6px 0px 0px 30px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    width: 100%;
    background-color: #eceaea;
}

a.button {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    display: inline-block;
    /*padding: 5px;*/
    text-align: center;
    color: white;
    width: auto;
    margin: 10px;
    /*background-image: url("../img/dinamic_items/bg_green_button.png");*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #649E38;
    cursor: pointer;
}


.clickable {
    cursor: pointer;
}

div.box > div.header.header-hide {
    background-color: #cecece;
    color: slategrey;
    border: 1px solid #cecece;
}

div.box > div.header:hover {
    background-color: #363f44;
    /*background-color: #51839d;*/
    color: #fdfdf9;
}

div.box > div.header.clickable:after {
    content: '▲';
    float: right;
}

div.box > div.header.header-hide.clickable:after {
    content: '▼';
    float: right;
}

div.box-content > div.box-content-top {
    margin-top: -10px;
}

div.box-content > div.box-content-top, div.box-content div.box-content-bottom {
    background-color: #eceaea;
}

div.box-content-bottom {
    margin-top: 20px;
}

div.box-content > div.footer {
    margin-top: 30px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding: 6px 0px 0px 30px;
    width: 100%;
    background-color: #eceaea;
}

    div.box-content > div.footer > p {
        float: left;
        margin-right: 20px;
    }

    div.box-content > div.footer > a,
    div.box-content > div.footer > div.doble > a {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        display: inline-block;
        /*padding: 5px;*/
        text-align: center;
        color: white;
        width: auto;
        /*height: 20px;*/
        margin-top: 14px;
        margin-bottom: 20px;
        /*background-image: url("../img/dinamic_items/bg_green_button.png");*/
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #649E38;
    }

        div.box-content > div.footer > a:hover,
        div.box-content > div.footer > div.doble > a:hover {
            background-color: #447E18;
            text-decoration: none;
        }

div.box-content div.footer > input {
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    text-align: center;
    color: white;
    width: auto;
    border: 0;
    margin-right: 30px;
    /*margin-top: 40px;*/
    margin-bottom: 20px;
    height: auto;
}

    div.box-content div.footer > input.save {
        background-image: url("../img/dinamic_items/bg_save_button.png");
    }

    div.box-content div.footer > input.restore {
        background-image: url("../img/dinamic_items/bg_restore_button.png");
    }

/*input.btn-disabled 
        {
        -khtml-opacity: .50;
        -moz-opacity: .50;
        -ms-filter: "alpha(opacity=50)";
        filter: alpha(opacity=50);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
        opacity: .50;
        }*/

/*a.btn-disabled 
        {
        -khtml-opacity: .50;
        -moz-opacity: .50;
        -ms-filter: "alpha(opacity=50)";
        filter: alpha(opacity=50);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
        opacity: .50;
        }*/

div.box-content div.footer #editResult,
div.box-content div.footer #saveResult {
    float: right;
}





div.box-content > ul > li {
    padding: 10px 5px;
    display: block;
    position: relative;
    border-bottom: 1px solid #eeeded;
}

    div.box-content > ul > li > label {
        display: inline-block;
        /* ARG - new Design */
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        /*font-weight: bold;*/
        text-indent: 10px;
        position: absolute;
    }

    div.box-content > ul > li div {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        min-height: 14px;
    }

    div.box-content > ul > li > #tableAvailable_wrapper {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    div.box-content > ul > li > div {
        width: 100%;
        padding-left: 170px;
        padding-right: 10px;
    }

        div.box-content > ul > li > div .ui-multiselect {
            width: 100% !important;
        }

        div.box-content > ul > li > div .ui-multiselect-menu {
            width: 100% !important;
        }

        div.box-content > ul > li > div input {
            display: block;
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
            width: 100%;
        }

            div.box-content > ul > li > div input:read-only {
                color: #CCC;
            }

            div.box-content > ul > li > div input[type=checkbox] {
                display: inline-block;
                width: auto;
            }

            div.box-content > ul > li > div input[type=radio] {
                display: inline-block;
                width: auto;
            }

        div.box-content > ul > li > div > div.quarter {
            float: left;
            width: 25%;
            padding-right: 10px;
        }

            div.box-content > ul > li > div > div.quarter:last-child {
                padding-right: 0;
            }

        div.box-content > ul > li > div > div.tercio {
            float: left;
            width: 33%;
            padding-right: 10px;
        }

            div.box-content > ul > li > div > div.tercio > div.quarter {
                float: left;
                width: 25%;
                padding-right: 10px;
            }

            div.box-content > ul > li > div > div.tercio > div.terciolabel {
                float: left;
                width: 50%;
                padding-right: 10px;
            }

                div.box-content > ul > li > div > div.tercio > div.terciolabel > label {
                    display: inline-block;
                    font-weight: bold;
                    top: 14px;
                    padding-left: 20px;
                }



        div.box-content > ul > li > div > div.doble {
            float: left;
            width: 50%;
            padding-right: 10px;
        }

            div.box-content > ul > li > div > div.doble > label {
                float: left;
                padding-right: 40px;
                font-weight: bold;
            }

            div.box-content > ul > li > div > div.doble > input {
                width: auto;
            }

div.box-content > div.footer > div.doble {
    float: left;
    width: 50%;
}

div.box-content > ul > li > div > div.tercio > input {
    width: 50%;
}

div.box-content > ul > li > div > div.tercio > select {
    width: 50%;
}

div.box-content > ul > li > div > div.tercio:last-child {
    padding-right: 0;
}

div.tercioli {
    padding-left: 50px !important;
}

div.resume-box {
    float: left;
    width: 40%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    border: 1px solid transparent;
    height: 300px;
}

    div.resume-box:first-child {
        width: 20%;
    }

    div.resume-box:hover {
        border: 1px solid black;
    }

    div.resume-box > div {
        width: 50%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        float: left;
        border: 1px solid transparent;
    }

div.resume-box-header {
    float: none;
    text-indent: 20px;
    font-size: 1.5em;
    font-weight: bolder;
    display: inline-block;
    width: 100% !important;
    height: 30px;
    line-height: 30px;
    color: black;
    position: relative;
    border-bottom: 2px #969744 solid !important;
}

    div.resume-box-header > a.add-icon {
        float: right;
        display: inline-block;
        width: 40px;
        text-indent: 0;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #969744;
    }



div.resume-box-content {
    padding: 14px;
    font-size: 1.2em;
}


div.clear {
    clear: both;
    width: 100%;
    min-height: 0px !important;
    height: 0px !important;
}

table a.edit, a.editProgramUnit, a.editOfferUnit, a.editGMEUnit {
    background: url("../img/img_details_button.png") no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    width: 16px;
    height: 16px;
    color: transparent !important;
}

table a.edition {
    background: url("../img/static_items/edit_icon.png") no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    width: 16px;
    height: 16px;
    color: transparent !important;
}

table td.used {
    background: url("../img/static_items/strategy_used.ico") no-repeat;
    background-position: center;
    color: transparent !important;
}

table td.notused {
    background: url("../img/static_items/strategy_not_used.ico") no-repeat;
    background-position: center;
    color: transparent !important;
}

a.details {
    background: url("../img/static_items/details_icon.png") no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    width: 16px;
    height: 16px;
    color: transparent !important;
}

a.clone {
    background: url("../img/static_items/page_white_copy.png") no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    width: 16px;
    height: 16px;
    color: transparent !important;
}

a.delete {
    background: url("../img/static_items/page_white_delete.png") no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    width: 16px;
    height: 16px;
    color: transparent !important;
}


div#plantProgramUnitSEIEList {
    float: left;
    width: 60%;
}

table.plantProgramUnitSEIETable {
    width: 100%;
    border: 1px solid #969744;
}

    table.plantProgramUnitSEIETable > thead {
        background-color: #969744;
    }

        table.plantProgramUnitSEIETable > thead > tr > th {
            text-align: center;
            color: white;
            font-weight: bold;
        }

    table.plantProgramUnitSEIETable > tbody > tr > td {
        text-align: center;
        font-weight: bold;
    }

    table.plantProgramUnitSEIETable td.shadow a.edit {
        cursor: pointer;
    }

.greyColumn {
    background: #F2F2F2;
}

table.plantTradingStrategyTable {
    width: 100%;
    /*border: 1px solid #51839d;*/
    border: 1px solid #363f44;
}

    table.plantTradingStrategyTable > thead {
        background-color: #969744;
    }

        table.plantTradingStrategyTable > thead > tr {
            background-color: #969744;
        }

            table.plantTradingStrategyTable > thead > tr > th {
                text-align: center;
                color: white;
                font-weight: bold;
            }

    table.plantTradingStrategyTable > tbody > tr > td {
        text-align: center;
        font-weight: bold;
    }

    table.plantTradingStrategyTable td.shadow a.edit {
        cursor: pointer;
    }


div.totalPlantProgramUnitSEIEData {
    background-color: #eceaea;
    border: 1px solid #969744;
}

    div.totalPlantProgramUnitSEIEData > ul > li > div {
        padding: 5px;
    }

        div.totalPlantProgramUnitSEIEData > ul > li > div.lastDiv {
            overflow: hidden;
            padding: 0px;
        }

            div.totalPlantProgramUnitSEIEData > ul > li > div.lastDiv > a {
                float: right;
                cursor: pointer;
                border: 1px solid #969744;
            }

                div.totalPlantProgramUnitSEIEData > ul > li > div.lastDiv > a > label.text {
                    padding: 3px 3px 3px 3px;
                    cursor: pointer;
                }

                div.totalPlantProgramUnitSEIEData > ul > li > div.lastDiv > a > label.symbol {
                    cursor: pointer;
                    background-color: #969744;
                    color: white;
                    font-size: 1.5em;
                    padding: 0px 3px 0px 3px;
                }

div#addPlantProgramUnitDivForm {
    float: right;
    width: 39%;
}


    div#addPlantProgramUnitDivForm > form > div.box > div.header {
        font-size: 1.3em;
        font-weight: bold;
        width: 100%;
        height: 20px;
        cursor: pointer;
        background-color: white;
        border: none;
    }

        div#addPlantProgramUnitDivForm > form > div.box > div.header > label {
            /*color: #51839d;*/
            color: #363f44;
        }



    div#addPlantProgramUnitDivForm > form > div.box > div.box-content > ul {
        border-bottom: 1px solid #eeeded;
    }

div.division {
    float: left;
    width: 45%;
    padding-right: 10px;
}

    div.division > label {
        font-weight: bold;
        padding: 20px;
    }

div.division2 {
    float: left;
    width: 45%;
    padding: 10px 0px 0px 10px;
}

    div.division2 > label {
        font-weight: bold;
        padding: 20px;
    }


div#addPlantProgramUnitDivForm > form > div.box > div.box-content > ul > li > div > div.middle {
    float: left;
    width: 10%;
    padding-right: 10px;
}

div.PlantProgramUnitSEIEBox-content {
    background-color: #eceaea;
}

    div.PlantProgramUnitSEIEBox-content > ul > li > div {
        padding-left: 50px;
        padding-right: 10px;
        width: 100%;
    }

        div.PlantProgramUnitSEIEBox-content > ul > li > div > label {
            background-color: #eceaea;
        }

        div.PlantProgramUnitSEIEBox-content > ul > li > div > select {
            margin-left: 20px;
            width: 15%;
        }

    div.PlantProgramUnitSEIEBox-content > ul > li {
        padding: 10px 5px;
        position: relative;
        border-bottom: 1px solid #eeeded;
    }

div#addPlantProgramUnitDivForm > form > div.box > div.box-content > ul > li > div {
    width: 100%;
    padding-left: 50px;
    padding-right: 10px;
}


div.timelineSEIE {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
}
/*
div.backLink > a {
    / *background-image: url("../img/dinamic_items/bg_save_button.png");* /
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    text-align: center;
    color: #9C9D4F;
    width: auto;
    height: 30px;
    / *margin-top: 40px;* /
    margin-bottom: 20px;
}

    div.backLink > a:before {
        content: url("../img/static_items/back.png");
        margin-right: 5px;
    } */

table.plantProgramUnitTable {
    float: left;
    width: 49%;
    border: 1px solid #969744;
}

    table.plantProgramUnitTable > thead {
        background-color: #969744;
    }

        table.plantProgramUnitTable > thead > tr > th {
            text-align: center;
            color: white;
            font-weight: bold;
            padding: 5px;
            border-bottom: 1px solid white;
        }

    table.plantProgramUnitTable > tbody > tr > td {
        text-align: center;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px solid #eeeded;
    }

table.plantOfferUnitTable {
    float: right;
    width: 49%;
    border: 1px solid #969744;
}

    table.plantOfferUnitTable > thead {
        background-color: #969744;
    }

        table.plantOfferUnitTable > thead > tr > th {
            text-align: center;
            color: white;
            font-weight: bold;
            padding: 5px;
            border-bottom: 1px solid white;
        }

    table.plantOfferUnitTable > tbody > tr > td {
        text-align: center;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px solid #eeeded;
    }

table.plantGMEUnitTable {
    float: left;
    width: 49%;
    border: 1px solid #969744;
}

    table.plantGMEUnitTable > thead {
        background-color: #969744;
    }

        table.plantGMEUnitTable > thead > tr > th {
            text-align: center;
            color: white;
            font-weight: bold;
            padding: 5px;
            border-bottom: 1px solid white;
        }

    table.plantGMEUnitTable > tbody > tr > td {
        text-align: center;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px solid #eeeded;
    }

.addHierarchy {
    border: 1px solid #61acd3;
    padding: 5px 0 5px 0;
    cursor: pointer;
}

    .addHierarchy > label.text {
        padding: 3px 3px 3px 3px;
        cursor: pointer;
    }

    .addHierarchy > label.symbol {
        cursor: pointer;
        background-color: #969744;
        color: white;
        font-size: 1.5em;
        padding: 0px 3px 3px 3px;
    }

.strategyManagement {
    border: 1px solid #61acd3;
    padding: 5px 0 5px 0;
    cursor: pointer;
}

    .strategyManagement > label.text {
        padding: 3px 3px 3px 3px;
        cursor: pointer;
    }

    .strategyManagement > label.symbol {
        cursor: pointer;
        background-color: #969744;
        color: white;
        font-size: 1.5em;
        padding: 0px 3px 3px 3px;
    }

.divLeft {
    float: left;
}

.divRight {
    float: right;
}

.saveEditHierarchyButton {
    background-image: url("../img/dinamic_items/bg_save_button.png");
    padding: 5px;
    text-align: center;
    color: white;
    border: 0;
}

div.resume-box-content-bytechnology > ul > li > label {
    font-weight: bold;
}

div.resume-box-content-bytechnology > ul > li.datali {
    margin-left: 20px;
}

table.normalTable {
    border-spacing: 1px !important;
}

    table.normalTable > thead > tr > th {
        padding: 3px 12px 3px 8px;
        text-align: center;
        vertical-align: middle;
    }

    table.normalTable thead tr:last-child {
        height: auto !important;
        color: #363f44 !important;
        /*color: #959744 !important;*/
        line-height: normal !important;
    }

    table.normalTable > thead > tr > th {
        text-align: center;
    }

    table.normalTable > tbody > tr > td {
        text-align: center;
    }

form.inline-form {
    background-color: #eceaea;
}

    form.inline-form ul li {
        display: inline-block;
        padding: 20px;
    }

        form.inline-form ul li label {
            margin-right: 10px;
            /* ARG - new Design */
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 14px;
            font-weight: normal;
        }

        form.inline-form ul li.button-container {
            float: right;
        }

            /*
            form.inline-form ul li.button-container > input.save {
                cursor: pointer;
                display: inline-block;
                padding: 5px;
                text-align: center;
                color: white;
                width: auto;
                border: 0;
                height: auto;
                background-image: url("../img/dinamic_items/bg_save_button.png");
            }
         */
            form.inline-form ul li.button-container > input.save {
                cursor: pointer;
                display: inline-block;
                padding: 5px 10px 5px 10px;
                text-align: right;
                color: white;
                width: auto;
                border: 0;
                height: auto;
                background-color: #2D5572;
                /*background-image: url("../img/dinamic_items/bg_save_button.png");*/
            }

.button-container-PTS {
    padding: 10px;
}

    .button-container-PTS > input.save {
        cursor: pointer;
        display: inline-block;
        padding: 5px;
        text-align: center;
        color: white;
        width: auto;
        border: 0;
        height: auto;
        background-image: url("../img/dinamic_items/bg_save_button.png");
    }

a.details-link {
    color: #969744;
    padding: 5px;
    font-size: large;
    font-weight: bold;
    /*  background-color: #969744;*/
}

a.edit-link {
    /*color: #51839d;*/
    color: #363f44;
    padding: 5px;
    font-size: large;
    font-weight: bold;
    /* background-color: #51839d;*/
}



table.strategyDetailsTable {
    width: 100%;
    border: 1px solid #969744;
    empty-cells: show;
    overflow: auto;
}

    table.strategyDetailsTable > thead {
        background-color: #969744;
    }

        table.strategyDetailsTable > thead > tr {
            border: solid 1px darkgray;
        }

            table.strategyDetailsTable > thead > tr > th {
                text-align: center;
                color: white;
                font-weight: bold;
                border: solid 1px darkgray;
                height: 20px;
                width: 40px;
            }

    table.strategyDetailsTable > tbody > tr > td {
        text-align: center;
        font-weight: bold;
        border: solid 1px darkgray;
        height: 20px;
        /* -moz-min-width: 40px;
        -o-min-width: 40px;
        -webkit-min-width: 40px;
        min-width: 40px;*/
        width: 40px;
    }

        table.strategyDetailsTable > tbody > tr > td.periodsNotUsed {
            background-color: darkgray;
        }

        table.strategyDetailsTable > tbody > tr > td > select {
            padding-right: 0px;
            width: 50px;
        }

.strategyValidationWarning {
    color: orangered;
    font-weight: bold;
    margin: 5px;
    font-size: 1.2em;
}

.strategyValidationInfo {
    color: black;
    font-weight: bold;
    margin: 5px;
    font-size: 1.2em;
}

form#plant-hierarchy-form {
    background-color: #eceaea;
}

table#plant-hierachies-table thead tr:last-child {
    line-height: 20px;
    height: 20px;
}

input {
    /*padding: 1px;
    margin: 0;
    -webkit-box-shadow: 0 -1px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 -1px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 -1px 0 #ccc, 0 -1px #fff inset;
    */
    background: #fff;
    color: #3D3D3D;
    border: 1px solid #ccc;
    outline: none;
    /*font-size: 0.8em;
    height: 16px;*/
}

    input[type="checkbox"] {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    input.datepicker {
        text-align: center;
        cursor: pointer;
    }

select {
    padding: 1px;
    margin: 0;
    -webkit-box-shadow: 0 -1px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 -1px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 -1px 0 #ccc, 0 -1px #fff inset;
    background: #fff;
    color: #3D3D3D;
    border: 1px solid #ccc;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 0.8em;
    height: 20px;
    width: 150px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        padding-right: 18px;
    }
}

span.select {
    position: relative;
    width: auto;
}

/*span.select:after {
        content: '▼';
        font-size: 8px;
        line-height: 18px;
        background-color: #DAD7D7;
        right: 0;
        top: -2px;
        position: absolute;
        pointer-events: none;
        width: 20px;
        text-align: center;
    }

    span.select:hover:after {
        background-color: #959744;
        color: #fff;
    }*/


::-webkit-input-placeholder { /* WebKit browsers */
    color: #CCC;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #CCC;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #CCC;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #CCC;
}

/* MONITORING SECTION */

div.sessionInfo {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background-color: #eceaea;
}

    div.sessionInfo > div.sessionDate {
        padding: 10px;
        float: left;
        font-weight: bolder;
        font-size: 1.2em;
        text-indent: 30px;
        text-transform: uppercase;
    }

    div.sessionInfo > div.sessionApertureTimes {
        padding: 10px;
        float: left;
        font-weight: bolder;
        font-size: 1.2em;
        text-indent: 30px;
        text-transform: uppercase;
    }

    div.sessionInfo > div.sessionStatus {
        font-weight: bolder;
        float: right;
        font-size: 1.2em;
        min-width: 200px;
        text-align: center;
        text-transform: uppercase;
        padding: 10px;
    }

        div.sessionInfo > div.sessionStatus.open {
            background-color: #cecdb2;
        }

        div.sessionInfo > div.sessionStatus.closed {
            background-color: #CDB3B4;
        }

    div.sessionInfo > div.generateFiles {
        font-weight: bolder;
        float: right;
        font-size: 1.2em;
        min-width: 200px;
        text-align: center;
        text-transform: uppercase;
        padding: 10px;
        background-color: #b0c4de;
    }

div.sessionSubInfo {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background-color: #DDDDDD;
}

    div.sessionSubInfo > div.nextSessionDate {
        padding: 4px;
        float: left;
        text-indent: 90px;
        text-transform: uppercase;
    }

    div.sessionSubInfo > div.nominationOpenDates {
        padding: 4px 25px 4px 4px;
        float: right;
        text-indent: 90px;
        text-transform: uppercase;
    }

    div.sessionSubInfo > div.nextSessionApertureTimes {
        padding: 4px;
        float: left;
        text-indent: 90px;
        text-transform: uppercase;
    }

.ui-widget-header {
    /*background: #51839d !important;*/
    background: #BCC7CC !important;
    font-weight: bold !important;
    /*color: #fdfdf9 !important;*/
    color: #1B2226 !important;
}

.ui-dialog-content {
    background-color: #fdfdf9;
}

div.sessionInfo > div.sessionStatus.incassation {
    background-color: #E4C9B3;
}

div.operatorInfo {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    margin: 0px 10px;
}

    div.operatorInfo > div.operatorInfo-header {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        padding: 5px;
        padding-bottom: 0px;
        color: #363f44;
        /*color: #959744;*/
        width: 100%;
        font-size: 1.4em;
        font-weight: bolder;
    }

    div.operatorInfo > div.operatorBox {
        float: left;
        width: 20%;
    }

    div.operatorInfo > table {
        width: 100%;
        border: 1px solid #ccc;
        margin-bottom: 10px;
    }

        div.operatorInfo > table > thead {
            background-color: #ccc;
        }

            div.operatorInfo > table > thead th {
                padding: 2px;
                text-align: center;
                font-weight: bolder;
                text-transform: uppercase;
            }

                div.operatorInfo > table > thead th span.operatorInfo-column-info {
                    font-weight: normal;
                    text-transform: none;
                }

        div.operatorInfo > table > tbody tr {
            height: 20px;
        }

        div.operatorInfo > table > tbody td {
            border-right: 1px solid #ccc;
        }

            div.operatorInfo > table > tbody td:last-child {
                border-right: none;
            }

        div.operatorInfo > table > tbody span.operatorInfo-column-desc {
            display: inline-block;
            text-indent: 10px;
        }

        div.operatorInfo > table > tbody span.operatorInfo-column-desc-events-fatal {
            display: inline-block;
            margin-left: 10px;
            padding: 0px 5px;
            background-color: #660066;
            color: white;
            font-weight: bolder;
        }

        div.operatorInfo > table > tbody span.operatorInfo-column-desc-events-error {
            display: inline-block;
            margin-left: 10px;
            padding: 0px 5px;
            background-color: #FFBABA;
            font-weight: bolder;
        }

        div.operatorInfo > table > tbody span.operatorInfo-column-desc-events-warning {
            display: inline-block;
            margin-left: 10px;
            padding: 0px 5px;
            background-color: #FEEFB3;
            font-weight: bolder;
        }

        div.operatorInfo > table > tbody span.operatorInfo-column-desc-events-info {
            display: inline-block;
            margin-left: 10px;
            padding: 0px 5px;
            background-color: #BDE5F8;
            font-weight: bolder;
        }

        div.operatorInfo > table > tbody span.operatorInfo-column-val {
            float: right;
            display: inline-block;
            text-align: left;
            margin-right: 10px;
            min-width: 24px;
            /*color: #959744;*/
            color: #363f44;
            font-weight: bold;
        }

        div.operatorInfo > table > tbody span.operatorInfo-column-valfile {
            display: inline-block;
            text-align: left;
            margin-right: 10px;
            min-width: 24px;
            /*color: #959744;*/
            color: #363f44;
            font-weight: bold;
        }


div.operatorInfo-file-info {
    float: right;
}

div#monitoring-lastupdate-div {
    text-align: right;
    font-weight: bold;
}

div#create-offerresult-div {
    font-weight: bold;
}

div#create-gmeresult-div {
    font-weight: bold;
}

div.roundInfo {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background-color: #eceaea;
}

div.roundInfo > div.roundDate {
    padding: 10px;
    float: left;
    font-weight: bolder;
    font-size: 1.2em;
    text-indent: 30px;
    text-transform: uppercase;
}

div.roundInfo > div.roundApertureTimes {
    padding: 10px;
    float: left;
    font-weight: bolder;
    font-size: 1.2em;
    text-indent: 30px;
    text-transform: uppercase;
}

div.roundInfo > div.roundStatus {
    font-weight: bolder;
    float: right;
    font-size: 1.2em;
    min-width: 200px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
}

    div.roundInfo > div.roundStatus.open {
        background-color: #cecdb2;
    }

    div.roundInfo > div.roundStatus.closed {
        background-color: #CDB3B4;
    }

div.roundInfo > div.generateFiles {
    font-weight: bolder;
    float: right;
    font-size: 1.2em;
    min-width: 200px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    background-color: #b0c4de;
}

div.roundSubInfo {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background-color: #DDDDDD;
}

    div.roundSubInfo > div.nextRoundDate {
        padding: 4px;
        float: left;
        text-indent: 90px;
        text-transform: uppercase;
    }

    div.roundSubInfo > div.nominationOpenDates {
        padding: 4px 25px 4px 4px;
        float: right;
        text-indent: 90px;
        text-transform: uppercase;
    }

    div.roundSubInfo > div.nextRoundApertureTimes {
        padding: 4px;
        float: left;
        text-indent: 90px;
        text-transform: uppercase;
    }

div.roundInfo > div.roundStatus.incassation {
    background-color: #E4C9B3;
}

/* END MONITORING SECTION */

span.unit {
    text-transform: none !important;
}


/* MANAGED ENERGY SECTION */

div.padding16-wrapper {
    padding: 16px;
}

.report-table {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*border: 1px solid #959744;*/
    border: 1px solid #363f44;
}

    .report-table > thead {
        color: #fff;
    }

        .report-table > thead tr {
            line-height: normal !important;
        }

    .report-table > tbody tr:hover {
        background-color: #f4f4ec;
    }

    .report-table > tbody tr td:first-child, .report-table > tfoot tr td:first-child {
        font-weight: bold;
    }

    .report-table > tbody tr td.border-right, .report-table > tfoot tr td.border-right {
        /*border-right: 1px solid #959744;*/
        border-right: 1px solid #363f44;
    }

    .report-table > tbody tr td:last-child, .report-table > tfoot tr td:last-child {
        border-right: none;
    }

    .report-table th, .report-table td {
        text-align: center;
        /*padding: 4px;*/
        padding-top: 4px;
        padding-bottom: 4px;
        width: 40px !important;
        vertical-align: middle !important;
    }

    .report-table th {
        font-weight: bold;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

div#main-login {
    /*background: url("../img/background/background_login_R4_2.png") no-repeat center center fixed;   
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/background/background_login_R4_2.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/background/background_login_R4_2.png', sizingMethod='scale')";*/
    position: absolute;
    background: -webkit-linear-gradient(top, rgb(13, 44, 65) 0%, rgb(31, 107, 94) 40%, rgb(56, 141, 99) 78%, rgb(38, 111, 92) 100%);
    background: -o-linear-gradient(top, rgb(13, 44, 65) 0%, rgb(31, 107, 94) 40%, rgb(56, 141, 99) 78%, rgb(38, 111, 92) 100%);
    background: -ms-linear-gradient(top, rgb(13, 44, 65) 0%, rgb(31, 107, 94) 40%, rgb(56, 141, 99) 78%, rgb(38, 111, 92) 100%);
    background: -moz-linear-gradient(top, rgb(13, 44, 65) 0%, rgb(31, 107, 94) 40%, rgb(56, 141, 99) 78%, rgb(38, 111, 92) 100%);
    background: linear-gradient(to bottom, rgb(13, 44, 65) 0%, rgb(31, 107, 94) 40%, rgb(56, 141, 99) 78%, rgb(38, 111, 92) 100%);
    /*background: #0d2c41;
    background: -moz-linear-gradient(top, #0d2c41 0%, #0e2e43 4%, #0e3346 6%, #0f3448 9%, #0d3847 10%, #103a4b 12%, #0e3e48 15%, #12434a 18%, #10474e 19%, #134a50 21%, #134f4f 25%, #165453 26%, #165554 29%, #195958 31%, #195f56 35%, #1b6358 37%, #1e675c 37%, #1c685b 39%, #1f6a5e 40%, #1f715d 43%, #227260 44%, #21755e 46%, #247a61 46%, #237d60 48%, #267f63 49%, #258061 50%, #298465 51%, #2a8b66 55%, #2d8a66 56%, #319066 60%, #35946a 60%, #359468 62%, #3a996b 64%, #3e9767 65%, #409969 69%, #3d9666 72%, #3e9467 75%, #338861 81%, #338861 82%, #358364 83%, #307f61 86%, #307e64 89%, #2c7a62 91%, #2d775e 92%, #2c765f 96%, #2b755e 97%, #28715d 97%, #266f5c 100%);
    background: -webkit-linear-gradient(top, #0d2c41 0%,#0e2e43 4%,#0e3346 6%,#0f3448 9%,#0d3847 10%,#103a4b 12%,#0e3e48 15%,#12434a 18%,#10474e 19%,#134a50 21%,#134f4f 25%,#165453 26%,#165554 29%,#195958 31%,#195f56 35%,#1b6358 37%,#1e675c 37%,#1c685b 39%,#1f6a5e 40%,#1f715d 43%,#227260 44%,#21755e 46%,#247a61 46%,#237d60 48%,#267f63 49%,#258061 50%,#298465 51%,#2a8b66 55%,#2d8a66 56%,#319066 60%,#35946a 60%,#359468 62%,#3a996b 64%,#3e9767 65%,#409969 69%,#3d9666 72%,#3e9467 75%,#338861 81%,#338861 82%,#358364 83%,#307f61 86%,#307e64 89%,#2c7a62 91%,#2d775e 92%,#2c765f 96%,#2b755e 97%,#28715d 97%,#266f5c 100%); 
    background: linear-gradient(to bottom, #0d2c41 0%,#0e2e43 4%,#0e3346 6%,#0f3448 9%,#0d3847 10%,#103a4b 12%,#0e3e48 15%,#12434a 18%,#10474e 19%,#134a50 21%,#134f4f 25%,#165453 26%,#165554 29%,#195958 31%,#195f56 35%,#1b6358 37%,#1e675c 37%,#1c685b 39%,#1f6a5e 40%,#1f715d 43%,#227260 44%,#21755e 46%,#247a61 46%,#237d60 48%,#267f63 49%,#258061 50%,#298465 51%,#2a8b66 55%,#2d8a66 56%,#319066 60%,#35946a 60%,#359468 62%,#3a996b 64%,#3e9767 65%,#409969 69%,#3d9666 72%,#3e9467 75%,#338861 81%,#338861 82%,#358364 83%,#307f61 86%,#307e64 89%,#2c7a62 91%,#2d775e 92%,#2c765f 96%,#2b755e 97%,#28715d 97%,#266f5c 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2c41', endColorstr='#266f5c',GradientType=0 );*/
}


.box-centered {
    width: 400px;
    /* height: 450px;*/
    margin: 4% auto;
    /* position: absolute;*/
    /*top: 0; left: 0; bottom: 0; right: 0;*/
}


    .box-centered img.mainLogo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
        margin-top: 80px;
    }

.textmiddle {
    vertical-align: middle;
}


div#login-box {
    padding-bottom: 40px;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 3px 3px 5px 6px #1A4253;
    -webkit-box-shadow: 3px 3px 5px 6px #1A4253;
    box-shadow: 3px 3px 5px 6px #1A4253;
}

div.login-box-content > ul > li {
    padding: 10px 5px;
    position: relative;
    min-height: 10px;
}

    div.login-box-content > ul > li > label {
        display: inline-block;
        font-weight: bold;
        font-size: medium;
        top: 14px;
        left: 10px;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
    }

    div.login-box-content > ul > li div {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

    div.login-box-content > ul > li > div {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

        div.login-box-content > ul > li > div input {
            display: block;
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
            padding: 7px;
            -webkit-box-shadow: inset 3px 3px 3px 0px #99A0A3;
            -moz-box-shadow: inset 3px 3px 3px 0px #99A0A3;
            box-shadow: inset 3px 3px 3px 0px #99A0A3;
            width: 100%;
            background-color: #CCD4D7;
            height: 30px;
            font-size: small;
        }

div.login-box-content > p {
    display: block;
    float: right;
}

input.loginbutton {
    border: none;
    background: transparent;
    color: #4D884E;
    box-shadow: none;
    font-size: 100%;
    font-weight: bold;
    padding-right: 30px;
}

.gsipo-login-text {
    padding-top: 30px;
    text-align: center;
    color: white;
    font-size: large;
}


.gsipo-powered {
    font-family: Calibri, sans-serif;
}

#login-error-info {
    clear: both;
}

    #login-error-info .validation-summary-errors {
        color: #dc143c !important;
        text-align: center;
        margin-top: 20px;
        font-size: medium;
    }

.buttonMoveSelection {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    height: 120px;
    line-height: 50px;
    width: 20px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
}

    .buttonMoveSelection:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color: #dfdfdf;
    }

    .buttonMoveSelection:active {
        position: relative;
        top: 1px;
    }


div#gsipo-navigators {
    /* margin-top: 50px;    */
    margin: auto;
    float: left;
    width: 100%;
}

div#navigators-icons {
    margin-top: 20px;
}

    div#navigators-icons .notFirst {
        margin-left: 40px;
    }




div#twoTables {
    -moz-min-width: 1000px;
    -ms-min-width: 1000px;
    -o-min-width: 1000px;
    -webkit-min-width: 1000px;
    min-width: 1000px;
}

.tableZone {
    float: left;
    width: 45%;
    /*width: 500px;*/
}

div#zoneButtonsBetweenTables {
    float: left;
    padding-top: 30px;
}



.login-content {
    float: left;
    width: 100%;
    overflow: hidden;
}

table#cassation-energy-table {
    background-color: #eceaea;
}


    table#cassation-energy-table input[readonly="readonly"] {
        padding: 1px;
        margin: 0;
        text-align: center;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #3D3D3D;
        border: none;
        outline: none;
        font-size: 0.8em;
        height: 16px;
        background: #eceaea;
    }

.saveButton {
    background-image: url("../img/dinamic_items/bg_save_button.png");
    padding: 5px;
    text-align: center;
    color: white;
    border: 0;
    height: 30px;
    margin: 5px;
    cursor: pointer;
}

.cassationEnergyMessage {
    text-align: center;
    font-size: large;
    margin: 10px;
}

#cassation-energy-table tbody {
    width: 100%;
    height: 400px;
    overflow: auto;
}

#cassation-energy-table thead > tr, #cassation-energy-table tbody {
    display: block;
}

#cassation-energy-table th, #cassation-energy-table td {
    width: 180px !important;
}

div#cassation-energy-warning-message {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    font-weight: bolder;
    font-size: 1.3em;
    text-transform: uppercase;
    text-align: right;
    padding: 5px;
    width: auto;
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
    color: #9F6000;
    background-color: #FEEFB3;
}


.importExcelResumeHeader {
    /*background-color: #959744;*/
    background-color: #363f44;
    text-align: center;
    font-size: large;
    color: white;
}

.importExcelResume {
    text-align: center;
    overflow: hidden;
}

    .importExcelResume ul.dateResume li {
        display: inline-block;
        padding: 20px;
    }


    .importExcelResume ul li label {
        margin-right: 10px;
        font-weight: bold;
    }

    .importExcelResume ul li.excelResumeListElement {
        margin-right: 20px;
    }

    .importExcelResume div.plantsResume {
        float: left;
        width: 50%;
    }

        .importExcelResume div.plantsResume ul {
            width: 150px;
            margin: 0 auto;
        }


    .importExcelResume div.sessionsResume {
        float: left;
        width: 50%;
    }

        .importExcelResume div.sessionsResume ul {
            width: 200px;
            margin: 0 auto;
        }


div.masterDataResume {
    background-color: white;
}


footer#foot {
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #222;
    color: #fff;
    height: 60px;
    padding-top: 20px;
    padding-left: 20px;
    text-align: left;
    width: 191px;
    z-index: 101;
}



div.planthierarchy-resume-box {
    padding-bottom: 20px;
}

    div.planthierarchy-resume-box > ul > li {
        padding: 10px 5px;
        position: relative;
        border-bottom: 1px solid #eeeded;
        min-height: 10px;
    }

        div.planthierarchy-resume-box > ul > li > label {
            display: inline-block;
            font-weight: bold;
            top: 14px;
            left: 10px;
            position: absolute;
        }

        div.planthierarchy-resume-box > ul > li div {
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
        }

div.createDetailsTradingStrategyDiv {
    overflow: auto;
}




table.strategyDetailsTable tr.validationRow td {
    width: 50px;
    background-color: #fafad2;
}



    table.strategyDetailsTable tr.validationRow td.sessionOrder {
        background-color: #969744;
        width: 70px;
        color: white;
    }

table.strategyDetailsTable td.sessionOrder {
    background-color: #969744;
    width: 70px;
    color: white;
}


#tableAvailable thead th {
    padding: 3px 3px 3px 10px !important;
}

#tableAvailable tbody td {
    padding: 0 !important;
}

#tableSelected thead th {
    padding: 3px 3px 3px 10px !important;
}

#tableSelected tbody td {
    padding: 3px 3px 3px 10px !important;
}


#logoutImage {
    margin-right: 5px;
    vertical-align: middle;
}

table.masterDataResumeTable thead tr th {
    text-align: center;
    font-weight: bold;
}

table.masterDataResumeTable tbody tr td {
    text-align: center;
}


    table.masterDataResumeTable tbody tr td.title {
        font-weight: bold;
        text-align: left;
    }

#downloadAllFiles {
    float: right;
    margin-right: 20px;
    background-image: url("../img/dinamic_items/bg_save_button.png");
    color: white;
    padding: 5px;
    margin-bottom: 5px;
}

.customReportFooterTr {
    font-weight: bold;
    background-color: #eceaea;
    color: black;
}

@media screen and (max-width: 1200px) {

    div.content {
        padding-left: 130px;
    }

    nav#menu {
        width: 100px;
    }

    footer#foot {
        display: none;
    }

    nav#menu li > a > span.ca-icon {
        width: 50%;
        display: block;
        text-align: center;
        text-indent: 0;
        float: none;
    }

    nav#menu li > a > span.ca-text {
        text-indent: 0;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-topright: 5px;
        -moz-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -webkit-transition: all 300ms linear;
        background: #222;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        color: #6cbfb7;
        left: 100px;
        opacity: .85;
        overflow: hidden;
        position: absolute;
        transition: all 300ms linear;
        white-space: nowrap;
        width: 0;
    }

    nav#menu li > a:hover > span.ca-text {
        overflow: visible;
        padding: 0 20px 0 20px;
        width: auto;
        z-index: 110;
    }

    nav#menu > ul > li > ul > li > ul > li > a {
        height: 40px;
        padding-left: 30px;
    }

    div#content-bar {
        padding-left: 109px;
    }
}

#defaultStrategyLabel {
    margin-left: 15px;
    font-weight: bold;
}

#defaultStrategyMarketLabel {
    margin-left: 15px;
    font-weight: bold;
}


.sessionlabel {
    background-color: #969744;
    text-align: center;
    color: white;
    font-size: initial;
}

.addBlocksButtons {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}



#prices-comparison-table.dataTable thead th, #prices-comparison-table.dataTable tbody td {
    padding: .3em .3em;
    text-align: center;
    min-width: 3em;
}

/*#prices-comparison-table.dataTable tbody td {
    padding: 1px 1px;
}*/

#stockPricesLegend {
    border: 1px solid;
    border-radius: 5px;
    width: 40%;
    margin: 0 auto;
    margin-bottom: 10px;
}

    #stockPricesLegend ul li span {
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: large;
        font-weight: bold;
    }


ul.termValues {
    padding-top: 10px;
    padding-bottom: 10px;
}

    ul.termValues > li {
        display: inline;
    }

        ul.termValues > li > label {
            margin-left: 10px;
            margin-right: 10px;
            font-weight: bold;
        }

        ul.termValues > li > input {
            border: 1px solid #61acd3;
        }



div.box-content > ul.termValues {
    padding-top: 10px;
    padding-bottom: 10px;
}

    div.box-content > ul.termValues > li {
        display: inline;
    }

        div.box-content > ul.termValues > li > label {
            margin-left: 10px;
            margin-right: 10px;
            font-weight: bold;
            top: 0;
            left: 0;
            position: relative;
        }

        div.box-content > ul.termValues > li > input {
            border: 1px solid #61acd3;
        }

.AdvancedStrategyDetailsTableFirstTd {
    background-color: #CCC;
}



.handsontable .table th, .handsontable .table td {
    border-top: none !important;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
    border-top: 1px solid #CCCCCC !important;
}

/* table-striped */
.handsontable tbody > tr:nth-child(2n+1) > th {
    background-color: #EEE !important;
}

.handsontable .currentRow {
    background-color: #E7E8EF;
}

.handsontable .currentCol {
    background-color: #F9F9FB;
}

.gridDiv {
    float: right;
    margin-right: 8px;
    margin-bottom: 15px;
}

    .gridDiv col.rowHeader {
        width: 120px !important;
    }

    .gridDiv .htDimmed {
        color: black;
        background-color: #ffffff !important;
        font-style: normal !important;
    }

table.advancedStrategyDetailsTable {
    width: 0;
    border: 1px solid #969744;
    empty-cells: show;
    float: right;
    overflow: auto;
}

    table.advancedStrategyDetailsTable > thead {
        background-color: #969744;
    }

        table.advancedStrategyDetailsTable > thead > tr {
            border: solid 1px darkgray;
        }

            table.advancedStrategyDetailsTable > thead > tr > th {
                text-align: center;
                color: white;
                font-weight: bold;
                border: solid 1px darkgray;
                height: 20px;
                width: 60px;
            }

    table.advancedStrategyDetailsTable > tbody > tr > td {
        text-align: center;
        font-weight: bold;
        border: solid 1px darkgray;
        height: 20px;
        width: 60px;
    }

        table.advancedStrategyDetailsTable > tbody > tr > td.periodsNotUsed {
            background-color: darkgray;
        }

        table.advancedStrategyDetailsTable > tbody > tr > td > select {
            padding-right: 0px;
            width: 50px;
        }


.importButton {
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    text-align: center;
    color: white;
    width: auto;
    border: 0;
    height: auto;
    margin: 10px;
    background-image: url("../img/dinamic_items/bg_save_button.png");
}

div.strategy-profit-box {
    width: 100%;
    margin-top: 10px;
}

    div.strategy-profit-box h2 {
        margin: 10px;
        cursor: pointer;
    }

/* SMR */

div#strategies-grids {
    width: 100%;
}

div.smr-technology-div {
    margin: 0 0 0px 0;
    box-sizing: border-box;
    width: 100%;
}

div.smr-total-div > h1 {
    text-indent: 10px;
    font-size: 1.5em;
    font-weight: bolder;
    display: inline-block;
    width: 100%;
    /*height: 30px;
    line-height: 30px;*/
}

div.smr-technology-div > h1 {
    text-indent: 10px;
    font-size: 1.5em;
    font-weight: bolder;
    display: inline-block;
    width: 100%;
    /*height: 30px;
    line-height: 30px;*/
}

div.smr-technology-div div.smr-technology-grid {
    overflow: auto;
    margin: auto;
    box-sizing: border-box;
}

/* END SMR */


table.errorTable tr.fatal {
    background-color: #660066 !important;
}

    table.errorTable tr.fatal td {
        color: white !important;
    }

table.errorTable tr.error {
    background-color: #FFBABA;
}


table.errorTable tr.warning {
    background-color: #FEEFB3;
}

table.errorTable tr.info {
    background-color: #BDE5F8;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 0.85em;
    height: 28px;
    margin: 1px 0;
}

/* Remove bottom white space in panels: */
#box-content-top > form > ul {
    margin-bottom: 0px;
}


.alert-box {
    color: #555;
    border-radius: 10px;
    font-family: Tahoma,Geneva,Arial,sans-serif;
    font-size: 11px;
    padding: 10px 10px 10px 36px;
    margin: 6px;
}

    .alert-box span {
        font-weight: bold;
        text-transform: uppercase;
    }

.success {
    background: #e9ffd9 url('../img/done_notification.png') no-repeat 10px 50%;
    border: 1px solid #a6ca8a;
    background-size: 20px;
}

.warning {
    background: #fff8c4 url('../img/warning_notification.png') no-repeat 10px 50%;
    border: 1px solid #f2c779;
    background-size: 20px;
}

.error {
    background: #ffecec url('../img/error_notification.png') no-repeat 1px 50%;
    border: 1px solid #f5aca6;
    background-size: 20px;
    padding: 5px;
}



.button-custom {
    -moz-border-radius: 7px !important;
    -webkit-border-radius: 7px !important;
    border-radius: 7px !important;
    display: inline-block !important;
    cursor: pointer !important;
    color: #ffffff !important;
    font-family: Verdana !important;
    font-size: 13px !important;
    padding: 10px 12px !important;
    text-decoration: none !important;
}

    .button-custom:focus {
        outline: none;
    }

.separateFooter {
    margin-top: 5px !important;
    margin-bottom: 11px !important;
}

.close-button-custom {
    float: right;
}

.green {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b)) !important;
    background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%) !important;
    background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%) !important;
    background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%) !important;
    background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%) !important;
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0) !important;
    background-color: #74ad5a !important;
    border: 1px solid #3b6e22 !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #9acc85 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85 !important;
    box-shadow: inset 0px 1px 0px 0px #9acc85 !important;
}

    .green:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a)) !important;
        background: -moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%) !important;
        background: -webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%) !important;
        background: -o-linear-gradient(top, #68a54b 5%, #74ad5a 100%) !important;
        background: -ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%) !important;
        background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0) !important;
        background-color: #68a54b !important;
    }

.red {
    -moz-box-shadow: inset 0px 1px 0px 0px #cc8686;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cc8686;
    box-shadow: inset 0px 1px 0px 0px #cc8686;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ab5b5b), color-stop(1, #a34b4b));
    background: -moz-linear-gradient(top, #ab5b5b 5%, #a34b4b 100%);
    background: -webkit-linear-gradient(top, #ab5b5b 5%, #a34b4b 100%);
    background: -o-linear-gradient(top, #ab5b5b 5%, #a34b4b 100%);
    background: -ms-linear-gradient(top, #ab5b5b 5%, #a34b4b 100%);
    background: linear-gradient(to bottom, #ab5b5b 5%, #a34b4b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab5b5b', endColorstr='#a34b4b',GradientType=0);
    background-color: #ab5b5b;
    border: 1px solid #6e2222;
}

    .red:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a34b4b), color-stop(1, #ab5b5b));
        background: -moz-linear-gradient(top, #a34b4b 5%, #ab5b5b 100%);
        background: -webkit-linear-gradient(top, #a34b4b 5%, #ab5b5b 100%);
        background: -o-linear-gradient(top, #a34b4b 5%, #ab5b5b 100%);
        background: -ms-linear-gradient(top, #a34b4b 5%, #ab5b5b 100%);
        background: linear-gradient(to bottom, #a34b4b 5%, #ab5b5b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a34b4b', endColorstr='#ab5b5b',GradientType=0);
        background-color: #a34b4b;
    }

.blue {
    -moz-box-shadow: inset 0px 1px 0px 0px #86a2cc;
    -webkit-box-shadow: inset 0px 1px 0px 0px #86a2cc;
    box-shadow: inset 0px 1px 0px 0px #86a2cc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5e90ab), color-stop(1, #4c79a1));
    background: -moz-linear-gradient(top, #5e90ab 5%, #4c79a1 100%);
    background: -webkit-linear-gradient(top, #5e90ab 5%, #4c79a1 100%);
    background: -o-linear-gradient(top, #5e90ab 5%, #4c79a1 100%);
    background: -ms-linear-gradient(top, #5e90ab 5%, #4c79a1 100%);
    background: linear-gradient(to bottom, #5e90ab 5%, #4c79a1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e90ab', endColorstr='#4c79a1',GradientType=0);
    background-color: #5e90ab;
    border: 1px solid #224d6e;
}

    .blue:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4c79a1), color-stop(1, #5e90ab));
        background: -moz-linear-gradient(top, #4c79a1 5%, #5e90ab 100%);
        background: -webkit-linear-gradient(top, #4c79a1 5%, #5e90ab 100%);
        background: -o-linear-gradient(top, #4c79a1 5%, #5e90ab 100%);
        background: -ms-linear-gradient(top, #4c79a1 5%, #5e90ab 100%);
        background: linear-gradient(to bottom, #4c79a1 5%, #5e90ab 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c79a1', endColorstr='#5e90ab',GradientType=0);
        background-color: #4c79a1;
    }

.grey {
    -moz-box-shadow: inset 0px 1px 0px 0px #c9c9c9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #c9c9c9;
    box-shadow: inset 0px 1px 0px 0px #c9c9c9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ababab), color-stop(1, #999999));
    background: -moz-linear-gradient(top, #ababab 5%, #999999 100%);
    background: -webkit-linear-gradient(top, #ababab 5%, #999999 100%);
    background: -o-linear-gradient(top, #ababab 5%, #999999 100%);
    background: -ms-linear-gradient(top, #ababab 5%, #999999 100%);
    background: linear-gradient(to bottom, #ababab 5%, #999999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ababab', endColorstr='#999999',GradientType=0);
    background-color: #ababab;
    border: 1px solid #6e6e6e;
}

    .grey:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #ababab));
        background: -moz-linear-gradient(top, #999999 5%, #ababab 100%);
        background: -webkit-linear-gradient(top, #999999 5%, #ababab 100%);
        background: -o-linear-gradient(top, #999999 5%, #ababab 100%);
        background: -ms-linear-gradient(top, #999999 5%, #ababab 100%);
        background: linear-gradient(to bottom, #999999 5%, #ababab 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#ababab',GradientType=0);
        background-color: #999999;
    }

.button-custom:active {
    position: relative !important;
    bottom: 1px !important;
}


.labelCustom {
    margin-right: 10px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.liCustom {
    display: inline-block !important;
    padding: 20px !important;
}

.buttonCustom {
    float: right;
    display: inline-block;
    padding: 20px;
}


.buttons-colvis {
    margin-left: 40px;
}

.totalMessageUnderDT {
    padding-left: 20px;
    padding-top: 10px;
}

.datepickerUnderDT {
    padding-left: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}


table a.deleteButtonDT {
    background: url("../img/img_delete_button.png") no-repeat;
    background-position: center;
    color: transparent !important;
    background-size: 16px;
}

.ui-multiselect.notificationFilter {
    font-size: 12px !important;
    width: auto !important;
    border: none;
    padding: 5px 5px 5px 15px;
}

    .ui-multiselect.notificationFilter.ui-state-default {
        background: transparent;
        font-weight: normal;
        color: #ffffff;
    }

div.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all.notificationFilter {
    width: auto !important;
    background: #363f44;
    border: none;
}

.dispInline {
    display: inline;
}


.typeRightLogo {
    float: left;
    display: block;
    font-size: 17px;
    margin-left: 10px;
    color: rgba(255, 255, 255, 0.68);
    font-style: italic;
    font-family: Calibri Light;
    font-weight: 100;
    margin-top: 15px;
}

.typeRightLogoSapHost {
    float: left;
    display: block;
    font-size: 25px;
    margin-left: 10px;
    color: rgba(255, 255, 255, 1);
    font-weight: 100;
    margin-top: 6px;
}

.errorInForm {
    padding: 5px 5px 5px 40px;
}

.buttonZUp {
    position: relative;
    z-index: 99;
}

.highchartTitleStyle {
    text-align: center;
    color: #274b6d;
    font-size: 16px;
    fill: #274b6d;
    width: 1707px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}


div.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all.notificationFilter ul {
    overflow-y: hidden !important;
    height: auto !important;
}

div.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all.notificationFilter.ui-multiselect-checkboxes li {
    padding-right: 0px;
}

.notificationFilterOption label input {
    display: none;
}

.notificationFilterOption label {
    margin-left: 15px;
    color: white;
    text-align: left;
}

.seleccionada {
    background: grey;
}

label.static {
    display: block;
    color: #797E89;
    height: 40px;
    padding: 15px 15px 15px 15px;
    text-decoration: none;
    line-height: 120%;
    position: relative;
    font-size: 13px;
}

a.disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}

.li.disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

button.disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

table a.accept {
    background: url("../img/done_notification.png") no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    background-size: 15px;
    color: transparent !important;
}

table a.refuse {
    background: url("../img/error_notification.png") no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    background-size: 15px;
    color: transparent !important;
}

table a.retire {
    background: url("../img/retired_icon.png") no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    background-size: 15px;
    color: transparent !important;
}

table a.editable {
    background: url("../img/edit_icon.png") no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    background-size: 15px;
    color: transparent !important;
}

table.dataTable tbody > tr > td.red2
{
    background:#f38686;
}
table.dataTable tbody > tr > td.orange
{
    background:#F6E3CE;
}
table.dataTable tbody > tr > td.green2
{
    background:#CEF6D8;
}
table.dataTable tbody > tr > td.empty
{
    background:#FFCCCC;
}