@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    [class^="icon-"], [class*=" icon-"] {
        display: block;
        float: left;
    }
}

.progress .bar {
    color: #555555 !important;
}

body {
    margin: 0;
    padding: 0;
    color: #555;
    /*font: normal 10pt Arial,Helvetica,sans-serif;*/
    background: #fcfcfc;
    font-family: Verdana, Arial, sans-serif;
    /*font-size: 1em;*/
}

#page {
    margin-top: 5px;
    margin-bottom: 5px;
    background: #fcfcfc;
    /*border: 1px solid #606d76;*/
    /*    -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;*/
}

#header {
    margin: 0;
    padding: 0;
    /*border-top: 30px solid #C9E0ED;*/
    height: 40px;
    /*background: url('images/header.png') no-repeat top center;*/

    background-color: #f5f7fa;

    /*margin-top: 10px;*/
    /*margin-right: 10px;*/
    /*    -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;*/
}

#content {
    padding: 20px;
    /*background-color: #F9F9F9;*/
}

.contentTestServerABC {
    padding: 20px;
    background-color: red !important;
}

#testBackground {
    background-color: red !important;
}

body {
    background-color: white;
}

#sidebar {
    padding: 20px 20px 20px 0;
}

#hideMenu {
    position: fixed;
    top: 50%;
    left: 5px;
}

#showMenu {
    display: none;
    position: fixed;
    top: 50%;
    left: 5px;
}

/*#sidebar:after{
    content: "Hello WOrld";
}*/

.content {
    margin: 25px;

    /*border: 1px solid black;*/
}

#footer {
    padding: 0px;
    margin: 0px 0px;
    font-size: 0.8em;
    text-align: center;
    /*border-top: 1px solid #606d76;*/
    /*background-color: #f1f2f6;*/
    background-color: #F5F5F5;
    /*bottom: 0;*/
    /*position: fixed;*/


    /*    -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius:  5px;
        border-bottom-left-radius:  5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px;*/
}

#logo {
    padding: 10px 20px;
    font-size: 200%;
}

#mainmenu {
    /*background:white url(bg.gif) repeat-x left top;*/
    background-color: #0c72b4;

}

#mainmenu ul {
    padding: 10px 20px 10px 20px;
    margin: 0px;
    /*height: 40px;*/
    /*background-color: #000000;*/
    /*    border: 1px solid #000000;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;*/
}

#mainmenu ul li {
    display: inline;
    /*border: 1px solid #000000;*/

}

#mainmenu ul li a {
    color: #ffffff;
    background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a {
    background-color: #f1f2f6;
    /*background-color: #f0a20a;*/
    color: #000000;
    text-decoration: none;

    border-color: #f1f2f6;


    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#loadingScreen {
    text-align: center;
    background: url('images/ajax_loading.gif') no-repeat;
}

.wait {
    display: none;
    background: url('images/wait.gif') no-repeat;
    width: 30px;
    height: 30px;
    z-index: 1000000;
}

/* hide the close x on the loading screen */
.loadingScreenWindow .ui-dialog-titlebar-close {
    display: none;
}

.loadingScreenWindow .ui-dialog-titlebar {
    display: none;
}


div.flash-error, div.flash-notice, div.flash-success {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
}

div.flash-error {
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}

div.flash-notice {
    background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}

div.flash-success {
    background: #E6EFC2;
    color: #264409;
    border-color: #C6D880;
}

div.flash-error a {
    color: #8a1f11;
}

div.flash-notice a {
    color: #514721;
}

div.flash-success a {
    color: #264409;
}

div.form .rememberMe label {
    display: inline;
}

div.view {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs {
    font-size: 1.0em;
    padding: 5px 20px;
    /*background-color: black;*/
    /*background-color: #a4c400;*/
    /*background-color: #6badf6;*/

}

div.breadcrumbs span {
    font-weight: bold;
    /*background-color: blue;*/
}

div.breadcrumbs a {
    font-weight: bold;
    /*background-color: #a4c400;*/
    text-decoration: none;
    /*color: #FFFFFF;*/
    padding: 5px 8px;
}

div.breadcrumbs a:hover {
    font-weight: bold;
    /*background-color: #f1f2f6;*/
    /*background-color: #f0a20a;*/
    text-decoration: none;
    color: #000000;
}

div.search-form {
    padding: 10px;
    margin: 10px 0;
    background-color: rgba(161, 0, 36, 0.1);
}

.portlet {

}

.portlet-decoration {
    padding: 3px 8px;
    /*background-color: #0c72b4;*/
    color: #FFFFFF;
    /*background: #B7D6E7;*/
    /*background: black;*/
    /*border-left: 5px solid #6FACCF;*/
}

.portlet-title {
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    /*color: #298dcd;*/
    color: #000000;
}

.portlet-content {
    font-size: 0.9em;
    margin: 0 0 15px 0;
    padding: 5px 8px;
    /*background:#EFFDFF;*/
    /*background: #0c72b4;*/
}

.portlet-content ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.portlet-content li {
    /*padding: 2px 0 4px 0px;*/
}

.operations {
    /*    list-style-type: none;
        margin: 0;
        padding: 0;
        color:#000000;*/

    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin: 30px 0 0 0;
    padding: 0;
    /*width: 228px;*/


}

.operations li {
    /*    padding-bottom: 2px;
        color:#000000;*/
    margin: 0;
    list-style-type: none;
    /*background-color: blue;*/
    /*background: url('images/') no-repeat rigth center;*/
}

.operations li a {
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
    text-decoration: none;
    /*font-size: 12px;*/


    /*    font: bold 12px/15px Arial;
        color: #0066A4;
        color: #FFFFFF;
        display: block;
        padding: 2px 0 2px 8px;
        line-height: 15px;
        background-color: #FFFFFF;
        text-decoration: none;*/
}

.operations > li:first-child > a {
    border-radius: 6px 6px 0 0;
}

.operations > li:last-child > a {
    border-radius: 0 0 6px 6px;
}

.operations li a:visited {
    /*color: #0066A4;*/
}

.operations li a:hover {
    /*background: #80CFFF;*/
    /*background-color: #f0a20a;*/
    /*color:#000000;*/

    /*border-color: #f1f2f6;*/
    /*background-color: #f1f2f6;*/
    background-color: #F5F5F5;
    color: #005580;


    /*    -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;*/
}

.operations li a active {
    background-color: black;
}


.navbar .brand {
    font-size: 1em !important;
    margin-right: 50px;
}

#presto_programme_div {
    display: none;
}

#downloadSelectedButton {
    display: none;
}

#presto_projects_div {
    display: none;
}

.secondLevel {
    padding-left: 2em;
    padding-top: 0.5em;
}

.firstLevel {

}

.CAPOwner {
    padding-left: 0.5em;
}

.grid-view table.items tr.selected td {
    background: none repeat scroll 0 0 #87CEFF !important;
}

.fixedButton {
    position: fixed;
    top: 50px;
}

.operations li.active a {
    background-color: #0081C2;
    background-image: linear-gradient(to bottom, #0088CC, #0077B3);
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

/* CADIMA OPERATIONS*/
.cadimaOperations {
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin: 30px 0 0 0;
    padding: 0;
}

.cadimaOperations li {
    margin: 0;
    list-style-type: none;
}

.cadimaOperations li a {
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
    text-decoration: none;
}

.cadimaOperations li.unavailable a {
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
    text-decoration: none;
    cursor: not-allowed;
    background-color: #eeeeee;
    color: #555555;
}


.cadimaOperations li.unavailable a:hover {
    background-color: #eeeeee;
    color: #555555;
}

.cadimaOperations li a:hover {
    background-color: #F5F5F5;
    color: #005580;
}

.cadimaOperations li.active a {
    /*background-color: #0081C2;*/
    background-image: linear-gradient(to bottom, #0088CC, #0077B3);
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

.cadimaOperations li.sub ul li.active a {
    /*background-color: #0081C2;*/
    background-image: linear-gradient(to bottom, #0088CC, #0077B3);
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

.cadimaOperations li.sub ul li.active ul li.active a {
    /*background-color: #0081C2;*/
    background-image: linear-gradient(to bottom, #0088CC, #0077B3);
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

.cadimaOperations li.sub ul li.sub a {
    background-color: #006b3f;
    /*background-color: #86b034;*/
    background-image: none;
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

.cadimaOperations li.sub ul li.sub ul li a {
    border-color: #E5E5E5;
    border-style: solid solid solid dotted;
    border-width: 1px;
    margin-left: 8px;
    background-color: white;
    color: #0088CC;
}

.cadimaOperations li.sub a {
    background-color: #006b3f;
    /*background-color: #86b034;*/
    background-image: none;
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
}

.cadimaOperations li.sub ul li a {
    border-color: #E5E5E5;
    border-style: solid solid solid dotted;
    border-width: 1px;
    margin-left: 8px;
    background-color: white;
    color: #0088CC;
}

.cadimaOperations li ul li a {
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    /*border-left: none !important;*/
    border-left: 1px dotted #E5E5E5;
    margin-left: 8px;

}

.cadimaOperations li.sub ul li.unavailable a {
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
    text-decoration: none;
    cursor: not-allowed;
    background-color: #eeeeee;
    color: #555555;
    margin-left: 8px;
}

.processed {
    background-color: #dff0d8;
    text-align: center;
}

.notProcessed {
    background-color: #f2dede;
    text-align: center;
}

.yes {
    background-color: #dff0d8;
    text-align: center;
}

.no {
    background-color: #f2dede;
    text-align: center;
}

.unclear {
    background-color: #FFDAB9;
    text-align: center;
}

.noRating {
    text-align: center;
}

.yesL {
    background-color: #dff0d8;
    padding-left: 5px;
    width: 70px;
    /*margin-top: 8px;*/
}

.noL {
    background-color: #f2dede;
    padding-left: 5px;
    width: 70px;
    /*margin-top: 5px;*/
}

.unclearL {
    background-color: #FFDAB9;
    padding-left: 5px;
    width: 70px;
    /*margin-top: 5px;*/
}

.noRatingL {
    padding-left: 5px;
}

.commentLink {
    margin-left: 8px;
}


.nodeco:hover {
    text-decoration: none;
}


.icon-red,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
    background-image: url("images/glyphicons-halflings-red.png");
}

.icon-green,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
    background-image: url("images/glyphicons-halflings-green.png");
}


.icon-yellow,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
    background-image: url("images/glyphicons-halflings-yellow.png");
}

.icon-grey,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
    background-image: url("images/glyphicons-halflings-grey.png");
}


.table-striped tbody tr:nth-child(2n+1).revised > td {
    background-color: #f2dede !important;
}


.revised {
    background-color: #f2dede !important;
}

.table-striped tbody tr:nth-child(2n+1).qa > td {
    background-color: #fbeed5 !important;
}

.qa {
    background-color: #fbeed5 !important;
}

.selectableRow {
    cursor: pointer;
}

.table-striped tbody tr:nth-child(2n+1).notRevised > td {
    background-color: #dff0d8 !important;
}


.notRevised {
    background-color: #dff0d8 !important;
}


.popover {
    z-index: 99999 !important;
}

.popover-title {
    z-index: 99999 !important;
}

.popover-content {
    width: 100%;
    text-overflow: ellipsis;
}


.modal-body {
    max-height: 600px;
}


.searchString {
    background-color: #FFFF66;
}

.cadimaSearchString {
    background-color: #d9edf7;
    border-bottom: 1px dashed #3a87ad;
}