html, body { font-family:sans-serif; font-size:13px; height:100%; width:100%; min-width:900px; margin:0px; position:relative; }
/* responsive font-size */
@media(max-width: 1200px)
{
html, body { font-size:11px; }
}
@media(max-width: 900px)
{
html, body { font-size:10px; }
}
body { margin:0px; background:#FAFAFA }
*,
*:before,
*:after { position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
*:focus { outline:0; }
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { background-color:#FFFFFF !important; }
.ui-widget-header { text-align:center; line-height:32px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom:1px; }
.radius2 { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; ms-border-radius:2px; behavior:url(PIE.htc); }
.radius5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; ms-border-radius:5px; behavior:url(PIE.htc); }
.radius20 { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; ms-border-radius:20px; behavior:url(PIE.htc); }
.shadows { -moz-box-shadow:0px 1px 3px 0px #bcbcbc; -webkit-box-shadow:1px 0px 3px 0px #bcbcbc; -o-box-shadow:0px 1px 3px 0px #bcbcbc; box-shadow:0px 1px 3px 0px #bcbcbc; behavior:url(PIE.htc); }
.lightshadows { -moz-box-shadow:0px 0px 4px 0px #cccccc; -webkit-box-shadow:0px 0px 4px 0px #cccccc; -o-box-shadow:0px 0px 4px 0px #cccccc; box-shadow:0px 0px 4px 0px #cccccc; behavior:url(PIE.htc); }
.innershadows { -moz-box-shadow:inset 0px 1px 3px 0px #9b9b9b; -webkit-box-shadow:inset 0px 1px 3px 0px #9b9b9b; -o-box-shadow:inset 0px 1px 3px 0px #9b9b9b; box-shadow:inset 0px 1px 3px 0px #9b9b9b; behavior:url(PIE.htc); }
.green-gradient
{
background:#9dd53a; /* Old browsers */
background:-moz-linear-gradient(left, #9dd53a 0%, #a1d54f 35%, #80c217 65%, #7cbc0a 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#9dd53a), color-stop(35%,#a1d54f), color-stop(65%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(left, #9dd53a 0%,#a1d54f 35%,#80c217 65%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(left, #9dd53a 0%,#a1d54f 35%,#80c217 65%,#7cbc0a 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(left, #9dd53a 0%,#a1d54f 35%,#80c217 65%,#7cbc0a 100%); /* IE10+ */
background:linear-gradient(to right, #9dd53a 0%,#a1d54f 35%,#80c217 65%,#7cbc0a 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 ); /* IE6-9 */
}
hr { box-shadow:0 3px 4px 1px rgba(66, 42, 32, 0.4); color:rgba(66, 42, 32, 0); width:100%; margin-top:20px; margin-bottom:20px; }
.grey_gradient {
background:-moz-linear-gradient(top, #ffffff, #f3f3f3);
background-image: -ms-linear-gradient(top, #ffffff, #f3f3f3);
background-image: -o-linear-gradient(top, #ffffff, #f3f3f3);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f3f3f3));
background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
background-image: linear-gradient(top, #ffffff, #f3f3f3);; box-shadow:0 1px 0 #FFFFFF;
}
.right { float:right!important }
.left { float:left!important }
.spacer { clear:both; }
.hidden { display:none; }
/*.disable { display:none; }*/
.wrong { background-color:#ff5252; }
.important { background-color:#ff5252; padding:2px; }
.important
{
animation: cligno 2s 2;
}
@keyframes cligno
{
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}
.on-first { z-index:100; cursor:pointer; position:absolute; left:20px; }
.on-before-first { z-index:100; cursor:pointer; position:absolute; left:2px; }
.on-get-pdf { z-index:100; cursor:pointer; position:absolute; right:20px; font-size:1.5em; line-height:1em; }
.kalamazoo_user { background:#c3f0f0; }
.maqprint_user { background:orange; }
#ajax-mask { width:100%; height:101%; position:absolute; left:0px; top:0px; background-color:rgba(0,0,0,0.3); z-index:9999; display:none; font-size:16px; font-weight:bold; color:#000; }
#mask { width:100%; height:101%; position:absolute; left:0px; top:0px; background-color:rgba(0,0,0,0.3); z-index:9999; display:none; font-size:16px; font-weight:bold; color:#000; }
#waiting { width:100%; height:300px; text-align:center; padding-top:20px; }
#waiting .image { width:128px; height:128px; margin:auto; background:url('../images/loader_2017.svg') transparent 0 0 no-repeat; }
#waiting .image_1 { width:128px; height:128px; margin:auto; background:center/contain no-repeat url('../images/loader_2017.svg') transparent; }
#waiting .image_2 { width:128px; height:128px; margin:auto; background:center/contain no-repeat url('../images/loader_2017.svg') transparent; }
#waiting .image_3 { width:128px; height:128px; margin:auto; background:center/contain no-repeat url('../images/loader_2017.svg') transparent; }
#waiting .image_4 { width:128px; height:128px; margin:auto; background:center/contain no-repeat url('../images/loader_2017.svg') transparent; }
#waiting .image_5 { width:128px; height:128px; margin:auto; background:center/contain no-repeat url('../images/loader_2017.svg') transparent; }
#waiting p { text-shadow: 1px 0px 5px rgba(0, 0, 0, 1); color:#EFEFEF; }
#wait { width:100%; height:300px; text-align:center; padding-top:20px; }
#wait .image { width:128px; height:128px; margin:auto; background:url('../images/loader_2017.svg') transparent 0 0 no-repeat; }
#wait .image_1 { width:128px; height:128px; margin:auto; background:center/contain no-repeat url('../images/loader_2017.svg') transparent; }
#wait .image_2 { width:128px; height:128px; margin:auto; background:center/contain no-repeat url('../images/loader_2017.svg') transparent; }
#wait .image_3 { width:128px; height:128px; margin:auto; background:center/contain no-repeat url('../images/loader_2017.svg') transparent; }
#wait .image_4 { width:128px; height:128px; margin:auto; background:center/contain no-repeat url('../images/loader_2017.svg') transparent; }
#wait .image_5 { width:128px; height:128px; margin:auto; background:center/contain no-repeat url('../images/loader_2017.svg') transparent; }
#wait p { color:#969696; font-size:1.5em; }
.ajax { background-image:url("../images/loading.gif"); background-position: right bottom; background-repeat:no-repeat; }
#logo_top { height:100px; background:url('../images/logo.png') transparent left center no-repeat; }
#frame { width:98%; min-width:800px; max-width:1800px; height:auto; min-height:50%; background-color:#FFF; margin:auto; position:relative; }
#topbar { height:30px; width:100%; position:relative; border-top:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4; /*text-align:center;*/text-align:left; padding-left:10px; }
#topbar label { line-height:26px; color:#636363; font-size:13px; text-shadow:0 1px #FFFFFF; font-weight:bold; position:relative; vertical-align:top; }
.etab_top { margin-left:270px; }
#topbar label.name_top { position:absolute; right:130px; top:0px; font-size: 0.8rem; }
#deconnex { position:absolute; right:0px; top:0px; line-height:26px; }
#deconnex a { color:#666666; text-decoration:none; font-size:12px; font-style:italic; padding-left:5px; padding-right:5px; }
#home { position:absolute; left:113px; top:0px; line-height:26px; }
#home a { color:#666666; text-decoration:none; font-size:12px; font-style:italic; padding-left:5px; padding-right:5px; }
#resume { position:absolute; left:203px; top:0px; line-height:26px; }
#resume { color:#666666; text-decoration:none; font-size:12px; font-style:italic; padding-left:5px; padding-right:10px; }
#documents { position:absolute; left:288px; top:0px; line-height:26px; }
#documents { color:#666666; text-decoration:none; font-size:12px; font-style:italic; padding-left:5px; padding-right:10px; }
#onglets { position:absolute; left:358px; top:0px; line-height:26px; }
#onglets a { color:#666666; text-decoration:none; font-size:12px; font-style:italic; padding-left:5px; padding-right:5px; }
#projects { position:absolute; left:203px; top:0px; line-height:26px; }
#projects a { color:#666666; text-decoration:none; font-size:12px; font-style:italic; padding-left:5px; padding-right:5px; }
#tracking { position:absolute; left:358px; top:0px; line-height:26px; }
#tracking a { color:#666666; text-decoration:none; font-size:12px; font-style:italic; padding-left:5px; padding-right:5px; }
#departements { position:absolute; left:513px; top:0px; line-height:26px; }
#departements a { color:#666666; text-decoration:none; font-size:12px; font-style:italic; padding-left:5px; padding-right:5px; }
#semainiers { position:absolute; left:910px; top:0px; line-height:26px; }
#semainiers a { color:#666666; text-decoration:none; font-size:12px; font-style:italic; padding-left:5px; padding-right:5px; }
#external { position:absolute; left:704px; top:0px; line-height:26px; }
#external a { color:#666666; text-decoration:none; font-size:12px; font-style:italic; padding-left:5px; padding-right:5px; }
#topbar #dashboard_machines_link { position:absolute; left:1085px; top:0px; line-height:26px; }
#topbar #dashboard_machines_link a { color:#666666; text-decoration:none; font-size:12px; font-style:italic; padding-left:5px; padding-right:5px; }
.icon-off:before { line-height:30px; }
#bottombar { height:30px; width:98%; min-width:800px; max-width:1800px; position:fixed; top:inherit; bottom:0px; background:#FFFFFF; border-top:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4; border-left:1px solid #C4C4C4; z-index:100; }
#page_count { margin-left:20px; margin-top:8px; font-size:12px; font-weight:bold; width:120px; }
#page_count .alerte { background-color:red; cursor:pointer; }
#content { width:100%; height:auto; min-height:500px; margin-bottom:40px; position:relative; display:table; }
#next_step { float:right }
#order_step { float:right }
#create_file { float:right }
#create_lancement_test { float:right }
#create_lancement_test i { line-height:32px; margin:0 5px; }
#estimate_price { float:right }
#estimate_price i { line-height:32px; margin:0 5px; }
#create_lancement { float:right; }
#create_lancement i { line-height:32px; margin:0 5px; }
#alert { position:absolute; top:0px; left:0px; z-index:9999; min-height:100px; width:100%; display:none; text-align:center; }
#alert .content { padding:10px; }
#alert .button { margin:5px; }
#alert #btn_ok { width:150px; float:left }
#alert #btn_cancel { width:150px; float:left }
#alert .actions { width:350px; margin:auto }
#alert .error { background-color:#FF5252; background-image:linear-gradient(to bottom, #ff5252 0px, #ff0000 100%) }
#alert .ok { background-color:#60C352; background-image:linear-gradient(to bottom, #60c352 0px, #19b402 100%) }
#alert label { font-size:12px; color:#FFF }
.pdf_alert { position:absolute; width:30px; height:30px; background:red; color:white; cursor:pointer; background:url('../images/attention.png') no-repeat 0 0 red; top:-17px; right:-30px; }
#message { position:absolute; top:-15px; left:0px; z-index:9999; min-height:30px; width:100%; display:none; text-align:center; }
#message .content { padding:20px; color:#FFFFFF; font-size:14px; }
#message .button { margin:5px; }
#message #btn_close { width:20px; height:20px; position:absolute; bottom:20px; left:10px; background:url('../images/cancel.png') no-repeat left bottom transparent; cursor:pointer; }
#message .error { background-color:#FF5252; background-image:linear-gradient(to bottom, #ff5252 0px, #ff0000 100%); color:#FFFFFF; font-size:14px; }
#message .ok { background-color:#60C352; background-image:linear-gradient(to bottom, #60c352 0px, #19b402 100%); color:#FFFFFF; font-size:14px; }
#message label { font-size:12px; color:#FFF }
.more_msg { margin:20px auto; }
.more_msg label { font-weight:bold; }
.more_msg select { width:200px; text-align:center; }
#steps { height:50px; width:100%; max-width:1800px; list-style:none; margin:auto; padding:0px; background-image:url("../images/breadcrumb_bg.png"); background-position:right center; overflow:hidden; }
#steps li { float:left; width:20%; max-width:300px; height:100%; position:relative; background-image:url("../images/breadcrumb.png"); background-repeat:no-repeat; background-position:right center; cursor:pointer; margin:0px; overflow:hidden; }
#steps li .number { position:absolute; left:5px; top:5px; font-size:30px; font-weight:bold }
#steps li .title { position:absolute; left:25px; top:5px; font-size:18px; font-weight:bold; color:#666; max-width:76%; overflow:hidden; white-space:nowrap; }
#steps li label { position:absolute; left:25px; top:25px; font-size:10px; width:70%; color:#CCC; line-height:100%; }
/* responsive font-size */
@media(max-width: 1200px)
{
#steps li .title { font-size:16px; }
#steps li label { font-size:9px; }
}
@media(max-width: 900px)
{
#steps li .title { font-size:14px; }
#steps li label { font-size:8px; }
}
#steps .done { background-image:url("../images/breadcrumb_done.png") !important; background-repeat:repeat !important; border-right:1px solid #FFFFFF; }
#steps .done div { color:#FFF !important; }
#steps .done label { color:#FFF !important; }
#steps .current { background-image:url("../images/breadcrumb_current.png") !important; background-repeat:repeat !important; }
#steps li.current label { color:#EFEFEF; }
#steps li.vinpourcent { width:20%; }
#steps li.vinpourcent .number { left:10px; }
#steps li.vinpourcent .title { left:35px; }
#steps li.vinpourcent label { left:35px; }
#steps li.no_click { cursor:auto; }
#toolbar { width:100%; height:40px; }
#container { height:100%; width:100% }
#pages_order,
ul.onglets_pages,
#pages { margin:10px; padding:0px; list-style:none; height:97%; overflow-y:scroll; }
ul.onglets_pages { overflow-y:auto; margin:0; }
#pages_order .even,
ul.onglets_pages li.even,
#tabs_container .tab_pages li ul.onglets_pages li.even,
#pages .even { margin-left:25px; }
#tabs_container .tab_pages li ul.onglets_pages li.odd { margin-left:5px; padding-right:5px; }
#tabs_container .tab_pages li ul.onglets_pages li.even { padding-left:5px; }
#tabs_container .tab_pages li ul.onglets_pages li.even .remove { right:inherit; left:-5px; }
#tabs_container .tab_pages li ul.onglets_pages li.even label { float:left; text-align:left; width:auto; margin-top:-18px; min-width:20px; padding:2px 7px; z-index:2; }
#tabs_container .tab_pages li ul.onglets_pages li.odd label { float:right; text-align:right; width:auto; margin-top:-18px; margin-right:0px; min-width:20px; padding:2px 7px; z-index:2; }
#dialog-move #pages .even { margin-left:20px; }
#pages_order li,
ul.onglets_pages li,
#tabs_container .tab_pages li ul.onglets_pages li,
#pages li { border:1px solid #B0B0B0;border-radius:2px 2px 2px 2px; box-shadow:-1px 1px 2px 0 #656565; cursor:pointer; display:inline-block; margin:0; position:relative; height:87px; width:60px; margin-left:1px; margin-bottom:30px; }
#tabs_container .tab_pages li ul.onglets_pages li { margin-bottom:15px; margin-top:-5px; background:#DDDDDD; }
#pages_order li .page_preview,
ul.onglets_pages li .page_preview,
#pages li .page_preview { background-color:#FFFFFF; height:100%; overflow:hidden; padding:0px; width:100%; }
#pages_order li .page_preview img,
ul.onglets_pages li .page_preview img,
#pages li .page_preview img { width:100%; height:100%; }
#pages_order li .page_preview label,
ul.onglets_pages li .page_preview label,
#pages li .page_preview label { display:inline-block; font-size:10px; -webkit-transform: rotate(-58deg); -moz-transform: rotate(-58deg); -o-transform: rotate(-58deg); writing-mode: lr-tb; height:10px; width:85px; position:absolute; left:-15px; bottom:35px; text-align:center; }
#pages_order li .page_num,
ul.onglets_pages li .page_num,
#pages li .page_num { display:inline-block; font-size:10px; font-style:italic; margin-top:1px; text-align:center; width:100%; }
#pages_order li .remove_page,
ul.onglets_pages li .remove_page,
#pages li .remove_page { width:16px; height:16px; position:absolute; right:5px; top:5px; background-image:url("../images/delete.png"); display:none; }
#pages_order li .print_page,
ul.onglets_pages li .print_page,
#pages li .print_page { width:24px; height:24px; position:absolute; left:-10px; top:-10px; background-image:url("../images/print.png"); display:none; z-index:10; }
#pages_order .selected,
ul.onglets_pages .selected,
#pages .selected { border-color:orange; }
#pages_order .selected label,
ul.onglets_pages .selected label,
#pages .selected label { color:orange; z-index:10; }
#pages_order .selected_asso,
ul.onglets_pages .selected_asso,
#pages .selected_asso { border-color:orange; }
#pages_order .selected_asso label,
ul.onglets_pages .selected_asso label,
#pages .selected_asso label { color:orange; font-weight:bold; }
#pages_order .selected_group label,
ul.onglets_pages .selected_group label,
#pages .selected_group label { background-color:#999999; }
#pages_order .fake,
ul.onglets_pages .fake,
#pages .fake { visibility:hidden; margin-left:10px; }
#pages_order li.wrong label ,
ul.onglets_pages li.wrong label ,
#pages li.wrong label { background-color:#ff5252; }
#pages_order li.selected img,
ul.onglets_pages li.selected img,
#pages li.selected img { opacity:0.5; }
#pages_order li.multiselectable-previous img,
ul.onglets_pages li.multiselectable-previous img,
#pages li.multiselectable-previous img { opacity:0.4; }
#pages_order li.selected .page_preview:before,
ul.onglets_pages li.selected .page_preview:before,
#pages li.selected .page_preview:before
{
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(249, 149, 6, 0.7);
-moz-transition: background .3s linear;
-webkit-transition: background .3s linear;
-o-transition: background .3s linear;
transition: background .3s linear;
}
#pages_order li.selected.multiselectable-previous .page_preview:before,
ul.onglets_pages li.selected.multiselectable-previous .page_preview:before,
#pages li.selected.multiselectable-previous .page_preview:before
{
background:orange;
border:4px solid #555555;
}
ul.onglets_pages li.selected.multiselectable-previous .page_preview:before
{
background:#444444;
}
.on_this_tab_before
{
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(249, 149, 6, 0.7);
-moz-transition: background .3s linear;
-webkit-transition: background .3s linear;
-o-transition: background .3s linear;
transition: background .3s linear;
z-index: 1;
background-color:transparent;
opacity: 0.7;
}
#pages li.error
{
background:url("../images/attention.png") no-repeat center center red;
}
#pages li.error .page_preview
{
opacity:0.4;
}
#pages li.error img
{
opacity:0.9;
}
.ui-resizable-se {
bottom: 1px;
cursor: se-resize;
right: 1px;
}
.ui-resizable-e {
cursor: e-resize;
height: 100%;
right: -5px;
top: 0;
width: 7px;
}
.ui-resizable-handle {
display: block;
font-size: 0.1px;
position: absolute;
}
.ui-resizable-s {
bottom: -5px;
cursor: s-resize;
height: 7px;
left: 0;
width: 100%;
}
#file_info a { text-decoration:none; }
.color { text-align:center; }
.color_num { width:100%; height:100%; text-align:center; line-height:30px; color:white; font-weight:bold; font-size:14px; }
.color_num.num_small { line-height:18px; font-size:10px; }
#get_color_version { float:left; width:auto; line-height:30px; height:30px; padding:0 10px; border-left:1px solid #CCCCCC; }
.button.button_go_color { float:right; height:20px; width:20px; padding:2px 5px;line-height:20px; margin:2px 10px; padding:2px 5px; }
#details-zone h3 { margin-top:0; }
#details-zone ul.dialog_ul { margin:0; padding:0; text-align:left; list-style:none; overflow-y:scroll; height:440px; }
#details-zone ul.dialog_ul li { margin:5px auto; width:95%; }
#details-zone ul.dialog_ul li.even { background-color:#CCCCCC; }
#details-zone ul.dialog_ul li.odd { background-color:#FFFFFF; }
#details-zone ul.dialog_ul li span { margin-right:10px; display:inline-block; overflow:hidden; }
#details-zone ul.dialog_ul li span.detail-date { font-weight:bold; width:25%; }
#details-zone ul.dialog_ul li span.detail-etat { width:45%; }
#details-zone ul.dialog_ul li span.detail-user { margin-right:0px; width:25%; }
#details-zone ul.dialog_ul table { width:99%; }
#details-zone ul.dialog_ul table tr { font-size:inherit; height:20px; line-height:20px; }
#details-zone ul.dialog_ul table td.label { width:20%; text-align:center; }
#details-zone ul.dialog_ul table td i { font-size:18px; cursor:pointer; margin-top:-5px; }
#details-zone ul.dialog_ul table td i:hover { color:orange; }
#doc-choices-zone { text-align:left; padding-left:20px; }
/*---------- ADMIN / ONGLETS ----------*/
.zone-onglet { text-align:center; display:block; position:relative; margin-bottom:40px; }
.zone-onglet label { width:100%; font-size:18px; margin:10px auto 5px; display:block; }
#product_selector select { width:300px; text-align:center; font-size:14px; }
#page_selector ul li { display:block; margin:5px auto; padding:2px 5px; }
#page_selector ul li span { display:inline-block; width:100px; padding:2px 5px; }
#page_selector ul li span.selector_order { width:30px; }
#page_selector ul li span.selector_type { width:400px; }
#page_selector ul li span.selector_number { width:120px; text-align:center; }
#page_selector ul li span.selector_number input { width:60px; text-align:right; }
#page_selector ul li span.selector_label { width:400px; }
#page_selector ul li span.selector_label input { width:380px; }
#page_selector ul li span.selector_action { width:30px; }
#page_selector i { cursor:pointer; }
#page_selector i:hover { color:orange; }
#page_selector .button { width:120px; margin:10px auto; }
#go-generate,
#go-generate-insert { width: 95px; height: 95px; position: absolute; right: 10px; bottom:10px; padding: 10px; z-index: 2; background: #ffffff; border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,0.1), 0 3px 2px rgba(0,0,0,0.1), inset 0 -3px 2px rgba(0,0,0,0.2); }
#go-generate-insert { right:120px; }
#go-generate:after,
#go-generate-insert:after { content: ""; width: 0px; height: 0px; position: absolute; top: -2px; left: 30px; background: #ffffff; }
#go-generate button,
#go-generate-insert button { outline:none; width: 100%; height: 100%; margin-top: -1px; font-size: 36px; line-height: 1.75; color: white; border: none; border-radius: inherit; background:orange; background:-moz-linear-gradient(orange, gray); background: -ms-linear-gradient(orange, gray); background: -o-linear-gradient(orange, gray); background: -webkit-gradient(linear, 0 0, 0 100%, from(orange), to(gray)); background: -webkit-linear-gradient(orange, gray); background: linear-gradient(orange, gray); box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1); cursor: pointer; }
#go-generate button:hover,
#go-generate button[type=submit]:focus,
#go-generate-insert button:hover,
#go-generate-insert button[type=submit]:focus { background: orange; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#go-generate button:active,
#go-generate-insert button:active { background: gray; box-shadow: inset 0 0 5px rgba(0,0,0,0.3), inset 0 3px 4px rgba(0,0,0,0.3); }
#pages_types li.has_shortcut { display: none; }
#book_info { display:inline-block; vertical-align:top; width:45%; height:420px; min-width:200px; background-color:#FFF; position:relative; margin:2% 1% 0% 1%; padding:2%; text-align:center; }
#book_info > div { margin-bottom: 8%; }
#book_info .title { font-size:14px; font-weight:bold; color:#666; margin-top:0px; display:inline-block; margin-bottom:3%; width:100%; text-align:left; }
/* responsive font-size */
@media(max-width: 1200px)
{
#book_info .title { font-size:13px; }
}
@media(max-width: 900px)
{
#book_info .title { font-size:12px; }
}
#book_info .title_option { font-size:12px; width:100%; font-weight:bold; color:#666; margin-top:0px; display:inline-block; margin-bottom:0px; padding-left:35px; }
#book_info ul { list-style:none; padding:0px; width:85%; margin:auto; text-align: left; }
#book_info ul.ul_option { width:70%; margin-left:20%; border-bottom:1px dotted gray; padding-bottom:3px; }
#book_info ul.ul_option li { font-style:italic; }
#book_info input { margin-right:10px; }
#bottombar input[name="book_link"] { background: white none repeat scroll 0 0; border: 0; color: #333333; width: 450px; font-size: 11px; }
/*------- les onglets -----*/
#book_tabs { width:98%; height:auto; background-color:#FFF; position:relative; padding:1%; margin:2% auto; }
#tabs_container { width:100%; height:700px; }
#pages_container { width:100%; height:600px; }
.group label,
#tabs_container .group label { display:inline-block; width:97%; background-color:#CCC; padding:2px; font-size:12px; line-height:20px; vertical-align:middle; text-align:left; }
/*.group label { cursor:move; }*/
.single#add_tab { float:left; width:150px !important; text-align:center; cursor:pointer; }
.single#add_automatic_tab { float:right; width:180px !important; text-align:center; cursor:pointer; }
#tabs { height:100%; overflow:hidden; overflow-y: scroll; position:relative; }
#tabs li a { font-size:11px; display:inline-block; height:94%; line-height:100%; padding-top:10px; padding-left:23px; text-align:left; overflow:hidden; }
#tabs .remove { width:9px; height:9px; display:inline-block; position:absolute; right:2px; top:2px; background:url("../images/delete-min.png") no-repeat center center #FFFFFF; cursor:pointer; padding:1px; }
#tabs .flag_actif { width:20px; height:20px; display:inline-block; position:absolute; left:-1px; top:0px; text-align:center; line-height:20px; font-size:12px; color:white; cursor:pointer; }
#tabs .tab_move { width:20px; height:20px; display:inline-block; position:absolute; left:-1px; top:17px; text-align:center; line-height:20px; font-size:12px; color:white; cursor:pointer; }
#tabs #color_selector { margin-top:0px!important; border-bottom:1px solid #CCC; }
#tabs #color_selector ul { list-style:none; }
#tabs #color_selector li { margin:0px!important; display:inline-block; }
#tabs #color_selector li .color { width:25px; height:25px; }
#tabs .tab_label { font-size:10px; }
#tabs .tab_pages { background-color:#F7F7F7; height:95%; text-align:left; max-height:100%; width:98%; margin:2% 0px; padding:0px; /*overflow-y:scroll;*/ overflow-x:visible; }
#tabs .tab_pages li { width:100%; height:20px; border-bottom:1px solid #CCC; margin-top:5px; cursor:pointer; list-style:none; font-size:13px; position:relative; }
#tabs .tab_pages li span { display:inline-block; margin-left:20px; }
#tabs .tab_pages li.selected { background-color:#000; color:#FFFFFF; }
#tabs > ul li.selected { background-color:#000 !important; color:#FFFFFF; border:2px dotted #55FF19; width:97%; }
#tabs .tab_pages li.selected label { background-color:#000; color:#FFFFFF; }
#tabs .tab_pages li.selected span { background-color:#000; color:#FFFFFF; }
#tabs .tab_pages li.selected .grouped_pages { background-color:#000; }
#tabs .tab_pages li.selected .grouped_pages .solo { background-color:#000; }
#tabs .tab_pages .table-cell { display:table-cell; font-family:Arial, Helvetica !important }
#tabs .tab_pages .num { width:50px; padding-left:5px; }
#tabs .tab_pages .key { width:200px; font-style:italic; }
.connectedsortable { margin:0px; padding:0px; list-style:none; height:270px; overflow-x:hidden; overflow-y:scroll; margin-top:10px; border:solid 1px #CCC; }
.connectedsortable li,
#tabs_container .tab_pages li { width:98%; height:auto; border-bottom:0px solid #CCC; margin-top:5px; cursor:pointer; background-color:#F7F7F7; /*padding-left:5px;*/ }
#tabs_container .tab_pages li { display:inline-block; width:auto; }
#tabs_container .tab_pages li.allready_tab { font-style:italic; opacity:0.7; }
#tabs_container .tab_pages li.allready_tab.on_this_tab { font-style:normal; opacity:0.90; height:87px; }
.connectedsortable li span ,
#tabs_container .tab_pages li span { display:inline-block; margin-right:30px; font-size:10px; float:right; text-align:center; color:#000000; }
.connectedsortable .grouped_pages,
.tab_pages .grouped_pages { margin:0px; padding:0px; list-style:none; }
.connectedsortable .grouped_pages li,
.tab_pages .grouped_pages li { border:none !important; }
#pages_container .table-cell,
#tabs_container .table-cell { display:table-cell }
#pages_container .handle,
#tabs_container .handle { width:20px; background-image:url("../images/handle.png"); background-position:left center; background-repeat:no-repeat; }
#tabs .tab_pages .remove { width:20px; height:20px; display:inline-block; position:absolute; right:-5px; top:-2px; background:url("../images/delete-min.png") no-repeat center center white; cursor:pointer; border:1px solid #000000; z-index:2; }
#tabs .tab_pages .move { width:20px; height:20px; display:inline-block; position:absolute; right:20px; top:30px; background:#FFFFFF; cursor:pointer; z-index:3; }
#tabs .tab_pages .choose { position:absolute; left:0px; top:1%; width:100%; text-align:center; }
#tabs .tab_pages .choose select { width:95%; text-align:center; font-size:10px; }
#tabs .tab_pages .move i { line-height:16px; padding-top:4px; padding-right:4px; }
#tabs .tab_pages li.selected .move i { color:#000000; }
#pages_container .page,
#tabs_container .page { width:60px; }
#pages_container .key,
#tabs_container .key { font-style:italic; }
#tabs .tab_pages .show_pages { width:auto; height:20px; display:inline-block; position:absolute; right:100px; top:2px; padding-top:2px; background:#FFFFFF; }
#tabs .tab_pages li.separated { border-left:2px dotted #333333; border-right:2px dotted #333333; width:98%; padding:0; }
#tabs .tab_pages li.separated.first { border-top:2px dotted #333333; }
#tabs .tab_pages li.separated.last { border-bottom:2px dotted #333333; }
.boopagtab_label input { font-size:12px; border:solid 1px #CCC; width:97%; }
.ui-tabs-vertical { width:100%; border:none; }
.ui-tabs-vertical .ui-tabs-nav { padding:0; position:fixed; right:3%; width:14%; margin-right:4%; /*height:100%;*/ background:white; border:none; background:none; }
.ui-tabs-vertical .ui-tabs-nav li { clear: right; width: 98%; border-bottom-width: 1px !important; border-left-width: 0 !important; margin:1px 0px; position:relative; text-align:center; height:36px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; ms-border-radius:0px; border-color:white; background:none; }
.ui-tabs-vertical .ui-tabs-nav li.add_tab { background:white; border:1px solid gray; cursor:pointer; }
.ui-tabs-vertical .ui-tabs-nav li.remove_tab { background:#F45A5A; border:1px solid gray; cursor:pointer; }
.ui-tabs-vertical .ui-tabs-nav li.remove_tab i { font-size:12px; line-height:5px; padding-top:5px; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width:100%; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom:0; padding-left:0px; border-left-width:2px; width:110%; }
.ui-tabs-vertical .ui-tabs-panel { float:left; width:70%; padding:1%; height:100%; border-color:white; }
#dialog-onglets .ui-state-default,
#dialog-onglets .ui-widget-content .ui-state-default,
#dialog-onglets .ui-widget-header .ui-state-default { display:block; }
#dialog-onglets .ui-tabs-vertical .ui-tabs-nav { /*position:absolute;*/ width:24%; }
#dialog-onglets .ui-tabs-vertical .ui-tabs-panel { width:74%; }
#dialog-onglets #tabs_container { height:640px; }
#dialog-onglets #book_tabs { margin:1% auto; }
.editable-buttons .ui-state-default,
.editable-buttons .ui-widget-content .ui-state-default,
.editable-buttons .ui-widget-header .ui-state-default { display:inline-block!important; }
.not_ok { background: repeating-linear-gradient(-45deg, #f45a5a, #f45a5a 10px, #dddddd 10px, #dddddd 20px)!important; }
.go-check { width: 50px; height: 50px; position: absolute; right: 12px; top:-5px; padding: 5px; z-index: 2; background: #ffffff; border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,0.1), 0 3px 2px rgba(0,0,0,0.1), inset 0 -3px 2px rgba(0,0,0,0.2); }
.go-check:after { content: ""; width: 0px; height: 0px; position: absolute; top: -2px; left: 5px; background: #ffffff; }
.go-check button { outline:none; width: 100%; height: 100%; margin-top: -1px; font-size: 20px; line-height: 1.75; color: white; border: none; border-radius: inherit; background:orange; background:-moz-linear-gradient(orange, gray); background: -ms-linear-gradient(orange, gray); background: -o-linear-gradient(orange, gray); background: -webkit-gradient(linear, 0 0, 0 100%, from(orange), to(gray)); background: -webkit-linear-gradient(orange, gray); background: linear-gradient(orange, gray); box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.35), inset 0 3px 2px rgba(255,255,255,0.2), inset 0 -3px 2px rgba(0,0,0,0.1); cursor: pointer; }
.go-check button:hover,
.go-check button[type=submit]:focus { background: orange; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.go-check button:active { background: gray; box-shadow: inset 0 0 5px rgba(0,0,0,0.3), inset 0 3px 4px rgba(0,0,0,0.3); }
/* responsive font-size */
@media(max-width: 1200px)
{
.group label,
#tabs_container .group label { font-size:11px; }
}
@media(max-width: 900px)
{
.group label,
#tabs_container .group label { font-size:10px; }
}
/* responsive */
@media(max-width: 1200px)
{
.ui-tabs-vertical .ui-tabs-panel { width:65%; }
.go-check { right:-20px; top:-10px; }
}
@media(max-width: 1023px)
{
.ui-tabs-vertical .ui-tabs-panel { width:60%; }
.go-check { right:-40px; top:-10px; }
.ui-tabs-vertical .ui-tabs-nav li { height:26px; margin:0; }
#tabs li a { padding-top:5px; }
}
#docs_list_popup { margin-top:20px; }
#files_list label,
#docs_list_popup label,
#files_list_popup label { display:inline-block; width:100%; text-align:left; font-weight:bold; }
#files_list ul,
#docs_list_popup ul,
#files_list_popup ul { margin:0px; padding:0px; list-style:none; margin-top:10px; }
#files_list ul li,
#docs_list_popup ul li,
#files_list_popup ul li { text-align:left; font-size:12px; padding-left:25px; background-repeat:no-repeat; background-position: left center; overflow:hidden; /*height:12px;*/ height:auto; padding-top:4px; margin-top:5px; position:relative; padding-bottom:4px; border-bottom:1px solid #CCCCCC; }
#docs_list_popup ul li.commande { overflow:inherit; border-bottom:none; }
#files_list ul:first-child,
#docs_list_popup ul:first-child,
#files_list_popup ul:first-child { border-top:1px solid #CCCCCC; }
#files_list ul li a,
#docs_list_popup ul li a,
#files_list_popup ul li a { text-decoration:none; color:#000 }
#files_list .pdf,
#docs_list_popup .pdf,
#files_list_popup .pdf { background-image:url("../images/pdf.png"); }
#files_list .xls,
#files_list_popup .xls { background-image:url("../images/xls.png"); }
#files_list .doc,
#files_list_popup .doc { background-image:url("../images/doc.png"); }
#files_list .ppt,
#files_list_popup .ppt { background-image:url("../images/ppt.png"); }
#files_list .odt,
#files_list_popup .odt { background-image:url("../images/odt.png"); }
#files_list .pub,
#files_list_popup .pub { background-image:url("../images/pub.png"); }
#files_list .jpg,
#files_list_popup .jpg { background-image:url("../images/jpg.png"); }
#files_list .png,
#files_list_popup .png { background-image:url("../images/jpg.png"); }
#files_list .other,
#files_list_popup .other { background-image:url("../images/other.png"); }
#files_list .remove { width:16px; height:16px; background-image:url("../images/delete.png"); position:absolute; right:5px; top:0px; cursor:pointer }
#files_list .do_vignette { width:16px; height:16px; line-height:20px; position:absolute; right:25px; top:0px; cursor:pointer; font-size:100%; }
#files_list .do_vignette_bibli { width:16px; height:16px; line-height:20px; position:absolute; right:25px; top:0px; cursor:pointer; font-size:100%; }
#send_file_popup { width:150px; cursor:pointer; position:absolute !important; top:0; right:0; line-height:20px; }
#send_file_popup input { width:100%; height:100%; position:absolute !important; line-height:20px; }