pre {
    font-family: arial;
}

a img,
img {
    border: 0px solid white;
}

html,
body {
    width: 100%;
}

body {
    background: url("img/groovepaper.png");
    font-size: 12px;
    font-family: arial;
}

.line {
    width: 100%;
    float: left;
}

.nav {
    height: 65px;
    color: white;
    position: fixed;
    z-index: 10;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    min-width: 980px;
    z-index: 10000;
}

.nav .content {
    background-color: #484848;
    height: 60px;
}

.nav .bbottom {
    height: 5px;
    background: -webkit-linear-gradient(left, #008797, #40c8f4);
    background: -moz-linear-gradient(left, #008797, #40c8f4);
    background: -linear-gradient(left, #008797, #40c8f4);
}

h1 {
    font-size: 24px;
    font-weight: bold;
    float: left;
    margin: 16px 0 0 0;
    cursor: pointer;
}

h1 span {
    color: #008797;
    font-weight: bold;
}

.logged {
    float: right;
    height: 60px;
    margin-right: 15px;
}

.alerts {
    width: 35px;
    height: 35px;
    border: 1px solid #c1c1c1;
    margin-top: 14px;
    margin-right: 20px;
}

.alerts .nbr {
    background-color: #ed1c24;
    position: absolute;
    margin-top: -10px;
    margin-left: 20px;
    padding: 0;
    width: 21px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 30%;
}

.messages {
    background: url("img/mail.png") center center no-repeat;
}

.profil {
    background-color: #303030;
    height: 43px;
    margin-top: 9px;
    padding: 5px;
}

.profil .name {
    color: #40c8f4;
    margin-top: 1px;
}

.profil img {
    border: 3px solid white;
    float: left;
    margin: 0 5px 0 0;
    width: 33px;
    height: 33px;
}

.profil .infos {
    float: left;
    margin: 0 5px;
}

.profil li {
    float: left;
    margin-right: 15px;
}

.profil li:hover {
    text-decoration: underline;
    cursor: pointer;
}

.asside {
    position: fixed;
    width: 180px;
    padding-top: 68px;
    height: 100%;
    background: #484848;
    color: white;
    z-index: 9;
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.20) inset;
}

.searchBox {
    background: #303030;
    width: 160px;
    margin: 15px 10px;
    height: 32px;
}

.searchInput {
    background: #303030;
    width: 160px;
    height: 32px;
    border: none;
    position: absolute;
    text-indent: 10px;
    color: #a5a5a5;
}

.searchSubmit {
    background: #008797 url("img/search.png") center center no-repeat;
    width: 22px;
    height: 22px;
    margin-left: 133px;
    margin-top: 5px;
    border: none;
    position: absolute;
}

.asside ul {
    border-top: 1px solid #2f2f2f;
}

.asside li {
    border-top: 1px solid #646464;
    border-bottom: 1px solid #2f2f2f;
    padding: 0 10px;
    line-height: 42px;
    text-indent: 33px;
    font-size: 14px;
    vertical-align: middle;
    background-position: 10px center;
    background-repeat: no-repeat;
}

.asside li:last-child {
    border-bottom: none;
}

.asside li:hover {
    background-color: #575757;
    cursor: pointer;
}

.dashboard {
    background: url("img/dashboard.png");
}

.operation {
    background: url("img/barcode.png");
}

.favorite {
    background: url("img/star2.png");
}

.infoSpan span {
    background: #eee;
    width: 20px;
    height: 20px;
    line-height: 20px;
    float: right;
    text-indent: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 30%;
    margin-top: 10px;
    color: #333;
}

.infoSpan.none span {
    display: none;
}

.dashboard.selected {
    background: url("img/dashboard.png"), url("img/indicateurDroite.png");
}

.operation.selected {
    background: url("img/barcode.png"), url("img/indicateurDroite.png");
}

.favorite.selected {
    background: url("img/star2.png"), url("img/indicateurDroite.png");
}

.asside li.selected {
    background-position: 10px center, right center;
    background-repeat: no-repeat;
    color: #00a1b3;
}

.main {
    position: absolute;
    width: 100%;
    padding: 80px 15px 0 200px;
    min-width: 980px;
    min-height: 500px;
}

.radius {
    border-radius: 3px;
}

.right {
    float: right;
}

.left {
    float: left;
}

.operations {
    margin-bottom: 15px;
    /*max-width: 960px;*/
}

.operations .nonDisponible {
    padding: 15px;
}

.operations .nonDisponible h3 {
    margin: 0;
}

.operations .nonDisponible p {
    margin: 10px 0 0 0;
}

.documents .operations {
    margin-bottom: 15px;
}

.operations .header {
    background: #484848;
    padding: 8px;
    font-size: 14px;
    color: white;
    height: 32px;
    position: relative;
    width: 100%;
    z-index: 3;
}

.operations .header h2 {
    cursor: pointer;
}

.mosaique {
    /*background: white;*/
    /*border: 1px solid #ccc;*/
}

.mosaique .header {
    background: #484848;
    padding: 8px;
    font-size: 14px;
    color: white;
    height: 32px;
    position: relative;
    width: 100%;
}

.operations .favoriteDoc {
    width: 18px;
    height: 15px;
    float: left;
    /*margin-top: -1px;*/
    margin-left: 10px;
    background: url("img/favoriteOff.png") center center no-repeat;
    cursor: pointer;
}

.operations .favoriteDoc.favIn {
    background: url("img/favoriteOn.png") center center no-repeat;
}

.operations h2,
.mosaique h2 {
    float: left;
    margin-left: 10px;
    font-weight: bold;
}

.operations .tag {
    font-weight: bold;
    float: right;
    background-color: #b7b6b6;
    padding: 3px 5px;
    margin-top: -3px;
    min-width: 50px;
    text-align: center;
}

.tagNsm {
    background-color: #008797!important;
}

.tagR {
    background-color: #ed3b41!important;
}

.tagM {
    background-color: #009735!important;
}

.tagN {
    background-color: #b257a1!important;
}

.operations .content,
.mosaique .content {
    display: table;
    background: white;
    border: 1px solid #b7b6b6;
    width: 99.6%;
    margin: -5px 0.2% 0 0.2%;
    padding: 4px 0 0 0;
    min-height: 95px;
    /*z-index: 2;*/
    position: relative;
}

.operations .hide {
    background: white;
    border: 1px solid #b7b6b6;
    width: 99.6%;
    margin: -5px 0.2% 0 0.2%;
    padding: 4px 0 0 0;
}

.operations .hide h3 {
    background: #89969F;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: white;
    height: 22px;
    position: relative;
    width: 100%;
}

.documentButton {
    padding: 5px 5px 5px 5px;
    margin-left: 10px;
    margin-bottom: 50px;
    background: #89969F;
    cursor: pointer;
    color: white;
    border-radius: 3px;
}

.scroll_div {
    width: 99%;
    /*height: 250px;*/
    overflow-y: scroll;
    margin-left: 10px;
    background-color: white;
    /*z-index: 3;*/
    position: relative;
}

.scroll_table {
    width: 99%;
    margin-left: 10px;
    margin-top: 20px;
    /*z-index: 3;*/
    position: relative;
}

.scroll_table_value {
    width: 99%;
    margin-left: 10px;
    cursor: pointer;
    /*z-index: 3;*/
    position: relative;
}

.scroll_table th {
    margin-left: 5px;
    background-color: #F0F0F0;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    background-color: #F0F0F0;
    border-right-style: solid;
    border-right-color: black;
    border-right-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: black;
    border-bottom-width: 0.1em;
}

.element_content_hide {
    height: 0px;
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    /*z-index: -1;*/
    position: relative;
}

.hide_retroplanning {
    height: 0px;
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.mosaique .content {
    padding: 15px 10px 10px 10px;
}

.mosaique .content .pdfFile p {
    padding: 15px 10px 10px 10px;
    font-size: 12px;
}

.pdfButton {
    padding: 3px 3px 3px 3px;
    background: #149350;
    cursor: pointer;
    color: white;
    border-radius: 3px;
}

.pdfButton:hover {
    background: none repeat scroll 0% 0% #2BAD68;
}

#multiUploads .content, #barreRouteUpload .content {
    padding: 10px;
}

.operations .opDiv {
    height: 99%;
    overflow: hidden;
    float: left;
    /*overflow: hidden;*/
}

.annotee img {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 0 15px;
}

.annoGroup {
    background: #f6f6f6;
    width: 60%;
    float: left;
    border-right: 1px solid #ddd;
}

.operations .dropzone {
    border: 3px dashed #b7b6b6;
    position: absolute;
    /*height: 90%;*/
}

.choices {
    position: relative;
    width: 150px;
    height: 80px;
    padding: 0;
    left: 50%;
    top: 50%;
    margin-left: -75px;
    overflow: hidden;
}

.operations .dropActions {
    position: absolute;
}

.operations .actions {
    width: 100%;
    /*height: 80px;*/
    float: left;
    opacity: 0.5;
}

.operations .dropzone:hover .actions {
    opacity: 1;
}

.operations .actions button,
.operations .actions .uploadButton {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
    float: left;
    border: none;
    color: white;
    text-align: left;
}

.operations .instructions {
    color: #b7b6b6;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    padding: 20% 0 10% 0;
    float: left;
}

.operations .instructions p+p {
    margin-top: 10%;
    font-weight: bold;
}

.operations .uploadButton button {
    background: #303030 url("img/folder.png") 10px center no-repeat;
    padding-left: 40px;
}

.operations .validateButton {
    background: #1f9949 url("img/upload2.png") 29px center no-repeat;
    padding-left: 65px!important;
}

.operations .uploadButton button:hover {
    background-color: #383838;
}

.operations .validateButton:hover {
    background-color: #20a14d;
}

.operations .validateButton.disabled:hover,
.operations .validateButton.disabled {
    background-color: #70a181;
}

.docCol2 .preview {
    position: relative;
}

.docCol3 .preview {
    position: relative;
}

.operations .candidate .preview,
.operations .dropzone {
    min-width: 350px;
    min-height: 400px;
}

.operations .candidate .preview {
    z-index: 1;
}

.operations .dropzone {
    z-index: 2;
    overflow: hidden;
}

.preview img {
    padding: 0;
}

.operations .preview img {}

.operations .sam {
    display: table-cell;
    padding-bottom: 15px;
    min-height: 95px;
}

.operations .doc {
    width: 65%;
}

.operations .retro {
    width: 35%;
    min-width: 250px;
    border-left: 1px solid #b7b6b6;
}

.operations .retro h3 {
    margin: 0 0 10px 15px;
}

.retroBtn button {
    width: 100%;
    height: 30px;
    border: none;
    padding: 4px 10px;
    background: url("img/clock.png") center center no-repeat;
    text-indent: -9999px;
}

.operations button:hover,
.operations button.selected {
    background-color: #57a5ad;
    color: white;
}

.operations thead tr td {
    font-weight: bold;
    height: 25px;
}

.operations table td {
    padding: 0 15px;
    height: 30px;
    vertical-align: middle;
}

td.retroBtn {
    width: 50px;
    padding: 0!important;
}

.operations tr:nth-child(even),
.operations thead {
    background: #eeeeee;
}

.operations tr.selected {
    background-color: #57a5ad;
    color: white;
}

.operations .docAccess:hover {
    background-color: #666;
    cursor: pointer;
    color: white;
}

.clear {
    clear: both;
}

.loginBox {
    width: 300px;
    padding: 25px 20px 20px 20px;
    color: white;
    background-color: #484848;
    margin: 100px auto 0 auto;
}

.loginBox .content {
    position: relative;
}

.loginBox h2 {
    width: 100%;
    text-align: center;
    color: #2097a7;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.loginInput {
    width: 100%;
    background-color: #303030;
    color: white;
    border: none;
    margin-bottom: 12px;
    padding: 6px 10px 6px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-indent: 25px;
}

.loginButton {
    background-color: #2097a7;
    border: none;
    width: 100%;
    color: white;
    font-weight: bold;
    padding: 5px 0;
}

.remember {
    margin-top: 15px;
    margin-left: -3px;
    padding-top: 5px;
    height: 24px;
    background: url("img/checkbox_false.png") left center no-repeat;
    text-indent: 30px;
    cursor: pointer;
    float: left;
}

.remember.checked {
    background: url("img/checkbox_true.png") left center no-repeat;
}

.hidden {
    display: none;
}

.loginLogin {
    background-image: url("img/user3.png");
}

.loginPwd {
    background-image: url("img/key.png");
}

.fullScreen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ariane {
    margin-bottom: 12px;
    float: left;
}

.ariane li {
    font-size: 16px;
    font-weight: bold;
    color: #484848;
    float: left;
    margin-right: 7px;
    padding-right: 15px;
    background-image: url("img/arrow-right6.png");
    background-repeat: no-repeat;
    background-position: center right;
}

.ariane li:last-child {
    margin-right: 0;
    background-image: none;
}

.ariane .canClick {
    color: #2097a7;
}

.ariane .canClick:hover {
    color: #484848;
    cursor: pointer;
}

.filterContainer {
    float: right;
    width: 200px;
}

.filter {
    color: white;
    width: 200px;
    margin-top: -6px;
    z-index: 1001;
    /*position: absolute;*/
}

.openList {
    background: #303030 url("img/filter.png") 175px center no-repeat;
}

.export .openList {
    background: #303030 url("img/download.png") 175px 7px no-repeat;
}

.openList.open,
.export .openList .open {
    background: #303030 url("img/listClose.png") 175px center no-repeat;
}

.openList:hover {
    cursor: pointer;
}

.filter li {
    background-color: #303030;
    float: left;
    width: 200px;
}

.filter p {
    float: left;
    margin-top: 5px;
}

.filter>li {
    height: 30px;
    padding: 9px 0 0 0;
    text-indent: 10px;
}

.filter .filterList {
    position: absolute;
    z-index: 1000000;
    margin-top: 27px;
    padding-top: 3px;
}

.filter .filterList li {
    cursor: pointer;
}

.lDeb {
    height: 10px;
}

.filter .filterList li:hover {
    cursor: pointer;
    background-color: #383838;
}

.pageNav {
    float: right;
    height: 22px;
}

.filter .tag {
    font-weight: bold;
    float: left;
    background-color: #b7b6b6;
    padding: 3px 8px;
    margin: 2px 0 2px 10px;
    text-indent: 0;
    cursor: pointer;
}

.filter.export .tag {
    width: 50px;
    text-align: center;
    float: right;
    margin: 2px 10px;
}

.filter .tag.disabled {
    opacity: 0.3;
}

.export {
    float: right;
    height: 22px;
}

.pageNav p {
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-left: 4px;
}

.pageNav button,
.pageNav input,
.blueBg {
    float: left;
    height: 22px;
    background-color: #008797;
    margin-left: 4px;
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold;
    margin-top: -3px;
    color: white;
    border: none;
}

.blueBg button,
.blueBg input {
    margin-top: 0;
}

.pageNav button {
    cursor: pointer;
    text-indent: -9999px;
    width: 31px;
}

.pageNav input {
    width: 50px;
    text-align: center;
}

.pageNav button:hover {}

.btnPrev {
    background-image: url("img/btnPrev.png");
}

.btnNext {
    background-image: url("img/btnNext.png");
}

.btnLast {
    background-image: url("img/btnLast.png");
}

.btnFirst {
    background-image: url("img/btnFirst.png");
}

.btnMos {
    background-image: url("img/btnMos.png");
}

.openAlert {
    width: 100%;
    height: 100%;
    background: url("img/alert.png") center center no-repeat;
}

.openAlert:hover {
    background-color: #333;
    cursor: pointer;
}

.notifications .indicateur {
    width: 18px;
    height: 8px;
    background: url("img/indicateurHaut.png") center center no-repeat;
    position: relative;
    margin-top: -8px;
    margin-left: 403px;
}

.notifications ul {
    width: 430px;
    background: white;
    position: relative;
    margin-top: 6px;
    margin-left: -396px;
    color: #333333;
    border: 1px solid #666666;
    z-index: 10001;
}

.notifications li {
    border-bottom: 1px solid #666666;
    padding: 8px;
}

.notifications li div p:first-child {
    color: #008797;
    font-weight: bold;
}

.notifications li:last-child {
    border: none;
}

.notifications .entete .title {
    float: left;
    font-weight: bold;
}

.notifications .entete .allReaded {
    float: right;
    color: #008797;
}

.notifications .allNotifs {
    color: #008797;
    text-align: center;
}

.notifications .entete .allReaded:hover,
.notifications .allNotifs p:hover {
    text-decoration: underline;
    cursor: pointer;
}

.searchMessage {
    padding: 15px;
    background: white;
    border: 1px solid #434343;
    margin-bottom: 15px;
}

.error {
    background: #ffdede url("img/error.png") 15px center no-repeat;
    color: #be0000;
    border-color: #be0000;
}

.warning {
    background: #fff6de url("img/warning.png") 15px center no-repeat;
    color: #dd6300;
}

.success {
    background: #dfedc0 url("img/success.png") 15px center no-repeat;
    color: #3f5a04;
}

.error p,
.warning p,
.success p {
    text-indent: 30px;
    margin-top: 1px;
}

.processing {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url("img/transp10.png");
}

.processing .message {
    position: absolute;
    left: 50%;
    top: 30%;
    background: white;
    width: 250px;
    text-align: center;
    margin-left: -125px;
    padding: 15px;
}

.processing .message p+p {
    margin-top: 10px;
}

.transp {
    opacity: 0;
}

.mcl {
    float: right;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    background: url("img/checkmark.png")center center no-repeat;
    cursor: pointer;
}

.mcl:hover {
    background: url("img/checked.png")center center no-repeat;
}

.mcl.checked:hover,
.mcl.checked {
    background: url("img/checked.png")center center no-repeat;
    cursor: default;
}

.retroPlanning {
    margin-left: 15px;
}

.retroDisplay {
    min-width: 235px;
    margin-left: 15px;
    position: absolute;
    padding: 10px 20px 10px 10px;
    border: 1px solid #666;
    border-radius: 3px;
    background: white;
    cursor: pointer;
    background-image: url("img/indicateur-bas.png");
    background-repeat: no-repeat;
    background-position: right 8px;
}

.retroDisplay ul {
    margin: 0;
    max-height: 12px;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.retroDisplay.opened {
    background-image: url("img/indicateur-close.png");
}

.retroDisplay.opened ul {
    max-height: 500px;
    transition: max-height 0.2s ease-in-out;
}

.superposeImage img {
    position: absolute;
    left: 0px;
    top: 0px;
}

.documents .pages,
.mosOverlay {
    width: 144px;
    height: 204px;
    position: relative;
}

.documents .pages {
    float: left;
    border: 2px solid #666;
    margin: 0 7.5px 15px 7.5px;
    padding: 0;
    text-align: center;
    cursor: pointer;
}

.mosOverlay {
    /*position: absolute;*/
    width: 140px;
    height: 200px;
    border-radius: 1px;
    z-index: 9;
}

.documents .pages img {
    border-radius: 1px;
    margin: 0;
    vertical-align: middle;
}

.documents .pages p {
    position: absolute;
    margin: 5px 0 0 5px;
    text-align: center;
    font-size: 20px;
    z-index: 10;
    width: 34px;
    height: 34px;
    line-height: 31px;
    background-color: white;
    border-radius: 50%;
    border: 2px solid #666;
}

.documents .pages:hover .mosOverlay,
.documents .pages.active .mosOverlay {
    background: url("img/transp/40.png");
}

.newDoc {
    width: 100%;
    background: white;
    margin-top: -4px;
    overflow: hidden;
}

.docCols {
    width: 100%;
}

.docCol {
    float: left;
}

.docCol h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.docCol1,
.docCol2,
.docCol3 {
    padding: 0 1% 0 1%;
}

.docCol2,
.docCol3 {
    width: 40%;
}

.docCol1 {
    width: 20%;
    background-color: #d5e8f1;
}

.docCol1,
.notesDeploy {
    background-color: #d5e8f1;
}

.docCol2 {
    padding: 0 1% 0 5px;
}

.docCol2 #hint {
    float: right;
    margin-top: -24px;
}

.docCol1 li {
    margin-bottom: 5px;
    line-height: 20px;
    font-size: 11px;
}

.docCol1 pre {
    padding-left: 30px;
    margin-top: 5px;
}

.docCol1 span {
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    background: #0370aa;
    color: white;
    margin-right: 10px;
}


/* GESTION DE LA PAGE DOCUMENTS EN FONCTION DE RÉSOLUTION */

.highRez .docCol {
    min-height: 0;
}

.docCol1.notes button {
    float: right;
    border: none;
    margin: 5px 0 0 0;
    text-indent: -9999px;
    background: url("img/unlocked.png") center center no-repeat;
    width: 20px;
    height: 20px;
}

.docCol1.notes button.locked {
    background: url("img/lock.png") center center no-repeat;
}

.docCol1.notes button:hover {
    background-color: transparent!important;
}

.lowRez .docCol1.notes h3 {
    float: left;
}

.highRez .docCol1.notes button {
    display: none;
}

.highRez .docCol1 {
    background-image: url("img/notes1.jpg"), url("img/notes2.jpg");
    background-repeat: no-repeat, repeat-y;
    background-position: right 38px, right center;
    padding: 0 25px 0 1%;
}

.highRez .docCol1 ul {
    margin-left: 0;
}

.lowRez .docCol1 ul {
    width: 100%;
    float: left;
}

.highRez .docCol2 {
    background: #f6f6f6;
    border-right: 1px solid #ccc;
}

.highRez .docCol2 {}

.lowRez .docCols {
    /**/
}

.lowRez .docCol1 {
    padding: 0 1% 7px 1%;
    min-width: 759px;
    width: 100%;
    max-height: 35px;
    position: absolute;
    margin: 1px 0 0 0;
    overflow: hidden;
    z-index: 10;
    border-bottom: 1px solid #008797;
}

.lowRez .docCol1.opened {
    max-height: 250px;
    height: 250px;
    overflow-y: auto;
    position: relative;
}

.lowRez .docCol1:hover {
    max-height: 200px;
}

.lowRez .docCol1.opened:hover {
    max-height: 250px;
}

.lowRez .docCol2 {
    width: 50%;
}

.lowRez .docCol3 {
    width: 50%;
}

.lowRez .docCol2,
.lowRez .docCol3 {
    padding: 0 1%;
    margin-top: 35px;
}

.docStatus {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 3px;
}

.zoomContainer {
    z-index: 9999;
}

.zoomLens {
    z-index: 1000;
}

.getPagesCsv {
    float: right;
    margin: -3px 8px 0 0;
    background-color: #217346;
    background-image: url("img/download.png");
    background-repeat: no-repeat;
    background-position: 5px 4px;
    padding: 4px 5px 3px 26px;
    font-weight: bold;
    border: none;
    color: white;
}

.getPagesCsv span {
    width: 180px;
    position: absolute;
    background: #666;
    text-align: center;
    padding: 3px 5px;
    display: none;
    z-index: 9999;
    margin: 9px 0 0 -100px;
    font-size: 12px;
}

.getPagesCsv:hover span {
    display: block;
}

.getPagesCsv:hover {}

.getPagesJSON {
    background-color: #216196;
}

#zimg {
    cursor: pointer;
}

#multiUploads, #barreRouteUpload {
    background: white;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.button_valid {
    padding: 5px 10px;
    background: #149350;
    float: left;
    cursor: pointer;
    color: white;
}

.button_valid:hover {
    background: #2bad68;
}

.uploadError {
    color: #e32a2a;
    font-weight: bold;
}

.uploadOk {
    color: #149350;
    font-weight: bold;
}

#multiUploads table {
    margin-top: 10px;
    width: 100%;
    float: left;
    border: 1px solid #ccc;
}

#multiUploads table td {
    padding: 5px 10px;
}

#multiUploads h3, #barreRouteUpload h3 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

#multiUploads ul, #barreRouteUpload ul {
    margin: 10px 0;
    padding-left: 20px;
    list-style: square;
}

#multiUploads table tr:nth-child(odd) {
    background: #eee;
}

#multiUploads table tr {
    border-bottom: 1px solid #ccc;
    background: #fff;
}

#multiUploads table tr:last-child {
    border-bottom: none;
}

.progressBar {
    width: 132px;
    height: 15px;
    float: left;
    background: url("img/progress.gif");
}

.advert {
    color: #c7443e;
    font-weight: bold;
}

.tdBold td {
    font-weight: bold;
}

.ng-modal-overlay {
    /* A dark translucent div that covers the whole screen */
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.8;
}

.ng-modal-dialog {
    /* A centered div above the overlay with a box shadow. */
    z-index: 10000;
    position: fixed;
    width: 50%;
    /* Default */
    /* Center the dialog */
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 4px 4px 80px #000;
}

.ng-modal-dialog-content {
    padding: 10px;
    text-align: left;
}

.ng-modal-close {
    position: absolute;
    top: 3px;
    right: 5px;
    padding: 5px;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    font-family: 'arial', 'sans-serif';
}

.dialog-title {
    border-bottom: 1px solid black;
    font-size: 22px;
    margin-bottom: 10px;
}

.dialog-body {
    padding-left: 10px;
    font-size: 13px;
}

.dialog-button {
    text-align: center;
}

.dialog-error {
    margin-top: 7px;
    text-align: center;
    font-size: 10px;
    color: #FF0000;
    font-weight: bold;
}

.dialog-loading {
    margin-top: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}