/* VIP stylesheet
-------------------------------------------------- */
/*
 * VIP style.css v1.0.0
 *
 * Copyright 2012 CIBG-CIRB
*/

/* ----------------------------------------------------
GOOGLE FONTS
------------------------------------------------------- */

/* Oswald */
@import url(https://fonts.googleapis.com/css?family=Oswald);

/* Droid Sans */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* Droid Serif */
@import
url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic)
;


/* For datepickers in modal */
.datepicker {
    z-index: 99999;
}

.data th .checkbox {
    font-weight: 700;
    text-align: left;
    width: 100%;
}



.platform {
    text-decoration: underline;
    font-style: italic;
    font-weight: bolder;
}

.errorCode {
    padding-top: 60px;
    font-size: xx-large;
    font-weight: bold;
    text-align: center;
    color: red;
}

.errorCodeMessage {
    text-align: center;
    font-size: large;
    color: blue;
}

.clickable {
    cursor: pointer;
}

.irisbox_link {
    margin-top: 100px;
}

/*tables */
td {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: normal; /* Internet Explorer 5.5+ */
    word-break: hyphenate;
    white-space: normal;
}

.sorting {
    text-indent: 10px;
    cursor: pointer;
    background: url("../img/sort_both.png") no-repeat scroll left center
    transparent;
}

.sorting_asc {
    text-indent: 10px;
    cursor: pointer;
    background: url("../img/sort_asc.png") no-repeat scroll left center
    transparent;
}

.sorting_desc {
    text-indent: 10px;
    cursor: pointer;
    background: url("../img/sort_desc.png") no-repeat scroll left center
    transparent;
}
/* -------------------------------------------------
       Bootstrap and plugins Body and structure override and layout override
-------------------------------------------------- */
form {
    margin: 0px;
}

a{
    cursor: pointer;
}
.pad20 {
    background-color: #FFFFFF;
    padding: 20px;
}

.btn-large {
    border-radius: 6px 6px 6px 6px;
}

.help{
    font-size: 17.5px;
}

th.lang .checkbox input[type=checkbox]{
    float: none;
    margin-bottom: 5px;
    margin-top: 0px;
}

.file-type{
    font-weight: bold;
    color: black;
    font-size: 11px;
}

.period-btn-group .btn{
    padding:4px;
}

.help-inline {
    display: block;
}

.btn-warning {
    background-color: #0070cc;
    background-image: linear-gradient(to bottom, #0070cc, #0a3f6c);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-warning:hover {
    background-color: #0a3f6c;
}

.btn-block {
    -moz-box-sizing: border-box;
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.tab-content {
    padding-top: 0px;
}

.uneditable-input {
    white-space: nowrap;
}

.pull-right {
    float: right;
}

input.search-query {
    border-radius: 4px 0 0 4px;
    margin-bottom: 0;
    padding-left: 14px;
    padding-right: 14px;
}

.btn{
    font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 15px;
}

.input-append select {
    border-radius: 4px 4px 4px 4px;
}

.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle
{
    border-radius: 0 4px 4px 0;
}

.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle
{
    border-radius: 0 4px 4px 0;
}

.searchwell {
    padding: 0px;
}

.input-append,.input-prepend {
    display: inline-block;
    font-size: 0;
    margin-bottom: 10px;
    vertical-align: middle;
    white-space: nowrap;
}

label,input,button,select,textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.input-append .add-on,.input-prepend .add-on {
    height: auto;
    background-color: rgb(250, 167, 50);
}

.input-append .active,.input-prepend .active {
    border-color: Silver;
}
/* ------------------------------------------------
	CATEGORY FORM
--------------------------------------------------- */
.listComponent select {
    height: 100px;
}

.listComponent .buttonContainer {
    height: 100px;
}

.listComponent .buttonContainer a:nth-of-type(1) {
    margin-top: 45px;
}

.listComponent .buttonContainer a {
    margin-left: 20px;
}

/* Breadcrumb
-------------------------------------------------- */
.languages .act {
    font-weight: bold;
}

.shelf {
    border-bottom: 7px solid gray;
    text-align: center;
    margin: 1.5em 0 2em 0;
}

.shelf a {
    height: 111px;
    min-height: 111px;
}

.shelf img {
    margin: 0 .5em;
}

.smalltext {
    font-size: .8em;
}

#loadingModal {
    position: fixed;
    width: 56px;
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -28px;
}


#categoryFormModal .modal-body {
    max-height: 450px;
}

#categoryFormModal .modal-error-body {
    margin-top: 15px;
}

#categoryFormModal {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#categoryFormModal .modal-error {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#categoryEditFormModal .modal-body {
    max-height: 450px;
}

#categoryEditFormModal {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#publicationFormModal .modal-body {
    max-height: 450px;
}

#publicationFormModal {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#publicationTriFormModal .modal-body {
    max-height: 450px;
}

#publicationTriFormModal {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#publicationUniFormModal .modal-body {
    max-height: 450px;
}

#publicationUniFormModal {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#publicationTCFormModal {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#publicationTCFormModal .modal-body {
    max-height: 450px;
}

#publicationCRFormModal {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#publicationCRFormModal .modal-body {
    max-height: 450px;
}

#publicationEditFormModal {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#publicationEditFormModal .modal-body {
    max-height: 450px;
}

#infoMessageEditFormModal {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#infoMessageEditFormModal .modal-body {
    max-height: 450px;
}

#infoMessageFormModal {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#infoMessageFormModal .modal-body {
    max-height: 450px;
}

#configFormModal {
    width: 900px; /* SET THE WIDTH OF THE MODAL */
    margin: -25px 0 0 -450px;
    /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

#configFormModal .modal-body {
    max-height: 450px;
}

/* UNDERLINE EFFECT
-------------------------------------------------- */
.section-title {
    font-weight: bold;
    color: #545E68;
    border-bottom: 1px solid #D7DBDD;
    margin: 0 0 15px 0;
    padding: 8px 0;
    color: #545E68;
    position: relative;
}

.line-effect {
    position: absolute;
    background: #ffe418;
    height: 2px;
    width: 4%;
    bottom: -1px;
    left: 0;
    display: block;
}

.section {
    margin-top: 0;
}

.section:hover .line-effect {
    width: 100%;
    background: #EDF0F2;
}

.line-effect {
    -moz-transition: 1s ease-out all 0.2s;
    -webkit-transition: 1s ease-out all 0.2s;
    -ie-transition: 1s ease-out all 0.2s;
    -o-transition: 1s ease-out all 0.2s;
    transition: 1s ease-out all 0.2s;
}

/* ----------------------------------------------------
	TAGS
------------------------------------------------------- */
.view-list ul {
    margin: 0;
}

.view-list ul li {
    float: left;
    list-style: none;
    margin: 0 .5em .5em 0;
}

.view-list ul li a {
    background-color: #eee;
    display: block;
    padding: 3px 3px 2px;
    border-radius: 4px;
}

.tag {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    color: #666;
    text-shadow: 0;
    vertical-align: baseline;
    background-color: transparent;
    padding: 2px 3px 1px 2px;
    border: 1px solid #e77927;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.tag:hover {
    color: #222;
    text-decoration: none;
    cursor: pointer;
}

.tag-normal,.tag-normal[href] {
    background-color: transparent;
}

.tag-normal.selected,.tag-normal[href].selected {
    color: #fff;
}

.tag-warning {
    background-color: transparent;
}

.tag-warning[href] {
    background-color: transparent;
}

.tag-success {
    background-color: transparent;
}

.tag-success[href] {
    background-color: transparent;
}

.tag-info {
    background-color: transparent;
}

.tag-info[href] {
    background-color: transparent;
}

.tag-inverse {
    background-color: transparent;
}

.tag-inverse[href] {
    background-color: transparent;
}

/* ----------------------------------------------------
	Start: Recommended Isotope styles
------------------------------------------------------- */

/**** Isotope Filtering ****/
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition
{
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */
#options h3 {
    margin: 10px 0;
}

.option-set li a.selected {
    background-color: #08c;
    color: #fff;
    border: 1px solid #08c;
}

.document {
    border: 1px solid #ddd;
    padding: 5px 5px 0;
    margin: 5px 10px 5px 0;
    /*	min-height:55px;*/
    background-color: #fff;
    width: 95%;
}

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/*! irisbox-publication - v0.1.0 - 2013-04-16 */
/* normalize.css v2.0.1  MIT License  git.io/normalize */

/* ==========================================================================
 HTML5 display definitions
 ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary
{
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,canvas,video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not ([controls] ) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
    display: none;
}

/* ==========================================================================
 Base
 ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 * user zoom.
 */
html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/* ==========================================================================
 Links
 ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,a:hover {
    outline: 0;
}

/* ==========================================================================
 Typography
 ========================================================================== */

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,kbd,pre,samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
    quotes: "201C" "201D" "2018" "2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
 Embedded content
 ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not (:root ) {
    overflow: hidden;
}

/* ==========================================================================
 Figures
 ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0;
}

/* ==========================================================================
 Forms
 ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0; /* 1 */
    /*padding: 0; !* 2 *!*/
    width: auto;
    font-weight: bold;
    font-size: 14px;
    padding: 0 5px;
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,input,select,textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 * and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 * `input` and others.
 */
button,html input[type="button"], /* 1 */ input[type="reset"],input[type="submit"]
{
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 * (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration
{
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
 Tables
 ========================================================================== */

/*
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/***
 * HELPER CLASSES
 * ==============
 *
 * @desc         Generic helper classes, in large part from H5BP
 * @author       quentind
 * @tested       IE7+
 * @requires     -
 */

/***
 * Sprite
 * -
 * Add sprite background to an element (hidden)
 */
.s {
    background: url(../g/sprite.png) no-repeat 0 -9999px;
}

/***
 * Image replacement
 * -
 * Hide text from an element (usually in order to apply a background image)
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px; /* IE 6/7 fallback */
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/***
 * Hide from both screenreaders and browsers:h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}

/***
 * Hide only visually, but have it available for screenreaders:h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/***
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard:h5bp.com/p
 */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/***
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}

/***
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 * `contenteditable` attribute is included anywhere else in the document.
 * Otherwise it causes space to appear at the top and bottom of elements
 * that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 * `:before` to contain the top-margins of child elements.
 */
.cf:before,.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/***
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/***
 * Floats
 */
.f-right,.right {
    float: right;
}

.f-left,.left {
    float: left;
}

/***
 * MOUSE CURSOR
 */
.cur-info {
    cursor: help;
}

.cur-wait {
    cursor: wait;
}

.cur-drag {
    cursor: move;
}

.cur-drag-h {
    cursor: w-resize;
}

.cur-drag-v {
    cursor: n-resize;
}
/***
 * TYPOGRAPHY HELPER CLASSES
 * =========================
 *
 * @desc         Generic helper classes for styling content.
 * @author       quentind
 * @tested       IE7+
 * @requires     -
 */

/***
 * LIST
 */
.no-list {
    /* Reset list */
    margin: 0;
    padding: 0;
    list-style: none;
}

/***
 * TEXT ALIGN
 */
.t-r {
    text-align: right;
}

.t-c {
    text-align: center;
}

.t-j {
    text-align: justify;
    /* Better add lang attr on HTML tag to specify hyphenation dictionary (HTTP header is OK too). */
    /* OS language settings quirks (ie. "Australian English" as default language), see comments in: http://blog.fontdeck.com/post/9037028497/hyphens */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/***
 * CAPSLOCK
 */
.caps {
    text-transform: uppercase;
}
/***
 * LAYOUT
 * ======
 *
 * @desc         General layout rules
 * @author       quentind
 * @tested
 * @requires     -
 */
html {
    overflow-y: scroll;
    height: 100%;
}

body , p {
    height: 100%;
    font-family: 'Droid Sans',Arial,Helvetica,sans-serif;
    margin: 0;
}

body {
    color: #666666;
}
/***
 * CAPSLOCK
 */
.caps {
    text-transform: uppercase;
}

.alert .close {
    top: 50%;
    margin: -.5em 0 0;
}

.well {
    background-color: #F4F4F4;
    border-color: #D3D3D3;
}

.well:last-child {
    margin-bottom: 0;
}

h1 {
    font-size: 28px;
    border-bottom: 1px solid #f89406;
    color: #555;
    margin-bottom: 20px;
}

.h1-badge {
    float: none;
    border-bottom: 0;
    height: 66px;
    margin: 0;
    font-size: 22px;
    line-height: 30px;
    overflow: hidden;
}

.h1-badge img {
    vertical-align: bottom;
    position: relative;
    top: -6px;
}


h3 {
    font-size: 18px;
    line-height: 27px;
}

h4 {
    color: #666;
    margin: 1.5em 0 10px;
}

h4 small {
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

p:last-child {
    margin-bottom: 0;
}

.box h3 {
    border-bottom: 1px solid #f89406;
    margin: 0 0 20px 0;
}

.box h5 {
    border-bottom: 1px solid #f89406;
    margin: 0 0 20px 0;
    font-size:14px;
}

/* Tabs */
.tab-pane {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 20px;
}

.nav-tabs>li>a:focus {
    outline: 0;
}

/* Navbar */
.navbar-inner {
    padding: 0;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.nav > li > a:hover , .nav > li > a:focus {
    background-color: white;
}
.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus
{
    background: #4a82c8; /* Old browsers */
    background: -moz-linear-gradient(top, #4a82c8 0%, #4376c8 35%, #3a66c7 62%, #3259c7
    91%, #3258c8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a82c8),
    color-stop(35%, #4376c8), color-stop(62%, #3a66c7),
    color-stop(91%, #3259c7), color-stop(100%, #3258c8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4a82c8 0%, #4376c8 35%, #3a66c7 62%,
    #3259c7 91%, #3258c8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4a82c8 0%, #4376c8 35%, #3a66c7 62%, #3259c7
    91%, #3258c8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4a82c8 0%, #4376c8 35%, #3a66c7 62%, #3259c7
    91%, #3258c8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4a82c8 0%, #4376c8 35%, #3a66c7 62%, #3259c7
    91%, #3258c8 100%); /* W3C */
    border: 1px solid #0068b8;
    margin: -1px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, .25);
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, .25);
    box-shadow: inset 0 1px rgba(255, 255, 255, .25);
    color: #fff;
    text-shadow: none;
}

.nav {
    margin-bottom: 0;
}

.navbar .nav > li {
    border-right: 0 solid #E5E5E5;
}

.navbar .nav.pull-right {
    border-left: 1px solid #e5e5e5;
    border-right: 0;
}

.navbar .nav.pull-right>li:last-child {
    border-right: 0;
}

.navbar .navbar-inner .nav {
    margin: 0;
}

/* BUTTONS */
.btn-space-before {
    margin: 20px 0 0;
}

/* FORMS */
.label-big {
    margin: 0.5em 0 0.5em;
    color: #0056cc;
    font-weight: bold;
    font-size: 16px;
}

/* BREADCRUMB */

.breadcrumb {
    background: none repeat scroll 0 center transparent;
    padding: 0;
}

/* HR */
hr {
    border-color: #d4d4d4 #fff #fff #fff;
}
/***
 * BLOCK OBJECT
 * ============
 *
 * @name         block
 * @desc         Nestable object with left-aligned media and right-aligned body
 * @author       quentind
 * @tested       IE7+
 * @requires     -
 * @note         Inspired by: https://github.com/stubbornella/oocss/blob/master/core/media/media.css
 */
.block {
    display: block;
}

/* Clearfix the block */
.block:before,.block:after {
    content: "";
    display: table;
}

.block:after {
    clear: both;
}

.block {
    zoom: 1;
}

.block .block {
    margin: 0;
}

.block__body {
    display: table-cell;
    width: 10000px;
    *width: auto;
    *zoom: 1;
    margin: 0; /* Resets margin: `body` could be a <p> or <li> */
}

.block__media {
    float: left;
    margin: 0; /* Resets margin: `media` could be a <p> or <li> */
}

/* Right media modifier */
.block__media--right {
    float: right;
}

.block__media img {
    display: block;
}

/***
 * GRID OBJECT
 * ===========
 *
 * @name         grid
 * @desc         Fluid grid layout with optional fixed gutters
 * @author       quentind
 * @tested       IE7+
 * @requires
 */

/*
 * Clearfix the grid
 */
.grid:before,.grid:after {
    content: " ";
    display: table;
}

.grid:after {
    clear: both;
}

.grid {
    *zoom: 1;
}

/*
	 * Columns
	 */
.grid__col {
    float: left;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Fix for opera shitty rounding of decimal in % sizes */
.grid__col:last-child {
    float: none;
    display: table-cell;
    width: 10000px;
    *width: auto;
    *zoom: 1;
}

.grid__col:first-child:last-child {
    display: block;
    width: auto;
}

/*
 * Gutters
 * -
 * Extends grid
 * Note: IE7 Support with /polyfills/size-ie7.css (beware: CSS Expressions)
 */
.grid--gutter,.grid--gutter .grid {
    margin-left: -20px; /* (gutter size) */
}

.grid--gutter .grid__col {
    padding: 0 0 20px 20px; /* 0 0 (gutter size) (gutter size) */
}

.grid--gutter .grid:last-child>.grid__col {
    padding-bottom: 0;
}

/***
 * NAV OBJECT
 * ==========
 *
 * @name         nav
 * @desc         Horizontaly alignes items (nav, breadcrumbs, ...)
 *               HTML: `ul.nav li` preferably, or `div.nav div.nav__item`
 * @author       quentind
 * @tested       IE7+
 * @requires     -
 */


.nav {
    /* Reset list, just in case */
    margin: 0;
    list-style: none;
}

/* Clearfix the nav */
.nav:before,.nav:after {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.nav {
    *zoom: 1;
}

.nav>li,.nav__item {
    float: left;
}

/*
 * With gutters
 */
.nav--gutter {
    margin-left: -20px; /* (gutter size) */
}

.nav--gutter>li,.nav--gutter .nav__item {
    padding: 0 0 20px 20px; /* 0 0 (gutter size) (gutter size) */
}

/***
 * SIZE OBJECT
 * ===========
 *
 * @name         size
 * @desc         set the width of an element
 * @author       quentind
 * @tested       IE7+
 * @requires
 */
[class*='size--'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.size--1-1 {
    width: 100%;
}

.size--1-2 {
    width: 50%;
}

.size--1-3 {
    width: 33.3334%;
}

.size--2-3 {
    width: 66.6667%;
}

.size--1-4 {
    width: 25%;
}

.size--3-4 {
    width: 75%;
}

.size--1-5 {
    width: 20%;
}

.size--2-5 {
    width: 40%;
}

.size--3-5 {
    width: 60%;
}

.size--4-5 {
    width: 80%;
}

.size--1-6 {
    width: 16.6666%;
}

.size--5-6 {
    width: 83.3333%;
}

.size--1-8 {
    width: 12.5%;
}

.size--3-8 {
    width: 37.5%;
}

.size--5-8 {
    width: 62.5%;
}

.size--7-8 {
    width: 87.5%;
}

.size--1-12 {
    width: 8.3333%;
}

.size--5-12 {
    width: 41.6666%;
}

.size--7-12 {
    width: 58.3333%;
}

.size--11-12 {
    width: 91.6666%;
}

/***
* SIZE OBJECT FIX FOR IE7
* =======================
*
*/
.size--1-1 {
    *width: expression((     this.parentNode.clientWidth -       parseInt(this.currentStyle
		[     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--1-2 {
    *width: expression((     this.parentNode.clientWidth/ 2 -       parseInt(this.currentStyle
		[     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--1-3 {
    *width: expression((     this.parentNode.clientWidth/ 3 -       parseInt(this.currentStyle
		[     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--2-3 {
    *width: expression((     this.parentNode.clientWidth/ 1.5 -       parseInt(this.currentStyle
		[     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--1-4 {
    *width: expression((     this.parentNode.clientWidth/ 4 -       parseInt(this.currentStyle
		[     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--3-4 {
    *width: expression((     this.parentNode.clientWidth *     0.75 -
		parseInt(this.currentStyle [     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--1-5 {
    *width: expression((     this.parentNode.clientWidth *     0.2 -       parseInt(this.currentStyle
		[     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--2-5 {
    *width: expression((     this.parentNode.clientWidth *     0.4 -       parseInt(this.currentStyle
		[     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--3-5 {
    *width: expression((     this.parentNode.clientWidth *     0.6 -       parseInt(this.currentStyle
		[     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--4-5 {
    *width: expression((     this.parentNode.clientWidth *     0.8 -       parseInt(this.currentStyle
		[     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--1-6 {
    *width: expression((     this.parentNode.clientWidth *     0.16666 -
		parseInt(this.currentStyle [     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--5-6 {
    *width: expression((     this.parentNode.clientWidth *     0.83333 -
		parseInt(this.currentStyle [     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--1-8 {
    *width: expression((     this.parentNode.clientWidth *     0.125 -
		parseInt(this.currentStyle [     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--3-8 {
    *width: expression((     this.parentNode.clientWidth *     0.375 -
		parseInt(this.currentStyle [     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--5-8 {
    *width: expression((     this.parentNode.clientWidth *     0.625 -
		parseInt(this.currentStyle [     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--7-8 {
    *width: expression((     this.parentNode.clientWidth *     0.875 -
		parseInt(this.currentStyle [     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--1-12 {
    *width: expression((     this.parentNode.clientWidth *     0.08333 -
		parseInt(this.currentStyle [     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--5-12 {
    *width: expression((     this.parentNode.clientWidth *     0.41666 -
		parseInt(this.currentStyle [     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--7-12 {
    *width: expression((     this.parentNode.clientWidth *     0.58333 -
		parseInt(this.currentStyle [     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

.size--11-12 {
    *width: expression((     this.parentNode.clientWidth *     0.91666 -
		parseInt(this.currentStyle [     'paddingLeft' ])-    parseInt(this.currentStyle [     'paddingRight' ]))+


		 'px');
}

/***
 * SPLIT OBJECT
 * ============
 *
 * @name         split
 * @desc         divide content in two, first part aligned to the left, second part to the right
 * @author       quentind
 * @requires     -
 */
.split {
    overflow: hidden;
}

.split__part {
    float: right;
    width: 50%;
    text-align: right;
}

.split__part:first-child {
    float: left;
    text-align: left;
}

/***
 * APP
 * ===
 *
 * @desc         App container
 * @author       quentind
 * @tested
 * @requires     -
 */
.app {
    min-height: 100%;
    position: relative;
    z-index: 1;
}

.app__spacer {
    height: 160px;
    clear: both;
}

/***
 * BACKGROUND
 * ==========
 *
 * @desc         Full page background
 * @author       quentind
 * @tested
 * @requires     -
 */
.background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/background.jpg) no-repeat center 0 fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../g/background.jpg',
    sizingMethod='scale');
    -ms-filter:
            "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../g/background.jpg', sizingMethod='scale')";
}
/* Homepage */
.box--has-bg {
    background: url(../img/background_mini.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*height: 218px;*/
    padding: 30px 40px;
    margin: 10px 0 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.box--has-bg__inner {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.89);
    padding: 15px;
    position: relative;
}

.box--has-bg__inner h2 {
    font-size: 24px;
    color: #545e68;
    margin-bottom: 0;
}

.box--has-bg__inner h3 {
    text-transform: none;
    font-size: 18px;
    color: #0b02be;
    border: none;
}

.box p img.pull-left {
    margin: 0 10px 5px 0;
}

.box p {
    padding-bottom: 10px;
}
.box-gray .btn{
    margin-bottom:5px;
}
.box.center {
    text-align: center;
}

.box.alert.alert-block {
    border-color: #f3b55f;
    color: #9E6210;
}
.alert-block{
    padding: 8px 14px;
}
.helpblock{
    padding-bottom: 85px;
}

.box.alert.alert-block p {
    color: #666;
}

.box.alert.alert-info h2 {
    font-size: 18px;
    margin: 0;
    text-transform: none;
}

.box.alert h2 {
    line-height: 26px;
}

.box.box-gray {
    border: 1px solid #c6c6c6;
    background: #f5f5f5;
    color: #666666;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-clip: padding-box;
    padding: 8px 14px 25px;
}

.box.box-infomsg {
    padding: 8px 14px 25px;
}


.well .well {
    background-color: #dbdbdb;
    border-color: #b2b2b2;
}

.btn.top-right {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}
/***
 * CITY FORM
 * =========
 *
 * @desc         keyword  search in result page, styled with a photo of a city
 * @author       quentind
 * @tested
 * @requires     -
 */
.city-form {
    margin: 0;
    overflow: hidden;
    position: relative;
}

.city-form p {
    margin: 0;
    padding: 14px 29px 14px 14px;
    float: right;
    border: 1px solid #b2b2b2;
    background: #dbdbdb;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.city-form .input-append {
    margin: 0;
    width: 100%;
    word-wrap: normal;
}

.city-form input {
    width: 80%;
    border-color: #939393;
    font-size: 12px;
}

.city-form .btn {
    width: 15.5%;
}

.city-form__deco {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 49.5%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
/***
 * SEARCHRESULT
 * ====
 *
 * @desc         data box
 * @author       quentind
 * @tested
 * @requires     -
 */

.searchresult .checkbox {
    font-weight: 700;
}


.searchresult table {
    margin: 20px 0;
    width: 100%;
    overflow:
}

.searchresult table a {
    color: #3F71BC;
}

.searchresult th.lang {
    width: 5%;
    text-align: center;
}
/*
th.lang input{
	margin-top:4px;
	-bracket-:hack(;
        margin-top:-16px;
    );
}
*/
.searchresult td.lang{
    text-align: center;
}
.searchresult th.creationdate {
    width: 8%;
}
.searchresult th.validationperiod {
    width: 13%;
}

.searchresultTC .checkbox {
    font-weight: 700;
}
.searchresultTC table {
    margin: 20px 0;
    width: 100%;
    overflow:
}
.searchresultTC table a {
    color: #3F71BC;
}
.searchresultTC th.creationdate {
    width: 8%;
}
.searchresultTC th.deliberationdate {
    width: 8%;
}
.searchresultTC th.lang {
    width: 5%;
    text-align: center;
}
.searchresultTC th.validationperiod {
    width: 12%;
}
.searchresult td.lang{
    text-align: center;
}

/***
 * DATA
 * ====
 *
 * @desc         data box
 * @author       quentind
 * @tested
 * @requires     -
 */
.data {
    border-top: 1px solid #f89406;
}

/*
.data table {
	margin: 20px 0;
	width: 100%;
}
*/

.data table a {
    color: #3F71BC;
}

.data th.title-small {
}

.data th.lang {
    width: 5%;
    text-align: center;
}

.data td.lang{
    text-align: left;
}
.data th.creationdate {
    width: 8%;
    text-align: left;
}
.data td.creationdate {
    text-align: left;
}

.data th.validationperiod {
    width: 13%;
}

.data th.actions {
    width: 12%;
    text-align: right;
}

.table.table-center th, .table.table-center td{
    text-align: center;
}


.dl-striped dt {
    padding: 15px 0;
}

.dl-striped dd {
    color: #646566;
    padding: 15px;
}

.dl-striped dd:nth-of-type(odd) {
    background-color: #eeeff0;
}

dd form {
    margin: 0;
}
/***
 * FOOTER
 * ======
 *
 * @desc         Footer
 * @author       quentind
 * @tested
 * @requires     -
 */
.footer {
    position: relative;
    margin: -140px 0 -20px; /* spacer-footer trick */
    z-index: 1; /* on top of full page background <div> */
    height: 140px;
    background: none repeat scroll 0 0 #FFF;
    color: #555;
    overflow: hidden;
    text-align: left;
    font-size: 11px;
}

.footer__head {
    background: #bbb;
    color: #555;
}

.footer__inner {
    margin: 0 auto;
    width: 80%;
    min-width: 960px;
    max-width: 1400px;
    font-size: 11px;
    font-weight: bold;
}

.footer__head .footer__inner {
    /*height: 30px;
            line-height: 30px;*/
    background: url(../img/iris.png) no-repeat center left;
    padding: 0 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
}

.footer__meta {
    margin-top: 20px;
}

/*.footer__social li {
			float: left;
			list-style-type: none;
			margin: 20px 0 0 20px;
		}

			.footer__social li a {
				display: block;
				background: url(../img/social.png) no-repeat;
				width: 26px;
				height: 26px;
			}

			.footer__social li a.twitter {
				background-position: 0 0;
			}

			.footer__social li a.facebook {
				background-position: -26px 0;
			}

			.footer__social li a.youtube {
				background-position: -52px 0;
			}

			.footer__social li a.linkedin {
				background-position: -78px 0;
			}
*/
.footer__right-inner img {
    margin-top: 47px;
}

.footer .nav {
    position: absolute;
    bottom: 20px;
    right: 0;
}

.footer .nav li {
    border-left: 1px solid #FFF;
    line-height: 1;
}

.footer .nav li.first {
    border: none;
}

.footer .nav>li>a,.footer .nav>li>span {
    color: #555;
    padding: .2em;
    margin: 0 .2em 0 .2em;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.footer .nav>li>a:hover {
    color: #555;
}

.footer__right-inner {
    position: relative;
    height: 140px;
}

.cirb-logo-rgb {
    max-width: 190px;
    height: auto;
}

.header__logo {
    height: 100px;
}

/* ICIIIIIIIII */
.footer__meta-icons {
    background: none repeat scroll 0 0 #BBBBBB;
    height: 54px;
    width: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    margin-right: 6px;
    margin-top: 20px;
    padding-top: 43px;
}

.greeter__illustration {
    margin: 0 30px 0 0;
}

.greeter .btn {
    margin: 0 10px 0 0;
}

.middle-inner {
    text-align: center;
}

.middle-inner img {
    margin-top: 85px;
}

.footer__meta a {
    color: #555555;
}
/***
 * HEADER
 * ======
 *
 * @desc         Header
 * @author       quentind
 * @tested
 * @requires     -
 */
.navbar {
    margin-bottom: 20px;
    overflow: visible;
}

.navbar-inner-top:before, .navbar-inner:after {
    content: "";
    display: table;
    line-height: 0;
}
.navbar-inner-top:before, .navbar-inner:after {
    content: "";
    display: table;
    line-height: 0;
}
.padB10 {
    padding-bottom: 10px;
}

.navbar-inner {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    background-image: none;
    border-color: #D4D4D4;
    border-image: none;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 0 0 1px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
    padding: 5px;
}

.navbar .container {
    width: 1170px;
}

.container{
    border-radius:10px;
}

.header__quicknav {
    margin-top: 33px !important;
}

.header__quicknav {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 12px;
}

.header__quicknav a {
    color: #777;
    padding: 0 .2em 0 .2em;
    margin: 0 .2em 0 .2em;
}

.header__quicknav li a {
    padding: 0 !important;
}

.header__quicknav a:hover, .header__quicknav a:active, .header__quicknav a:focus{
    color:#999;
}

.header__quicknav li {
    border-left: 1px solid #777;
}

.header__quicknav li.first {
    border: none;
}

.icn-btn {
    margin-right: 4px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    min-width: 14px;
    height: 14px;
    text-align: center;
    background: #fff;
    border: 1px solid #555;
    padding: 3px;
    vertical-align: bottom;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.icn-btn [class^="icon-"],.icn-btn [class*=" icon-"] {
    margin: 0;
    vertical-align: top;
}

.icn-btn .ir {
    text-align: left;
}

.lt-ie8 .icn-btn i {
    display: block;
}

.icn-btn.disabled,.disabled .icn-btn {
    border-color: #999;
}

.icn-btn.highlight,.highlight .icn-btn {
    border-color: #b94948;
}

.icn-btn.active,.active .icn-btn {
    border-color: #0088cc;
}

.icn-btn [class^="icon-"],.icn-btn [class*=" icon-"],.footer__meta-icons [class^="icon-"],.footer__meta-icons [class*=" icon-"]
{
    background-image: url(../img/glyphicons-halflings-dark.png);
}

.icn-btn.active [class^="icon-"],.icn-btn.active [class*=" icon-"], i.active {
    background-image: url(../img/glyphicons-halflings-active.png);
}

.icn-btn.disabled [class^="icon-"],.icn-btn.disabled [class*=" icon-"],.disabled .icn-btn [class^="icon-"],.disabled .icn-btn [class*=" icon-"]
{
    background-image: url(../img/glyphicons-halflings.png);
}

.icn-btn.highlight [class^="icon-"],.icn-btn.highlight [class*=" icon-"],.highlight .icn-btn [class^="icon-"],.highlight .icn-btn [class*=" icon-"]
{
    background-image: url(../img/glyphicons-halflings-highlight.png);
}

.btn-warning [class^="icon-"],.btn-warning [class*=" icon-"] {
    background-image: url(../img/glyphicons-halflings-white.png);
}

.icon-euro {
    background: url(../img/icon-euro.png) no-repeat 0 0 !important;
}

.icon-clipboard {
    background: url(../img/clipboard-icon.png) no-repeat 0 0 !important;
    width: 14px;
    height: 14px;
}

.icon-clipboard-white {
    background: url(../img/clipboard-icon-white.png) no-repeat 0 0 !important;
    width: 14px;
    height: 14px;
}

.icon-config {
    background: url(../img/icon-config.png) no-repeat 0 0 !important;
    width: 28px;
    height: 24px;
    margin-right: 10px;
    margin-top: 0 !important;
    vertical-align: middle;
}

.icon-mail {
    background: url(../img/icon-mail.png) no-repeat 0 0 !important;
    width: 24px;
    height: 16px;
    margin-top: 10px !important;
}

.icon-sent {
    background: url(../img/icon-mail-sent.png) no-repeat 0 0 !important;
    width: 24px;
    height: 26px;
    margin-top: 0 !important;
}

.icon-received {
    background: url(../img/icon-mail-received.png) no-repeat 0 0 !important;
    width: 24px;
    height: 26px;
    margin-top: 0 !important;
}

.icon-phone {
    background: url(../img/icon-phone.png) no-repeat 0 0 !important;
}

.icn-label {
    position: relative;
    vertical-align: bottom;
}

.icn-label .label {
    border-radius: 10px;
    border: 2px solid #fff;
    padding: 2px 6px;
    margin-left: -5px;
}

.nav-tabs>li>a:hover .icn-label .label {
    border-color: #eee;
}

.logged-menu .box .block-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px auto;
}

.logged-menu .box p {
    margin-top: 20px;
    color: #545e68;
}

/***
 * PAGE
 * ====
 *
 * @desc         Page
 * @author       quentind
 * @tested
 * @requires     -
 */
.page {
    margin: 0 auto;
    width: 80%;
    min-width: 960px;
    max-width: 1400px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}

.irisbox-eguichet {
    display: block;
    width: 272px;
    height: 150px;
    background: url(../img/IRISBox-logo.svg) no-repeat;
}

.input-maxed {
    width: 100%;
}
/***
 * ADVANCED SEARCH
 * ===============
 *
 * @desc         advanced search form
 * @author       quentind
 * @tested
 * @requires     -
 */
.search-advanced {

}

.search-advanced label {
    font-weight: bold;
    font-size: 12px;
}

.search-advanced input,.search-advanced select {
    font-size: 12px;
}

.search-advanced .help-block {
    margin: -10px 0 10px;
    width: 180px;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

.search-form {
    margin: 20px 0;
}

.search-form.form-inline label {
    vertical-align: middle;
    margin-bottom: 0;
}

.search-form.form-inline .size--3-5 .span2 {
    width: 100px;
    margin-left: 5px;
}

.search-form.form-inline .size--1-5 .span2 {
    width: 115px;
}

.search-form.form-inline .pull-right .span2 {
    width: 115px;
}

.table .even-first td,.table .odd-first td {
    font-weight: bold;
}

.table .even td,.table .even-first td {
    background: #eee;
}

.table .even td, .table .even-first td {
    background: none repeat scroll 0 0 #F9F9F9;
}

.table th {
    font-weight: 700;
}

.table th.sortable {
    background-image: url(../img/sortable.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 16px;
    cursor: pointer;
}

.table th.sortable.asc {
    background-image: url(../img/sort-asc.png);
}

.table th.sortable.desc {
    background-image: url(../img/sort-desc.png);
}

.table .actions {
    margin: 0;
}

.table .actions li {
    list-style-type: none;
    float: left;
    margin-right: 10px;
}

.table .actions li a {
    color: #555;
    text-decoration: none;
}

.table .actions li .disabled {
    color: #999;
}

.table .actions li .highlight {
    color: #b94948;
}

.table .actions li a:hover {
    text-decoration: underline;
}

.lt-ie8 .table .actions .icn-btn {
    float: left;
}

a.none{
    text-decoration: none;
    cursor: pointer;
    border:none;
}

a.none:hover{
    border:none;
}

.required{
    color:red;
}


/* ----------------------------------------------------
            BOOTSTRAP EDITABLE OVERRIDE CSS
------------------------------------------------------- */
.editable-pre-wrapped {
    white-space: normal;
}

.editable-container.editable-inline{
    width:100%
}

.editable-input{
    width:85%
}

.editable-input textarea{
    width:95%
}
/* ----------------------------------------------------
            JQUERY LOADING PLUGIN
------------------------------------------------------- */
#custom-overlay{
    opacity:0.8;
    background-color:grey;
}
#custom-overlay-content{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 60px;
    height: 60px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    border-radius:6px;
    border: 1px solid grey;
    background-color:white;
    opacity:1;
}

/* ----------------------------------------------------
            HIDDEN INPUT FILE
------------------------------------------------------- */
input.hidden-input-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

label.hidden-input-file {
    margin-bottom: 5px;
}

#documentList td {
    text-align: center;
    vertical-align: middle;
}

.emptyMessage{
    text-align: center;
    color: red;
}

.vipConfigBorder{
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.externalSystem{
    font-weight: bold;
    text-decoration: underline;
}

div#editor {
    display: none;
}

/*
	screen reader only
*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* added line */
    border: 0;
}

.listLang {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 0;

}

li {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-radius: 0;
    display: inline;
}

::placeholder {
    color: #666666;
    font-size: 1em;
    opacity: 1;
}

.advanceSearchAttributes{
    display: none;
}

.buttonSearchAdvanced{
    border-radius: 3px  3px 3px 3px;
    padding: 1%;
    width:59%;
}

#cancelButtonHome {
    padding: 1%;
    width:39%;
    border-radius: 4px;
    margin-left: 2%;
}

#searchButtonHome{
    border-radius: 4px;
}


.homeSearchBox {
    padding: 19px;
    margin-bottom:0px;
}

#frButton, #frenchButton {
    border-radius: 4px 0px 0px 4px;
}


#enButton, #englishButton {
    border-radius: 0px 4px 4px 0px;
}

#nlButton, #ndlsButton {
    border-radius: 0px;
}

#keywords{
    margin-bottom: 5px;
    width:95%;
    border-radius: 4px;
}


.navbar > .navbar-item {
    float: left;
}

.navbar > .navbar-item:last-child {
    margin-right: 0;
}

.navbar > .navbar-item.active > .navbar-sub {
    display: block;
}

.navbar > .navbar-item a {
    text-decoration: none;
}

.navbar > .navbar-item > a {
    background-color: #999;
    padding: 10px 20px;
    color: #696969;
    display: block;
}

.navbar .navbar-sub > .navbar-sub-item > a {
    color: #ccc;
    display: block;
    padding: 5px 10px;
    text-align: center;
    background-color: #696969;
}

.navbar .navbar-item.active .navbar-sub-item > a:hover,
.navbar .navbar-item.active .navbar-sub-item > a:focus {
    background-color: #999;
}

.caretAllOrganizations{
    float: right;
}

.organizationSelect{
    text-align: left;
}