@font-face {
    font-family: 'eea';
    src: url('/static/fonts/eea-7f8d198c29f18fe458b1a43fd7e39f82.eot');
    src: url('/static/fonts/eea-7f8d198c29f18fe458b1a43fd7e39f82.eot') format('embedded-opentype'),
    url('/static/fonts/eea-d1b3495983950528fbdbd2df2774c8ce.woff2') format('woff2'),
    url('/static/fonts/eea-cdfb4a0e479b44dd4757649d30276aa6.ttf') format('truetype'),
    url('/static/fonts/eea-605030e219d9db243615ae82973ae863.woff') format('woff'),
    url('/static/fonts/eea-713c1ae35e2e313750a62eb810ea7392.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* @group BASIC MAIN AREAS STYLES */

#container {
    background: #ECF4F5;
    border-left: 1px solid #CFE3E4;
    border-right: 1px solid #CFE3E4;
    box-sizing: border-box;
    max-width: 120em !important;
}

#workarea {
    overflow: hidden;
    padding: 30px;
}

#workarea,
.breadcrumbtrail {
    background: #FFFFFF;
}

.breadcrumbtrail {
    border-bottom: 1px solid #CFE3E4;
    padding: 7px 17px;
}

.breadcrumbtrailTh{
    height: 35px;
}

#workarea,
.threecolumns #workarea {
    /*border-right: 1px solid #CFE3E4;	*/
    border-left: 1px solid #CFE3E4;
}

#leftcolumn {
    width: 200px;
    padding: 0;
}

#pagefoot {
    box-sizing: border-box;
    padding: 15px 20px;
    border-left: 1px solid #cedc32;
    border-right: 1px solid #cedc32;
    max-width: 120em !important;
}

#pagefoot p {
    margin: 0;
}

/* @group HEADER */

#toolribbon #righttools a.helpButton:after {
    content: none;
}

/* @group MENU */

#menuribbon {
    padding: 0;
    box-sizing: border-box;
    height: auto;
    display: block;
    float: left;
}

#menuribbon #dropdowns li {
    width: 12em;
    background: #00446a;

}

#menuribbon #dropdowns li a:link {
    padding: 0.5em 2em;
    background-image: none;
}

#menuribbon #dropdowns li:hover {
    background: #ECF4F5;
}

#menuribbon #dropdowns li:hover a {
    color: #00446a;

}

#menuribbon #dropdowns li a:hover {
    color: #00446a;

    background: #ECF4F5;
}

#menuribbon #dropdowns ul {
    /*top: 2.3em !important;*/
    width: 120%;
    /*padding: 1em;*/
    border-right: 1px solid #CFE3E4;
    border-bottom: 0;
    border-left: 1px solid #CFE3E4;
    background: #ECF4F5;
}

#menuribbon #dropdowns li ul li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #D5E5E6;
    background: #ECF4F5;
}

#menuribbon #dropdowns li ul li a:link,
#menuribbon #dropdowns li ul li a:visited {
    padding: 0.7em 2.1em;
    border: none;

}

#menuribbon #dropdowns li ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#menuribbon #dropdowns li ul li a:hover {
    border: none;
    background: #CEDC32;
    border-left: 7px solid #AAAD28;
    color: #000000;
    padding-left: calc(2.1em - 7px);
}

/* @group LEFT MENU */

.localnav ul {
    border-bottom: 0;
}

.localnav li {
    font-size: 100%;
    border-top: 1px solid #D5E5E6;
}

.localnav li:first-child{
    border-top: none;
}

.hasPermMenuItem{
    border-top: 1px solid #D5E5E6 !important;
}

.localnav li a{
    background: #ECF4F5;
    border-left: 7px solid #ECF4F5;
    padding: 10px 20px 10px 15px;
    color: #00446A;
    font-weight: normal;
}

.localnav li a:hover,
.localnav li.current a,
.localnav li.current a:hover
{
    background: #CEDC32;
    border-left: 7px solid #AAAD28;
    color: #000000;
}

.localnav li.current a,
.localnav li.current a:hover
{
    font-weight: bold;
}

/* @group WORKAREA */

/*#workarea h1 {*/
    /*color: #000000;*/
    /*font-size: 1.7rem;*/
    /*padding: 0;*/
    /*margin: 0 0 30px 0;*/
/*}*/

#workarea h2 {
    background: none;
    border: none;
    display: block;
    padding: 0;
    margin: 40px 0 30px 0;
}

#workarea h3 {
    background: none;
    border: none;
    display: block;
    padding: 0;
    margin: 40px 0 30px 0;
}

#workarea h2.results {
    background: none;
    border: none;
    display: block;
    float: left;
}

/* @group Quick Links */

#quickbar {
    margin-top: 20px;
}

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

#quickbar ul li {
    display: inline-block;
}

#quickbar ul li a {
    display: block;
    color: #00446A;
    font-size: 80%;
    padding: 0 0 0 30px;
    text-decoration: none;
    position: relative;
}

#quickbar ul li a:before {
    color: #B1B50F;
    font-size: 14px;
    font-family: 'eea';
    position: absolute;
    top: 0px;
    left: 12px;
}

#quickbar ul li.quickLink a:before {
    content: "\e90a";
}

#quickbar ul li.back a:before {
    content: "\e901";
}

/* @group DROP OPERATIONS */

#drop-operations {
    display: block;
    /*float: left;
    clear: both;*/
    margin-top: 20px;
    border-top: 1px solid #CFE3E4;
    width: 920px;
}

#drop-operations > ul {
    position: relative;
    display: block;
    background: none;
    margin: 10px 0 0px 0;
}

#drop-operations > ul li {
    display: inline-block;
    background: none;
    border: none;
}

#drop-operations > ul li a {
    display: block;
    color: #00446A;
    font-size: 80%;
    padding: 5px 15px 5px 30px;
    text-decoration: none;
    position: relative;
}

#drop-operations > ul li a:before {
    color: #B1B50F;
    font-size: 14px;
    font-family: 'eea';
    position: absolute;
    top: 4px;
    left: 7px;
}

#drop-operations > ul li.search a:before {
    content: "\e90f";
}

#drop-operations > ul li.search.open {
    background: #F9FCFC;
    border-top: 1px solid #CFE3E4;
    border-left: 1px solid #CFE3E4;
    border-right: 1px solid #CFE3E4;
    z-index: 100;
}

#drop-operations > ul li.restore a:before,
#drop-operations > ul li.upload a:before {
    content: "\e90d";
}

#drop-operations > ul li.add a:before,
#drop-operations > ul li.create a:before {
    content: "\e916";
}

#drop-operations > ul li.delete a:before {
    content: "\e905";
}

#drop-operations > ul li.pdf a:before {
    content: "\e90c";
}

#drop-operations > ul li.copy a:before {
    content: "\e903";
}

#drop-operations > ul li.subscribe a:before {
    content: "\e90e";
}

#drop-operations > ul li.newVersion a:before,
#drop-operations > ul li.new a:before {
    content: "\e912";
}

#drop-operations > ul li.edit a:before {
    content: "\e907";
}

#drop-operations > ul li.back a:before {
    content: "\e901";
}

#drop-operations > ul li.maintain a:before,
#drop-operations > ul li.manage a:before {
    content: "\e910";
}

#drop-operations > ul li.checkin a:before,
#drop-operations > ul li.import a:before {
    content: "\e91a";
}

#drop-operations > ul li.checkout a:before {
    content: "\e902";
}

#drop-operations > ul li.close a:before {
    content: "\e91d";
}

#drop-operations > ul li.reload a:before {
    content: "\e923";
}

#drop-operations > ul li.switch a:before {
    content: "\e924";
}

#drop-operations > ul li.help a:before {
    content: "\e909";
}

#drop-operations > ul li.help a.helpButton:after {
    content: none;
}

#drop-operations > ul li.undo a:before {
    content: "\e91b";
}

#drop-operations > ul li.newest a:before {
    content: "\e91c";
}

#drop-operations > ul li.allocate a:before {
    content: "\e922";
}

#drop-operations > ul li.doc a:before {
    content: "\e906";
}

#drop-operations > ul li.list a:before {
    content: "\e927";
}

#drop-operations > ul li.expand a:before {
    content: "\e925";
}

#drop-operations > ul li.expand.active a {
    background: #FAFCFB;
    border: 1px solid #CFE5E1;
    border-bottom: 0;
    padding-bottom: 16px;
    position: relative;
    z-index: 1;
}

#drop-operations > ul li.expand.active a:before {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

#drop-operations > ul li a:hover {
    background: none;
}

/* @group Create box */

#createbox {
    display: none;
    border: 1px solid #CFE5E1;
    padding: 15px 20px;
    background: #FAFCFB;
    z-index: 0;
    position: relative;
    top: -1px;
}

#createbox.active {
    display: block;
}

#createbox ul {
    list-style: none;
    margin: 0;
    font-size: 0;
    letter-spacing: -4px;
}

#createbox li {
    letter-spacing: normal;
    font-size: 0.8rem;
    line-height: 1;
    display: inline-block;
    background: none;
    border: none;
    width: 50%;
    margin: 10px 0;
    padding: 0 40px 0 0;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
}

#createbox li a {
    display: block;
    /*float: left;*/
    color: #00446A;
    text-decoration: none;
    padding: 3px 0 0 30px;
}

#createbox li a:before {
    color: #B1B50F;
    font-size: 18px;
    font-family: 'eea';
    margin: 0 0 0 0;
    position: absolute;
    left: 0;
    top: 0;
}

#createbox li a.helpButton {
    font-size: 0;
    padding-left: 0;
    padding-top: 0;
    display: block;
    /*position: absolute;
    top: 0;
    right: 20px;*/
}

#createbox li a.helpButton:after {
    font-size: 12px;
    float: none;
    margin: 5px 0 0 30px;
}

#createbox li a.pdf:before {
    content: "\e90c";
}

#createbox li a.xsd:before {
    content: "\e915";
}

#createbox li a.xml:before {
    content: "\e914";
}

#createbox li a.excel:before {
    content: "\e908";
}

#createbox li a.open-doc:before {
    content: "\e90b";
}

#createbox li a.access:before {
    content: "\e900";
}

#createbox li a.csv:before {
    content: "\e904";
}

#createbox li a.rdf:before {
    content: "\e911";
}

#createbox li a.json:before {
    content: "\e926";
}

#createbox li > a > img {
    position: absolute;
    left: 0;
    top: 0;
}

#createbox li > a + a {

}

#createbox li > a + a img {
    position: static;
}

#createbox table {
    background: transparent;
}

/* @group FILTERS STYLES */

#workarea #filters {
    display: block;
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding: 30px;
    margin: -1px 0 25px 0;
    background: #F9FCFC;
    border: 1px solid #CFE3E4;
}

#workarea table.filter {
    background: none;
    width: 100%;
}

#workarea table.filter td {
    vertical-align: middle;
    padding: 4px 0px;
}

#workarea table.filter td input,
#workarea table.filter td select {
    background: #FFFFFF;
    border: 1px solid #9AC4C6;
    padding: 5px 8px;
}

#workarea table.filter td input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#workarea table.filter td input[type='checkbox'],
#workarea table.filter td input[type='radio'] {
    width: auto;
}

#workarea table.filter td select {
    /*width: 340px;  */
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#workarea table.filter td.label {
    /*width: 270px;*/
    color: #00446A;
}

#workarea table.filter td.input {
    /*width: 270px;*/
    position: relative;
}

#workarea table.filter td.input.bordered {
    background: #FFFFFF;
    border: 1px solid #9AC4C6;
}

/* @group HELP - ADD - REMOVE FILTERS */

a.helpButton {
    font-size: 0;
}

a.helpButton:after {
    font-family: 'eea';
    content: "\e909";
    color: #00446A;
    font-size: 14px;
    display: inline-block;
    float: right;
    margin-right: 5px;
}

a.deleteButton {
    display: block;
    position: absolute;
    top: 9px;
    right: -25px
}

a.deleteButton:after {
    font-family: 'eea';
    content: "\e905";
    color: #C1272D;
    font-size: 16px;
    display: inline-block;
    float: right;
}

.delLinkWrapper {
    position: relative;
    width: calc(100% - 25px);
}

/* @group RESULT TABLE STYLES */

table.results {
    border-collapse: collapse;
    width: 100%;
    margin: 0px 0;
}

table.results a {
    text-decoration: none;
    color: #00446A;
}

table.results thead tr {
    background: #306886;
    border: 1px solid #00446A;
}

table.results th {
    background: transparent;
    border: none;
    color: #FFFFFF;
    padding: 7px;
    text-align: left;
}

table.results th.selected {
    background: rgba(166, 202, 205, 0.3);
}

table.results th a {
    color: #FFFFFF;
}

table.results th.asc:after {
    font-family: 'eea';
    content: "\e917";
    color: #FFFFFF;
    font-size: 6px;
    display: inline-block;
    float: right;
    margin-top: 6px;
}

table.results th.desc:after {
    font-family: 'eea';
    content: "\e918";
    color: #FFFFFF;
    font-size: 6px;
    display: inline-block;
    float: right;
    margin-top: 6px;
}

table.results tbody {
    border-left: 1px solid #CFE3E4;
    border-right: 1px solid #CFE3E4;
}

table.results td {
    border-bottom: 1px solid #CFE3E4;
    padding: 7px;
    vertical-align: top;
    max-width: 130px;
    word-wrap: break-word;
}

table.results tr.even {
    background: #ECF4F5;
}

table.results tr.odd.selected {
    background-color: rgba(206, 220, 50, 0.4);
}

table.results tr.even.selected {
    background-color: rgba(212, 217, 145, 0.6);
}

table.results td div.status {
    color: #FFFFFF;
    text-align: center;
    padding: 5px 8px;
    width: 80px;
    height: 30px;
}

table.results td div.status.retired {
    background: #5A574C;
}

table.results td div.status.superseded {
    background: #5A574C;
}

table.results td div.status.incomplete {
    background: #E2923B;
}

table.results td div.status.candidate {
    background: #FBB03B;
}

table.results td div.status.recorded {
    background: #AEB5B5;
}

table.results td div.status.qualified {
    background: #29CC76;
}

table.results td div.status.released {
    background: #21A563;
}

table.results td div.status span {
    font-size: 12px;
    font-weight: bold;
}

table.results td div.status ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0.5;
}

table.results td div.status ul li {
    display: inline-block;
    width: 10px;
    height: 3px;
    background: rgba(255, 255, 255, 0.4);
    font-size: 0;
}

table.results td div.status ul li.done {
    background: rgba(255, 255, 255, 1);
}

table.results td sup.commonelm {
    display: block;
    text-align: center;
    width: 95px;
    margin-top: 0.5em;
}

/* @group DATASETS TABLE */

table.datatable.results th,
table.datatable.results td {
    border: 1px solid #cfe3e4;
}

table.datatable.results th.scope-row {
    width: 250px;
    color: #666666;
    text-align: left;
}

table.datatable.results th.scope-row a.helpButton:after {
    margin-left: 5px;
    margin-right: 0px;
}

/* @group PAGINATOR */

.paginator {
    display: block;
    float: left;
    margin: 1em 0;
    width: 100%;
}

.pagebanner {
    display: block;
    margin: 1em 0;
    float: left;
    font-weight: bold;
}

.pagelinks {
    display: block;
    margin: 1em 0;
    float: right;
}

.pagelinks a,
.pagelinks strong,
.pagelinks span {
    padding: 0.5em;
    text-decoration: none;
    margin: 0 0.2em;
}

.pagelinks a {
    color: #2a6495 !important;
    background: #ecf4f5;
    border: 1px solid #cfe3e4;
}

.pagelinks strong {
    color: #FFFFFF;
    background: #306886;
    border: 1px solid #00446A;
}

.pagelinks span {
    color: #c4c4c4;
    background: #ededed;
    border: 1px solid #c4c4c4;
}

.pagelinks .first:before {
    font-family: 'eea';
    content: "\e91f";
    font-size: 12px;
    margin-right: 3px;
}

.pagelinks .previous:before {
    font-family: 'eea';
    content: "\e91e";
    font-size: 12px;
    margin-right: 3px;
}

.pagelinks .next:after {
    font-family: 'eea';
    content: "\e920";
    font-size: 12px;
    margin-left: 3px;
}

.pagelinks .last:after {
    font-family: 'eea';
    content: "\e921";
    font-size: 12px;
    margin-left: 3px;
}

/* @group ICONS */

span.check {
    font-size: 0;
}

span.check:after {
    font-family: 'eea';
    content: "\e919";
    color: #898c20;
    font-size: 14px;

}

/* @group NOT FOUND */

p.not-found {
    padding: 8px 12px;
    background: #F9FCFC;
    border-bottom: 3px solid #9AC4C6;
    font-weight: bold;
    color: #00446a;
    clear: both;
}

p.not-found:before {
    font-family: 'eea';
    content: "\e913";
    color: #00446a;
    font-size: 20px;
    width: 25px;
    height: 25px;
    display: inline-block;
}

/* @group UPLOAD FORM */

form#Upload {
    width: 860px;
    display: block;
    float: left;
    background: #F9FCFC;
    border: 1px solid #CFE3E4;
    padding: 30px;
    margin: 25px 0;
}

form#Upload table {
    background: none;
}

form#Upload table input {
    background: #FFFFFF;
    border: 1px solid #9AC4C6;
    padding: 5px 8px;
}

/* @group POP UPS */

.ui-widget-content a {
    color: #2a6495;
}

.ui-dialog {
    padding: 0 !important;
    border: 1px solid #00446a !important;
}

.ui-dialog.ui-corner-all {
    border-radius: 0px;
}

.ui-dialog .ui-dialog-titlebar {
    border: none;
    background: #306886;
    color: #FFFFFF;
    padding: 1em !important;
    font-size: 1.1em;
    border-radius: 0px;
}

.ui-dialog form {
    width: 100%;
    border: 1px solid #CFE3E4;
    background: #F9FCFC;
    padding: 1em;
    box-sizing: border-box;
    margin: 2em 0;
}

.ui-dialog form .datatable {
    background: none;
    border: none;
}

.ui-dialog form .datatable th {
    background: none;
    text-align: left;
    color: #000000;
    border: none;
    vertical-align: middle;
}

.ui-dialog form .datatable td {
    border: none;
    vertical-align: middle;
}

.ui-dialog form .datatable input {
    background: #FFFFFF;
    border: 1px solid #9AC4C6;
    padding: 5px 8px;
}

.ui-dialog form .datatable input.mediumbuttonb {
    border: none;
    background: #13446B;
    color: #FFFFFF;
    font-weight: bold;
}

/* @group MESSAGES */

.tip-msg,
.note-msg,
.important-msg,
.caution-msg,
.warning-msg,
.error-msg,
.system-msg {
    margin: 0.5em 0;
    border: 1px solid;
    font-size: 100%;
    position: relative;
    padding: 1.5em 2.8em 1.5em 5em;
    clear: both;
}

ul.messages li {
    font-weight: normal;
    margin: 0.5em 0;
}

.error-msg {
    /*background: #FBD7D7;*/
    color: #893030;
    border-color: #893030;
}

.error-msg strong:before {
    content: "\e91d";
    font-family: 'eea';
    position: absolute;
    top: 24px;
    left: 21px;
    font-size: 30px;
}

.system-msg {
    /*background: #e9ebf2;*/
    border-color: #606A82;
    color: #606A82;
}

.system-msg strong:before {
    content: "\e909";
    font-family: 'eea';
    position: absolute;
    top: 24px;
    left: 21px;
    font-size: 30px;
}

.caution-msg,
.warning-msg {
    /*background: #FFEED0;*/
    color: #8c6328;
    border-color: #8c6328;
}

.caution-msg strong:before,
.warning-msg strong:before {
    content: "\e913";
    font-family: 'eea';
    position: absolute;
    top: 24px;
    left: 21px;
    font-size: 30px;
}

/* @group end */

@-moz-document url-prefix(http://) {
    button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
        padding: 0 !important;
        border: 0 none !important;
    }
}

div.form fieldset {
    border: 0px;
}

div.form label {
    width: 150px;
    float: left;
}

html {
    height: 100%
}

body {
    height: 100%;
}

input, select, textarea {
    padding: 7px 10px;
}

input[type="text"] {
    border: 1px solid #9ac4c6;
    background: #fff;
}

input[type="submit"] {
    /*	border: 1px solid #00446A; */
    background: #00446A;
    color: #fff;
    cursor: pointer;
}

input[type="submit"]:hover {
    background: #00669E;
}

input[type="reset"] {
    cursor: pointer;
    border: 1px solid #CFE3E4;
    background: #FFFFFF;
    color: #00446A;
}

input[type="reset"]:hover {
    border: 1px solid #00446A;
}

input[type="button"] {
    cursor: pointer;
    border: 1px solid #9ac4c6;
    background: #fff;
    color: #00446A;
}

input[type="button"]:hover {
    border: 1px solid #00446A;
}

select {
    border: 1px solid #9ac4c6;
    background: #fff;
    cursor: pointer;
}
/* Fix for https://github.com/zurb/foundation-sites/issues/5326 */
select[size] {
    height: auto;
}

/* @group styles that aren't in the central style sheet */

#createbox + #outerframe {
    margin-top: 30px;
}

#drop-operations + #outerframe {
    margin-top: 30px;
}

#outerframe {
    /*padding: 3px;*/
    /*margin-top: 10px;*/
    border-radius: 6px; /* CSS3 */
    -moz-border-radius: 6px; /* Mozilla */
}

#innerframe {
    padding: 3px;
    border: 1px solid #d8e1ce;
    border-radius: 6px; /* CSS3 */
    -moz-border-radius: 6px; /* Mozilla */
}

/* @group Dataset table "Complex attributes" */

#dataset-attributes {
    width: 100%;
}

#dataset-attributes td {
    vertical-align: middle;
}

.checkedout {
    color: #A00000;
    font-size: 1rem;
}

/* @group Admonitions */

.attention {
    color: #FF0000;
}

.caution {
    color: red;
    border-width: 1px;
}

.error {
    font-style: bold;
}

/* @group Horisontal list. */

.horlist li {
    display: inline;
}

/* @group The legend for Mandatory, Optional, Conditional icons. */

#moc-legend {
    float: left;
    padding: 3px;
    border: 1px solid #d8e1ce;
    border-radius: 6px; /* CSS3 */
    -moz-border-radius: 6px; /* Mozilla */
}

#moc-legend ul li {
    padding-right: 20px;
}

.PopBoxImageLarge {
    border: 1px solid black;
}

/* @group Popups */

.popup {
    margin: 30px;
    background-image: none;
    background-color: white;
}

.popup #pagehead {
    height: 102px;
    width: 100%;
    background: #a5ced1 url('top_01.png') repeat-y;
    border-top: 4px solid #6f7072;
    border-bottom: 1px solid #315076;
}

.popup {
    margin-left: 0;
    border-left: 0;
    padding: 1em;
}

.popuphead hr {
    background-color: #315076;
    height: 15px;
    border: none;
}

.popup h1 {
    padding: 0.2em 0em;
    margin: 0;
    font-size: 135%;
    background-color: transparent;
    color: #315076;
}

.popup #close {
    float: right;
    padding-top: 10px;
}

/* @group The <td> of row-moving buttons on some pages where the order of table rows can be dynamically changed. */

.row-movers {
    vertical-align: middle;
    padding-left: 10px
}

.row-movers a {
    display: block;
    padding-top: 10px;
}

.row-movers img#dot {
    padding-top: 10px;
}

/* multiple select list implemented with <div> */

div .multiselect {
    overflow: auto;
    border: 1px solid #9E9E9E;
}

/* @group Horizontal menus */

#auth-operations {
    float: left;
    width: 100%;
    font-size: 0.8em;
    line-height: normal;
}

#auth-operations h2 {
    float: left;
    font-size: 1em;
    background: transparent;
    border: none;
}

#auth-operations ul {
    margin: 0;
    padding: 0px 0px 0;
    list-style: none;
    list-style-image: none; /* bug in IE */
}

#auth-operations li {
    float: left;
    background-color: #f0f0f0;
    margin: 0 2px;
    padding: 0px;
    white-space: nowrap;
    border: 2px outset #a0a0a0;
}

#auth-operations a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: black;
    padding: 0px 3px;
}

/*@group  Dropdown operations */

img.scaled2 {
    width: 100%;
}

d.simple_attr_title {
    background-color: #f6f6f6;
    font-weight: bold;
    border-bottom: 2px solid white;
}

/* @group Two level tree navigation on vocabularies page */

#workarea .menu {
    margin-left: 0;
}

#workarea .menu li {
    padding: 10px 0 10px 35px;
    border-top: 1px solid #CFE5E1;
    position: relative;
}

#workarea .menu li:not(.selected):hover {
    background: #F8FAFB;
}

#workarea .menu input[type="checkbox"] {
    position: absolute;
    left: 10px;
    top: 10px;
}

#workarea .menu .link-folder {
    padding: 5px 5px 5px 25px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    width: 49%;
    vertical-align: top;
    box-sizing: border-box;
    background-position: 0 2px;
}

#workarea .menu .selected {
    background: #E0EBA4;
}

#workarea .menu .description {
    display: inline-block;
    width: 49%;
    padding: 5px 0;
    line-height: 1;
    vertical-align: top;
    font-size: 0.9em;
}

#workarea .menu sup {
    color: #999;
    display: inline-block;
    margin: 0 7px;
}

#workarea .tree-nav {
    list-style: none;
    margin: 0 0 30px 0;
}

#workarea .tree-nav > li {
    border-top: 1px solid #CFE5E1;
    padding: 15px 0 15px 60px;
    font-size: 0.8rem;
}

#workarea .tree-nav > li:hover {
    background: #F8FAFB;
}

#workarea .tree-nav .openFolderLink {
    float: right;
    margin-right: 10px;
}

#workarea .tree-nav .export-rdf {
    float: right;
    margin-right: 10px;
}

#workarea .tree-nav a.title {
    padding: 0px 0px 0px 0px;
    display: inline-block;
    position: relative;
    font-weight: bold;
    text-decoration: none;
    font-size: 1rem;
    width: 49%;
    vertical-align: top;
}

#workarea .tree-nav a.title:before {
    content: "+";
    width: 24px;
    height: 24px;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: -40px;
    top: 0;
    background: #CEDA20;
}

#workarea .tree-nav .expanded {
    background: #EDF4F6;
}

#workarea .tree-nav .expanded a.title:before {
    content: "-";
    background: #134468;
    color: #fff;
}

#workarea .tree-nav .menu {
    margin: 20px 30px 0px 0;
}

#workarea .tree-nav .menu li {
    /*border: 0;*/
    padding: 7px 0 7px 30px;
}

#workarea .tree-nav .menu li:not(.selected):hover {
    background: #fff;
}

#workarea .tree-nav .menu .link-folder {

}

#workarea .tree-nav .menu input[type="checkbox"] {
    top: 8px;
    left: 5px;
}

#workarea ul.stripedmenu {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
}

#workarea ul.stripedmenu li + li {
    border-top: 2px dotted #F0F0F0;
}

/* @group  Vocabulary concepts*/

fieldset#vocabularyConceptFilters,
fieldset#vocabularyConceptFilterOptions {
    border-top: 1px solid #b6b6b6;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: #f9f9f9;
    padding: 15px 25px 0px 35px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    float: left;
}

fieldset#vocabularyConceptFilterOptions {
    margin-top: 15px;
}

fieldset#vocabularyConceptFilters legend,
fieldset#vocabularyConceptFilterOptions legend {
    padding-left: 0px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 14px;
}

fieldset#vocabularyConceptFilters #filterList {
    position: relative;
}

fieldset#vocabularyConceptFilters .addFilter {
    position: absolute;
    top: 0px;
    right: 0px;
}

fieldset#vocabularyConceptFilters #filterList span.filterItem {
    display: block;
    margin-bottom: 10px;
}

fieldset#vocabularyConceptFilters #filterList span.filterItem label {
    display: block;
    float: left;
    width: 210px;
}

#searchframe p.actions {
    width: 100%;
    display: block;
    float: left;
    box-sizing: border-box;
}

#vocabularyConceptFilters select,
#vocabularyConceptFilterOptions select {
    max-width: 300px;
}

#vocabularyConceptFilterOptions span.optionsItem,
#vocabularyConceptFilterOptions span.cartcontainer {
    display: block;
    margin-bottom: 10px;
}

#vocabularyConceptFilterOptions span.cartcontainer {
    display: table;
}

#vocabularyConceptFilterOptions span.cartcontainer label,
#vocabularyConceptFilterOptions span.cartcontainer select,
#vocabularyConceptFilterOptions span.cartcontainer p.middle {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
}

#vocabularyConceptFilterOptions span.cartcontainer p.middle input {
    clear: both;
    display: block;
    margin: 3px 10px;
}

#vocabularyConceptFilterOptions span.cartcontainer label {
    width: 130px;
}

#searchframe p.actions input {
    width: 150px;
}

#vocabularyConceptFilterOptions {
    border-top: 1px solid #b6b6b6;
    border-right: none;
    border-bottom: 1px solid #b6b6b6;
    border-left: none;
    padding: 20px 25px 10px 25px;
}

fieldset#vocabularyConceptFilters a.showHide,
fieldset#vocabularyConceptFilterOptions a.showHide {
    text-decoration: none;
    padding-left: 20px;
    padding-right: 5px;
}

fieldset#vocabularyConceptFilters a.showHide.expanded,
fieldset#vocabularyConceptFilterOptions a.showHide.expanded {
    background: url(../images/expanded.png) 3px 0 no-repeat;
}

fieldset#vocabularyConceptFilterOptions a.showHide,
fieldset#vocabularyConceptFilters a.showHide {
    background: url(../images/collapsed.png) 3px 0 no-repeat;
}

span.conceptDefinition {
    border-bottom: 1px dotted;
    cursor: help;
    font-size: 0.8em;
}

span.noDefinition {
    font-size: 0.8em;
    font-style: italic;
}

.cartcontainer select.left,
.cartcontainer select.right,
.cartcontainer p.middle {
    display: block;
    float: left;
}

.cartcontainer select.left,
.cartcontainer select.right {
    min-height: 150px;
    min-width: 150px;
}

.cartcontainer p.middle {
    margin: 60px 10px 0 10px;
}

.cartcontainer p.middle input.button {
    display: block;
    float: left;
    clear: both;
    width: 70px;
    cursor: pointer;
}

.cartcontainer p.middle input.button.moveup {
    margin-bottom: 5px;
    text-indent: -5000px;
    background: url(../images/add-remove.png) 17px -41px no-repeat;
}

.cartcontainer p.middle input.button.movedown {
    margin-bottom: 5px;
    text-indent: -5000px;
    background: url(../images/add-remove.png) 19px 0px no-repeat;
}

#vocabularyConceptResults,
h2#otherVersions {
    display: block;
    clear: both;
    width: 100%;
    box-sizing: border-box;
}

.ajaxError {
    color: red;
    font-size: 0.8rem;
}

/* @group ADVICE MESSAGE */

.advice-msg {
    padding: 10px 15px;
    margin: 30px 0;
}

/* @group multiselect */

.multi-select-container {
    font-size: 0;
}

.multi-select-container label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 5px 5px 5px 25px;
    font-size: 13px;
    word-wrap: break-word;
}

.multi-select-container input {
    margin: 0;
    position: absolute;
    left: 5px;
    top: 5px;
}

@media screen and (max-width: 1024px) {
    .multi-select-container label {
        width: 33.3%;
    }
}

@media screen and (max-width: 768px) {
    .multi-select-container label {
        width: 50%;
    }
}

@media screen and (max-width: 640px) {
    .multi-select-container label {
        width: 100%;
    }
}

/* upload rdf dialog */

#uploadRDFDialog .more-options {
    border: 1px dashed black;
    padding: 0;
    margin: 1.5em 2em;
}

#uploadRDFDialog .more-options .subtitle {
    background: #a5ced1;
    padding: 0.5em 0 0.5em 2em;
    font-weight: bold;
    font-size: 1.2em;
}

#uploadRDFDialog .more-options .strategies {
    padding: 0 0.5em 0.5em 2em;
}

#uploadRDFDialog .more-options .strategies div {
    padding: 0.5em 0;
}

#uploadRDFDialog .more-options .strategies div label {
    font-weight: normal;
}

/*Scheduled Jobs Queue*/
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

ul.tab li {
    float: left;
}

ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

ul.tab li a:hover {
    background-color: #ddd;
}

ul.tab li a:focus, .active {
    background-color: #ccc;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
}

.dataTables_filter {
    margin-bottom: 20px;
}

table.datatable {
    width: 100% !important;
}

.dataTables_length select {
    margin-left: 15px;
}

/*Edit Scheduled Task Details*/

.deleteTaskButton {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 5%;
}

.editTaskButton {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 3%;
}

.actionButton {
    float: left;
}

.blueButton {
    background-color: #1779ba;
    color: white !important;
    border: 1px solid #1779ba;
    border-radius: 7% !important;
}

.blueButton:hover {
    background-color: white;
    color: black !important;
}

.disabledButton {
    background-color: #b0b0b0;
    color: white !important;
    border: 1px solid #b0b0b0;
    border-radius: 7% !important;
    disabled: true;
    pointer-events: none;
    cursor: default;
}