* { padding: 0; margin: 0; }

table { border-style: solid; border-width: thin; border-collapse: collapse; background-color: white; color: #68484b }
td, th { border-style: solid; border-width: thin; }
th { font-weight: bold; font-size: 90%; font-family: serif; text-align: center; background-color: #f8e2ef; }
th > input { font-weight: bold; font-size: 100%; font-family: serif;}

.code { margin: 0 auto; }
.code th, .code td { padding: 0 0.5em; }

#amn_status { float: left; font-size: small; width: 20em; border-width: thin; border-style: none solid solid none; text-align: center; padding: 0 0.5em 0.5em 0; }
#amn_status > form { margin: 0; padding: 0;}
#amn_status > form > input { margin-top: 0.5em; }

.error, .update, #amnaudio_update div.update, #amnaudio_update div.error, #amn div, .s3g { font-weight: bold; color: darkred !important; }
.disabled_element { color: #8f7f81; }
.cablage_ko, table.tablesorter tbody tr.cablage_ko td {background-color: #e393c2;}
.amnaudio_ko, table.tablesorter tbody tr.amnaudio_ko td {background-color: #f8e2ef;}

.migrationko:before { vertical-align: sub; content: url("/lib/img/warning32x32.png"); margin-right: 1em; }

.migrationoff:before { vertical-align: sub; content: url("/lib/img/cancel32x32.png"); margin-right: 1em; }

.migrationok:before { vertical-align: sub; content: url("/lib/img/ok32x32.png"); margin-right: 1em; }

p.migrationko:before { content: url("/lib/img/cancel16x16.png"); }
p.migrationok:before { content: url("/lib/img/ok16x16.png");  }

#amn div.migrationok { color: black !important;} 
.app-legend { float: right; }
.app-legend ul { margin: 0; margin-bottom: 5px; padding: 0; float: left; list-style: none; }
.app-legend ul li { display:inline; float:left; font-size: 80%; list-style: none; line-height: 18px; margin-bottom: 2px; margin-right: 10px; }
.app-legend ul.legend-labels li span { display: block; float: left; height: 12px; width: 12px; margin-right: 5px; border: 1px solid #999; font-style : Arial, Sans-serif;}
div#app_existing_skin { font-style: Arial, Sans-serif; color: #8f7f81; }

th.s3g { border-style: none; vertical-align: top; background-color: #e89eca;}

#cablages { margin: 0 0 0 auto; width: 12em; }
#renvoisaudio { margin: -5.1em 12.15em 0 auto; width: 14em; }
#param { margin: -2.6em 12.15em 0 auto; width: 16em; }

#migration { margin: -1.4em 12.15em 0 auto; width: 16em; }

#jack2 { margin: -13.6em 28.30em 4.30em auto; width: 10em; }
#b2b { margin: -12.4em 28.30em 6.10em auto; width: 8em; }
#poolnum { margin: -11.2em 28.30em 4.95em auto; width: 16em; }
#whatsnum { margin: -9.9em 28.30em 4.95em auto; width: 10em; }
#jeux { margin: -8.7em 28.30em 4.95em auto; width: 16.5em; }
#portails { margin: -6.4em 28.30em 4.95em auto; width: 10em; }

#daily div:before, #amn:before, #cablage:before, #cablage3g:before, #parametres:before, #prod:before, #renvois:before, #renvoisnoninscrits:before { display: block; font-size: large; font-weight: bolder; margin: 0 auto 0.5em 0; width: 99%; border-style: none none solid none; padding: 0 0 0 0.5em; }
#amn:before, #prod:before { font-size: x-large; }
#amn:before     { content:'Donnees AMN :'; }
#cablage:before { content:'Cablages :'; }
#cablage3g:before { content:'Cablages 3G :'; }
#daily .n1:before { content: 'Nouveaux câblages/décâblages'; }
#daily .n2:before { content: 'Modifications'; }
#daily .n3:before { content: 'Traitements effectués'; }
#parametres:before { content:'Parametres :'; }
#prod:before      { content: 'Donness de production :'; }
#renvois:before   { content:'Renvois :'; }
#renvoisnoninscrits:before   { content:'Renvois non inscrits :'; }

#amn table { margin-bottom: 1em; }
.warning { border-style: none; text-align: center; margin: 2em auto; display: block; width: 100%; }
.warning table { margin: 0 auto; }
.warning p { font-weight: bold; font-size: larger; border-top-style : solid; padding-top: 1em; margin-top: 1em;}

#amn div, #amnaudio_update div, .message { margin: 1em auto; padding: 1em; width: 70%; color: black; background-color: lightgray; border-style: solid; border-color: white; border-width: thin; outline-style: solid; outline-color: lightgray; outline-width: thin; text-align: center; }
#amnaudio_update a { color: black; display: block; width: 100%; height: auto; text-decoration: underline; text-align: center; }
#amnaudio_update a:hover { text-decoration: none; }
#amnaudio_update form { margin: 2em auto; }
#amnaudio_update form button { margin-top: 1em; }
#amnaudio_update form p { font-weight: bolder; }
#amn #renvois, #amn #renvoisnoninscrits { margin: 0; padding: 0; width: auto; color: black !important; background-color: transparent; border-style: none;  outline-style: none; text-align: left; }

#amn, #prod { margin: 1em 0; }
#daily iframe { display: block; width: 100%; border-style: none; overflow: auto;}
#daily > div { margin: 2em 0; }
#daily .message { margin-right: auto; margin-left: auto; }
.n3 { white-space: pre; text-align: left; font-family: monospace; }
.n4 { text-align: center; border-style: solid; border-width: thin; border-color: black; }
.n4 input { width: 100%; font-size: larger; font-weight: bold; color: darkred; cursor: pointer;}
div.n4:hover { border-color: white; }

#updateform table, #selectform table, body > form > table, #recordb2b { margin: 1em auto; }
#updateform td, #updateform select, body > form > table > tbody > tr > td, .center { text-align: center; }
#selectform td, #selectform th { padding: 5px; }
body > form > table > tbody > tr > td { padding: 0 5px; }
#recordb2b th, #recordb2b td { padding: 5px 10px; text-align: center; }
#recordb2b ul { text-align: left;  list-style-position: inside; }
#enreg { position: fixed; top: 0.5em; left: 33%; display: block; margin: 0 auto; padding: 0.5em 1em; color: darkred; font-weight: bold; font-size: xx-large; border: thick double darkred; cursor: pointer; text-decoration: none; outline-style: none; z-index: 10; visibility: hidden; }
#enreg:hover { outline: thick double darkred; }
.small { font-size: small; white-space: nowrap; }

#updateform th, #updateform td { padding: 1px; }
.create #enreg { visibility: visible; position: static;}

#player { position: fixed; top: 0.5em; font-size: small; left: 21em; border: thin none black;  }
#player a { display: block; margin: 0 auto; padding: 5px 0; text-align: center; background-color: white; -moz-border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; }
#updateform, #daily, .poolnumclient { clear: both; }
.poolnumclient {  margin-top: 0em; padding-top: 1em; }
.poolnumclient > table { margin: 1em auto 0 auto; }
.poolnumclient > table .country { background-color: #e89eca; }
#erreurs, #numdefauts { margin-top : 1em; clear:both; }
#erreurs table,#numdefauts table, #historique table { margin: 0 auto; }
#erreurs th, #erreurs td, #numdefauts th, #numdefauts td { text-align: center; padding: 0 5px;}
#numdefauts a { text-decoration: none; color: black; width: 100%; }
#numdefauts a:hover { text-decoration: underline; }


#updateform table#cal, #cal { margin: 0; padding: 0; border-style: solid; }
#cal td, #jeu #cal table td { border-style: none; padding: 0; margin: 0; }
#cal table { border-collapse: collapse; }

#histo { padding: 0; margin: 0; border-collapse: collapse; }
#histo > tbody > tr > th { padding: 10px; border-style: none solid none none; }
#histo > tbody > tr > td { padding: 10px; margin: 0; }
#histo > tbody > tr > td > select { width: 100%; }

.check { width: 1em; }

#historique { width: 100%; }
#historique td, #historique th { padding: 1em; }

#cal { caption-side: left; }
#cal caption {  padding: 0 1em 0 0; vertical-align: middle; }
#jack2gamers table#cal { border-style: none; }
#jack2gamers > tbody > tr > td > input { margin: 0 5px; }
#tooltip { background-color: white; color: black; border: thin solid black;  opacity: 0.9; -moz-border-radius: 0 0 1em 0; -webkit-border-radius: 0 0 1em 0; border-radius: 0 0 1em 0;}
#tooltip div { border-bottom: 1px solid black; border-bottom-width: thin; padding: 0 5px; text-align: center; font-weight: bold; background-color: #f8e2ef; }
#tooltip p { padding: 5px; text-align: center; }
.defaut { color: gray; }

.poolnumclient table td,.poolnumclient table th, #saiab th, #saiab td { padding: 5px; }
div.numtypes { float: left; margin: 0 1em 0 0; }

#saiab > table, #jeu > form { float: left; margin: 0 10px 0 0px;}
#jeu th, #jeu td { padding: 5px 10px; text-align: center; }
#saiab th, #saiab td { /*border-color:green;*/ }
#submitsaiab input { text-transform:capitalize; }
#saiab > table { display: none; }
#saiab > table#actionsaiab { display: table; }
#actionsaiab td { text-align: left; }
#divsaiab { clear: both; padding-top: 2em;  margin-bottom: 2em; }
#divsaiab td { text-align: center; }
#divsaiab > form > table { caption-side: top; }
#divsaiab > form > table > caption { text-align: left; }
#divsaiab > form > table > caption table td { padding: 5px; }
#saiabedit { margin: 1em 0; }
.message div { margin-top: 1em; padding-top: 1em; border-top-style: solid; border-width: thin;  }
.message div pre { overflow: auto; }
pre { text-align: left; }
table.webkey { margin: 1em auto 0 auto; }
table.pnum_info {  margin-bottom: 2em; }
.pnum_info > caption { caption-side: top; font-weight: bolder; font-size: larger; border-width: thin; border-style: none none solid none; margin: 0 0 0.5em 0;}
.tablename { font-weight: bolder; font-style: italic; }

#creersession, #session, #session > form, .large { width: 100%; }
#creersession > table, #session > form > table { margin: 1em auto; }

#quizz ul { list-style: disc inside; }

body {
    background: #f1ecef url("http://static.newtechinteractive.fr/images/body_bg.gif") repeat 0 0;
    color: #432d2f;
    height: 100%;
}

h1 {
    border-bottom: 3px solid #d5007f;
    width: 80%;
    margin-left: 20px;
    margin-top: 2em;
    margin-bottom: 1em;
}

h2 {
    border-bottom: 3px solid #d5007f;
}

h3 {
    color: #d5007f;
    margin-left: 20px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

p {
    margin: 20px;
}

#quizz h2 { cursor: pointer; width: 60%; margin-left: 20px; margin-top: 1em; margin-bottom: 0.5em; }
#quizz h2:hover { background-color: #f8e2ef; }
ul.menu { border-color: #68484b; }
.menu > li > a { color: #432d2f;}
.menu > li > a:hover { background-color: #f8e2ef; }
.menu > li > a.selected { background-color: #e393c2; }
.menu > h3 { color: #e393c2; background-color: #68484b; border: 2px solid #e89eca; }


/************************
Tablesorter Default Theme
*************************/
/* overall */
.tablesorter-default {
    width: 100%;
    font: 12px/18px Arial, Sans-serif;
    color: #333;
    background-color: #fff;
    border-spacing: 0;
    margin: 10px 0 15px;
    text-align: left;
}

/* header */
.tablesorter-default th,
.tablesorter-default thead td {
    font: bold 12px/18px Arial, Sans-serif;
    color: #000;
    background-color: #fff;
    border-collapse: collapse;
    border-bottom: #ccc 2px solid;
    padding: 0;
}
.tablesorter-default tfoot th,
.tablesorter-default tfoot td {
    border: 0;
}
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    border-bottom: #000 2px solid;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    border-bottom: #000 2px solid;
}
.tablesorter-default thead .sorter-false {
    background-image: none;
    padding: 4px;
}

/* tfoot */
.tablesorter-default tfoot .tablesorter-headerSortUp,
.tablesorter-default tfoot .tablesorter-headerSortDown,
.tablesorter-default tfoot .tablesorter-headerAsc,
.tablesorter-default tfoot .tablesorter-headerDesc {
    border-top: #000 2px solid;
}

/* tbody */
.tablesorter-default td {
    background-color: #fff;
    border-bottom: #ccc 1px solid;
    padding: 4px;
    vertical-align: top;
}

/* hovered row colors */
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
    background: #fff;
    color: #000;
}

/* table processing indicator */
.tablesorter-default .tablesorter-processing {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    /* background-image: url(../addons/pager/icons/loading.gif) !important; */
    background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter-default tr.odd td {
    background-color: #dfdfdf;
}
.tablesorter-default tr.even td {
    background-color: #efefef;
}

/* Column Widget - column sort colors */
.tablesorter-default tr.odd td.primary {
    background-color: #bfbfbf;
}
.tablesorter-default td.primary,
.tablesorter-default tr.even td.primary {
    background-color: #d9d9d9;
}
.tablesorter-default tr.odd td.secondary {
    background-color: #d9d9d9;
}
.tablesorter-default td.secondary,
.tablesorter-default tr.even td.secondary {
    background-color: #e6e6e6;
}
.tablesorter-default tr.odd td.tertiary {
    background-color: #e6e6e6;
}
.tablesorter-default td.tertiary,
.tablesorter-default tr.even td.tertiary {
    background-color: #f2f2f2;
}

/* caption */
caption {
    background: #fff;
}

/* filter widget */
.tablesorter-default .tablesorter-filter-row td {
    background: #eee;
    border-bottom: #ccc 1px solid;
    line-height: normal;
    text-align: center; /* center the input */
    -webkit-transition: line-height 0.1s ease;
    -moz-transition: line-height 0.1s ease;
    -o-transition: line-height 0.1s ease;
    transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-default .tablesorter-filter-row .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-default .tablesorter-filter-row.hideme td {
    /*** *********************************************** ***/
    /*** change this padding to modify the thickness     ***/
    /*** of the closed filter row (height = padding x 2) ***/
    padding: 2px;
    /*** *********************************************** ***/
    margin: 0;
    line-height: 0;
    cursor: pointer;
}
.tablesorter-default .tablesorter-filter-row.hideme .tablesorter-filter {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    /* don't use visibility: hidden because it disables tabbing */
    opacity: 0;
    filter: alpha(opacity=0);
}
/* filters */
.tablesorter-default .tablesorter-filter {
    width: 95%;
    height: auto;
    margin: 4px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.1s ease;
    -moz-transition: height 0.1s ease;
    -o-transition: height 0.1s ease;
    transition: height 0.1s ease;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    cursor: pointer;
    background-color: #e6bf99;
}

#cross { width: 100%; height: 95.5%; border-style: none; margin: 0 auto; }