/** * @file global.css * * @version 1.0 * @date 03-09-2013 * * @brief Default CSS style of website. * @details Default CSS style of website. * * @authors Erwan LE LOSTEC * * @copyright ©2009-2013 Maqprint * Licensed under the GPL version 2.0 license. * See LICENSE file or http://www.gnu.org/licenses/old-licenses/gpl-2.0.html * This file is part of puppets library. **/ html, body { font-family:sans-serif; font-size:12px; height:100%; width:100%; padding:0px; margin:0px; } body { font-family:'Open Sans'; padding:0px; margin:0px; } a { text-decoration:none; cursor:pointer; } img { border:none; } .spacer { border:medium none !important; clear:both !important; float:none !important; font-size:1px !important; height:1px !important; line-height:1px !important; margin:0 0 -1px !important; padding:0 !important; visibility:hidden !important; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } ul { margin:0px; padding:0px; list-style:none; } textarea , select , input[type='text'] { color:#000000; } input[disabled] { background-color:#CCC; } h3.title-zone { font-size:1.3em; font-weight:bold; margin:05px auto; } h3 .button { font-size:12px; } label { margin-top:5px; } /*-- shadows & radius ----------------------------------------------------------*/ .radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; ms-border-radius:3px; behavior:url(PIE.htc); } .shadows { -moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.75); -webkit-box-shadow:1px 0px 5px 0px rgba(0,0,0,.75); -o-box-shadow:0px 1px 5px 0px rgba(0,0,0,.75); box-shadow:0px 1px 5px 0px rgba(0,0,0,.75); behavior:url(PIE.htc); } .loader65 { background-image:url("./images/preloader65.gif"); background-repeat:no-repeat; background-position:center center; } .loader65-white { background-image:url("./images/preloader65-white.gif"); background-repeat:no-repeat; background-position:center center; } .red { color:red; } .green { color:green; } .loading-big { background-image:url("./images/loader-big.gif"); background-repeat:no-repeat; background-position:top center; min-height:180px; position:relative; } .loading-big p { position:absolute; display:inline-block; width:100%; bottom:0px; left:0px; font-style:italic; } /*-- progress -------------------------------------------------------*/ .progress { height:30px!important; overflow:hidden; display:none; } .progress-bar { /*position:absolute; left:0px; width:0%; height:100%;*/ } .progress-cancel { cursor:pointer; z-index:99; position:absolute; right:1px; bottom:8px; width:12px; height:12px; border:1px solid gray; background:rgba(0,0,0,.5); color:white; font-weight:bold; font-size:11px; text-align:center; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.05); border-radius:6px; } .progress-text { color:white; font-weight:bold; height:100%; left:0; line-height:115%; position:absolute; text-align:center; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.05); top:0; width:100%; z-index:20; margin-top:8px; } .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 */ } #dropdown_user { float:right; height:100%; min-width:150px; margin-right:20px; position:relative; } #dropdown_user a { display:block; line-height:30px; padding-top:10px } #dropdown_user a img { float:left; border-radius:50% } #dropdown_user a span { display:inline-block; line-height:30px; margin-left:10px; color:#cecfd3; font-size:13px } #dropdown_user a i { color:#cecfd3; } #dropdown_user:hover #dropdow_menu { display:block } #dropdow_menu { background-color:#FFF; position:absolute; bottom:-30px; right:0px; z-index:999; width:150px; border-radius:5px; display:none } #dropdow_menu li { line-height:30px; padding-left:10px } #dropdow_menu li:hover { background-color:#CCC } #dropdow_menu li a { line-height:30px!important; padding-top:0px!important; color:#333; font-weight:14px } #dropdow_menu li a i { margin-right:10px; color:#333 } /*-- layout ----------------------------------------------------------*/ .row { margin-left:0px!important; margin-right:0px!important; } .center { text-align:center; } .no-margin { margin:0px; } .mt-5 { margin-top:5px; } .mt-10 { margin-top:10px; } .mb-10 { margin-bottom:10px; } .mt-20 { margin-top:20px; } .wrapper { height:100%; width:100%; margin:0 auto; } header.header { height:55px; background:#222222; position:relative; } header.header h1 { display:inline-block; width:500px; margin:0px; padding:0px; line-height:50px; position:absolute; left:300px; top:0px; color:#eee; font-size:18px; } /*.middle { overflow-y: auto; display:flex ; border-left:250px solid #282828; position:relative; height:calc(100% - 105px) }*/ .middle { overflow-y: auto; display:flex; height:calc(100% - 105px) } .middle:after { display:table; clear:both; content:''; } /*.container { width:100%; float:left; overflow:hidden; margin-right:-100%; padding-left:0px!important; padding-right:0px!important; }*/ .container { width:100%; float:left; overflow-y:auto; padding-left:0px!important; padding-right:0px!important; } .content { padding:0px; min-height:500px; background-color:#fafafa; padding:5px; font-size:12px; } main {height: 100%; padding-left:1rem; } @media (max-width:749px) {/* Extra small devices (phones, less than 768px) col-xs-* class */ .content { font-size:12px; } } @media (min-width:750px) and (max-width:969px) {/* Small devices (tablets, 768px and up) col-sm-* class */ .content { font-size:12px; } } @media (min-width:970px) and (max-width:1379px) {/* Medium devices (desktops, 992px and up) col-md-* class */ .content { font-size:10px; } } @media (min-width:1380px) {/* Large devices (large desktops, 1200px and up) col-lg-* class */ .content { font-size:12px; } } .content header { color:#666; font-size:26px; padding-top:10px; padding-left:20px } .content .breadcrumb { background-color:#eee; line-height:40px; width:100%; margin-top:20px; padding-left:20px; position:relative; } .content .breadcrumb a { color:#666; font-size:14px; cursor:pointer; display:inline-block; } .content .breadcrumb a label { display:inline-block; margin-left:10px; cursor:pointer } .content .breadcrumb .current-date { position:absolute; height:100%; right:0px; top:0px; color:#428bca;width:200px; padding-left:10px } .content .breadcrumb .current-date label { display:inline-block; margin-left:10px; cursor:pointer } .content .breadcrumb .current-fab { position:absolute; height:100%; right:210px; top:0px; color:#FFF; background-color:#1fa67a; width:200px; cursor:pointer; z-index:999; } .content .breadcrumb .current-fab i { margin-left:10px;} .content .breadcrumb .current-fab label { display:inline-block; margin-left:10px; cursor:pointer } .content .breadcrumb .current-fab .right { float:right; line-height:40px; margin-right:5px; } .fab-selector { width:100%; background-color:#FFF; border-left:solid 1px #1fa67a; border-bottom:solid 1px #1fa67a; ; border-right:solid 1px #1fa67a; z-index:9999; box-sizing:border-box; display:none } .fab-selector li { margin-left:5px; margin-right:5px; line-height:30px; border-bottom:solid 1px #CCC; } .fab-selector li:hover { color:#1fa67a!important; } /*.left-sidebar { float:left; width:250px; position:relative; background:#282828; left:-250px; }*/ /*.left-sidebar ul { width:100% }*/ /*.left-sidebar ul li { line-height:50px; padding-left:20px; border-bottom:1px solid #414247; border-right:solid 5px transparent; }*/ /*.left-sidebar ul li:hover { border-right-color:#f44a56 }*/ /*.left-sidebar ul li a { color:#eee; font-size:14px; cursor:pointer; display:inline-block; width:100% }*/ /*.left-sidebar ul li a label { display:inline-block; margin-left:10px; cursor:pointer; position:relative; }*/ /*.left-sidebar ul li.disable { background-color:#a6a6a6 }*/ /*.left-sidebar ul li.disable:hover { border-right-color:transparent!important }*/ .sidebar { width:250px; background:#282828; height: 100% } .sidebar ul { width:250px } .sidebar ul li { line-height:50px; padding-left:20px; border-bottom:1px solid #414247; border-right:solid 5px transparent; } .sidebar ul li:hover { border-right-color:#f44a56 } .sidebar ul li a { display: flex; justify-content: center; color:#eee; font-size:14px; cursor:pointer; display:inline-block; width:100% } .sidebar ul li a label { display:inline-block; margin-left:10px; cursor:pointer; position:relative; } .sidebar ul li.disable { background-color:#a6a6a6 } .sidebar ul li.disable:hover { border-right-color:transparent!important } .footer { line-height:50px; height:50px; background:#282828; color:#999ba2; padding-left:30px } #add-request-modal { min-height:500px; } #add-pfa-modal { min-height:500px; } .slogan { background:#222222; color:yellow; height:55px; left:45%; line-height:50px; position:absolute; text-align:center; top:0; vertical-align:middle; width:auto; font-weight:bold; font-size:16px; } /*-- autocomplete ----------------------*/ .autocomplete { position:absolute; right:22px; top:22px; width:150px; background-color:#FFF; border:solid 1px #ccc; z-index:99; display:none; max-height:200px; overflow-x:hidden; overflow-y:auto; } .autocomplete ul li { color:#000; font-size:11px!important; margin-top:2px; margin-bottom:2px!important; padding-left:5px; position:relative; } .autocomplete ul li label { color:#000; font-size:11px!important; cursor:pointer; } .autocomplete ul li:not(.no-result):hover { background-color:#CCC; cursor:pointer; } .autocomplete ul li i { position:absolute; right:5px; font-size:14px; top:2px; } .autocomplete ul li i.fa-exclamation-circle { color:#f44a56; } .autocomplete ul li i.fa-check-circle { color:#1fa67a; } .title { margin:0px; padding:0px; border-bottom:solid 1px #999ba2; margin-bottom:5px; font-size:14px; } .content label { font-size:12px; } .content label.detail { font-style:italic; text-decoration:underline; margin-bottom:5px; display:inline-block; } #revue_info { margin-top:10px; } .period { border-collapse:collapse; } .period th, .period td { width:80px; text-align:center; border-left:solid 1px #CCC; border-right:solid 1px #CCC; border-bottom:solid 1px #CCC; } .period td { border-bottom:none; font-family:FontAwesome; } .emplacements { width:400px; border-collapse:collapse; } .emplacements th { text-align:left; } .emplacements tr:nth-child(even) { background-color:#CCC; } .add-request-form { margin-top:20px; } .add-request-form li { margin-bottom:10px; position:relative; } .add-request-form span:not(.period-details) { display:inline-block; width:150px; font-size:12px; } .add-request-form input[type='text'] { width:150px; } .add-request-form select { width:150px; color:#000; } .add-request-form label { font-size:12px; } .add-request-form #req_emp { display:inline-block; width:150px; } .add-request-form #req_met { display:inline-block; width:150px; } .add-request-form li textarea { width:100%; resize:none; font-family:Arial, Helvetica; height:200px; font-size:13px; } .period-details { width:100%!important; } .period-details table { border-collapse:collapse; width:100%} .period-details table td { width:16.6%; font-size:9px; height:30px; border:solid 1px #FFF; text-align:center; cursor:pointer; padding:1px; } .period-details table td.current { background-color:#ffb74f; } .period-details table td.disable { background-color:#CCC; cursor:none; } .period-details table td.selected { background-color:#1fa67a; } #emp_detail .period-details table td { font-size:8px; } #emp_info { margin-left:-13px; margin-right:-13px; padding-left:2px; padding-right:2px; } #requests_table { border-collapse:collapse; margin-top:20px!important; } #requests_table td { border-right:solid 1px #ddd; border-left:solid 1px #ddd; font-size:10px; } #requests_table th { padding-top:5px; padding-bottom:5px; background-color:#ddd; font-size:10px; border-right:solid 1px #ccc; border-left:solid 1px #ccc; font-weight:normal; } /* #requests_table .row-action { width:50px; padding-left:2px; padding-right:2px; text-align:center; } #requests_table .row-action i { font-size:14px; cursor:pointer; } #requests_table .row-action i.fa-minus-square { color:#f44a56; } #requests_table .row-action i.fa-pencil-square-o { color:#f4a24a; } */ #requests_table .row-action a { display:inline-block; width:70px; line-height:20px; text-align:center; margin-bottom:3px; color:#FFF; } #requests_table .row-action.display a { background-color:#63ba23; } #requests_table .row-action.edit2 a { background-color:#f7b12b; } #requests_table .row-action.remove a { background-color:#ef122c; } .dataTables_length label { font-size:10px; } .dataTables_filter { margin-bottom:10px; } .dataTables_filter label { font-size:10px; } .dataTables_info { font-size:10px; margin-top:10px; } .dataTables_paginate a { font-size:10px; } .dataTables_paginate { margin-top:10px; } .pao_select { text-align:center; } .pao_select select { width:140px;} .table_result .statut { font-weight:bold; } #filtre_pao { left:22%; text-align:center; z-index:1; } #filtre_pao label { font-size:10px; } .fake_table { display:none; } .per_info { font-size:10px; color:yellow; } /*-- pop-up des parametres personnalisables ------------------*/ #params-request-modal { min-height:695px; } #params_list { margin:0; padding:0; margin-top:10px; margin-bottom:10px; border-top:1px dashed gray; } #params_list li { line-height:18px; padding:1px 0px; border-bottom:1px dashed gray; } #params_list li div { display:inline-block; vertical-align:middle; } .table_label { width:30%; } .param_width { width:50%; text-align:center;} .param_visible { font-size:24px; cursor:pointer; width:15%; text-align:center; } .param_visible_1 { opacity:1.0; color:#1fa67a; } .param_visible_0 { color:#f44a56; opacity:1.0; } .table_param_values { width:auto; display:inline-block; } /*-- revue edit -----------------------*/ #reval-file { text-align:left; padding:0px!important; min-width:180px!important; } #reval-file a i { margin-right:10px; } #reval-file input { font-size:12px!important; left:10px!important; top:10px!important; height:30px!important; width:140px!important; } #rev_selector { vertical-align:top; z-index:10; margin-top:1em; } #rev_selector li { display:inline-block; width:auto; padding:0 5px; line-height:30px; text-align:center; border:solid 1px #8a8a8a; cursor:pointer; background-color:#CCC; } #rev_selector li a { display:inline-block; width:100%; color:#FFF; font-weight:bold;} #rev_selector li:first-child { border-left:solid 1px #8a8a8a; } #rev_selector li.selected { border-bottom:solid 1px #fafafa; background-color:#fafafa; color:#CCC; } #rev_selector li.selected a { color:#8a8a8a; } #info_line { width:100%; border:solid 1px #8a8a8a; vertical-align:top; margin-top:-1px; background:#dddddd; padding-left:0; /*height:42px;*/ } #info_line .modal-toolbar a { width:auto; min-width:inherit; margin:5px 1px; /*font-size:0.75em;*/ } #info_line_infos { text-align:left; padding-left:0; height:40px; position:relative; overflow:hidden; } #info_line_infos_wheel { text-align:left; padding-left:0; height:40px; width:3000px; position:absolute; top:0; left:0; } #info_line_buttons { text-align:right; background:#dddddd; /*min-width:415px;*/ } #info_line_buttons .modal-toolbar a { margin:5px 2px; } .infos_0 , .infos_1 { display:inline-block; width:auto; height:40px; line-height:20px; padding:10px; margin:0px; background:transparent; overflow:hidden; max-width:40%; } .infos_0 { background:#FFFFFF; } .infos_results { font-weight:bold; } .highlight { border:1px solid #000000; padding:2px; } #other-customers { padding-left:10px!important; margin-top:10px; color:red; font-size:12px; font-style:italic} #other-customers i { font-size:14px; margin-right:20px; } #zone-revue-thumb-pager { padding-left:0; margin-top:1em; } #zone-revue-thumb { padding-left:0; padding-right:0; } #rev_thumbs { padding-left:0; padding-right:0; } #zone-revue-pager { padding-left:0; padding-right:0; margin-top:1em;} #zone-revue-charge-emplacement { padding-left:0; margin-top:1em; } #zone-revue-charge-emplacement label { display:inline-block; width:33%; padding-left:2%; } #zone-revue-charge-emplacement #texte_value label { display:inline-block; width:98%; padding-left:0; } #zone-revue-charge-emplacement select { display:inline-block; width:60%; } #zone-revue-charge { padding-left:0; padding-right:0; } #zone-revue-action { padding-left:0; padding-right:0; } #zone-revue-commentaire-fil { padding-right:0; margin-top:1em; border:1px solid #8a8a8a; background:#DDDDDD; } #zone-revue-emplacement { padding:0 1em; margin-top:1em; border:1px solid #8a8a8a; } #zone-revue-commentaire { padding-left:0; } #rev_commentaire textarea { width:100%; height:120px; } .zone-commentaire-infos { background:#FFFFFF; padding:0.5em; } .zone-commentaire-buttons { background:#FFFFFF; display:inline-block; padding:0px!important; line-height:40px; min-width:200px!important;} .zone-commentaire-buttons select { max-width:150px; } #rev_commentaire { background:#FFFFFF; padding:0.5em; padding-bottom:0; margin-bottom:1em; } #zone-revue-commentaire-action { padding-left:0; text-align:center; } #zone-revue-commentaire-action .modal-toolbar a { padding-left:50px; padding-right:50px; } #zone-revue-fil { padding-left:0; } .fil_bloc { background:#FFFFFF; margin-bottom:0.5em; padding:0.5em; position:relative; } .fil_bloc.yellow { background:#ffc96d; } .fil_bloc.rollback { background:#f44a56; color:#FFF } .fil_bloc.automatique { background:transparent; text-align:center; } .fil_bloc.green { text-align:center; } .fil_bloc.disable { } .fil_bloc.disable span:first-child:before { content:"\f062"; font-family:fontawesome; margin-right:5px; font-size:16px; color:green} .fil_bloc.accepted span:first-child:before { content:"\f05d"; font-family:fontawesome; margin-right:5px; font-size:16px; color:green} .fil_title { margin-bottom:0.2em; width:100%; display:block; } .fil_comment { margin-bottom:0.2em; width:100%; display:block; line-height:1em; } .fil_file { position:absolute; right:5px; top:0px; font-size:18px; } .fil_valid { position:absolute; right:20px; top:5px; } .fil_valid a { margin-right:10px; } .fil_valid a i { margin-right:5px; } .fil_valid .ok { color:green; } .fil_valid .nok { color:red; } #rev_detail { width:100%; border:solid 0px #8a8a8a; vertical-align:top; margin-top:-1px; } #rev_detail #per_selector { width:200px; margin:auto; } #rev_detail #per_selector .active { background-color:green; color:#FFF; } #rev_detail #per_selector .valid { background-color:#d2f7a6; } #rev_detail #per_selector .not-valid { background-color:#feaa66; } #rev_pages { text-align:center; } #rev_pages li { display:inline-block; margin-left:10px; text-align:left; cursor:pointer} #rev_pages li:first-child { margin-left:0px; } #rev_pages li span { display:inline-block; width:25px; line-height:25px; border:solid 1px #000; text-align:center; float:left;} #rev_pages li span:first-child { border-right:0px!important; } #rev_pages li.selected { background-color:#1fa67a; } #rev_pages li.selected span { font-weight:bold; color:#FFF; } #rev_thumbs { min-height:100px; box-sizing:border-box; border:1px solid #8a8a8a; text-align:center; } #rev_thumbs .page { display:inline-block; position:relative; overflow:hidden; width:49.5%; height:auto; } #rev_thumbs .hdr { width:auto!important; } #rev_thumbs .page img { width:100%; height:auto; } #rev_thumbs .page .specimen { width:100%; height:auto; position:absolute; left:0px; top:0px; } #rev_thumbs .page .emplacement { position:absolute; box-sizing:border-box; cursor:pointer; border:1px dashed #8a8a8a; } #rev_thumbs .page .emplacement:hover { background-color:rgba(31, 166, 122, 0.3); } #rev_thumbs .page .emplacement.hover { background-color:rgba(31, 166, 122, 0.3); } #zone-revue-emplacement h3 { } #zone-revue-emplacement .page_header { margin-top:1.5em; display:inline-block; width:100%; border-bottom:1px solid gray; } #zone-revue-emplacement .info { font-size:10px; font-style:italic; width:auto!important;} #zone-revue-emplacement .helper { font-size:12px; font-weight:bold; width:120px; display:inline-block; } #zone-revue-emplacement .emp_list { border-collapse:collapse; width:100%; } #zone-revue-emplacement .emp_list tr { border-bottom:solid 1px #CCC; } #zone-revue-emplacement .emp_list tr.metier { background-color:#795aac; } #zone-revue-emplacement .emp_list tr.metier label { color:#FFF; } #zone-revue-emplacement .emp_list tr.metier i { color:#FFF; } #zone-revue-emplacement .emp_list .red { color : red !important; } #zone-revue-emplacement .emp_list td { font-size:11px; } #zone-revue-emplacement .emp_list label { font-size:11px; } #zone-revue-emplacement .emp_list .emp_check { width:45%;} #zone-revue-emplacement .emp_list .emp_check label { cursor:pointer; } #zone-revue-emplacement .emp_list .emp_check input { cursor:pointer; } #zone-revue-emplacement .emp_list .emp_image { width:35%;} #zone-revue-emplacement .emp_list .emp_detail { width:15%;} #zone-revue-emplacement .emp_list .emp_help { width:5%;} #zone-revue-emplacement .emp_list .emp_help i { color:#8a8a8a; cursor:default; font-size:12px;} #zone-revue-emplacement .emp_list a { text-decoration:underline; color:#3b99fc; } #rev_thumbs .warning { position:relative; border:solid 3px orange; padding:5px; box-sizing:border-box; } #rev_thumbs .warning i { font-size:20px; color:orange; position:absolute; left:5px; } #rev_thumbs .warning div { text-align:left; margin-left:40px;font-style:italic; color:orange} #rev_thumbs .download { padding:5px; box-sizing:border-box; border:solid 3px #1fa67a; } #rev_thumbs .download a { color:#1fa67a; } #rev_thumbs .download i { display:inline-block; margin-right:10px; } .add-request-form #emp_detail { max-height:95px; overflow-y:scroll; } #emp_detail .modal-toolbar { text-align:left; } #emp_detail .modal-toolbar a { margin-left:0px; } #emp_detail #texte_value li { margin-bottom:2px } #emp_detail #texte_value li input[type='text'] { width:100%; } #emp_detail label { display:inline-block; width:100%; font-size:10px; } #emp_detail label.radio { width:auto!important; font-size:10px; } #emp_detail .perso_fab { width:100%;} #emp_detail .img_libelle { width:100%;} #emp_detail .img_value { font-size:10px; text-decoration:underline; color:#3b99fc; } #emp_detail .save { text-align:center; } #emp_detail label { width:auto!important;} #emp_detail div { height:auto!important; } #emp_detail .emp_name { display:none; } .add-request-form .emp_name { display:inline!important; width:100px; } #rev_detail #requests { padding:5px; box-sizing:border-box; padding-bottom:0px; } #rev_detail #requests h3 { margin-top:0px; margin-bottom:5px; font-size:12px; } #rev_detail #requests table { border-collapse:collapse; width:100%; } #rev_detail #requests table th { border:solid 1px #CCC; padding:2px; font-size:10px; } #rev_detail #requests table td { border:solid 1px #CCC; padding:2px; font-size:10px; text-align:center;} #rev_detail #requests table th.button { border:0px; width:150px; } #rev_detail #requests table .modal-toolbar a { margin:2px; } #rev_detail #requests table tr:nth-child(even) { background-color:#f9f9f9; } #send-image { padding:0px!important; margin:0px!important; margin-top:0px!important; margin-bottom:10px!important; } #send-image input { font-size:7px!important; line-height:30px; } #change-image { padding:0px!important; margin:0px!important; margin-top:10px!important; margin-bottom:10px!important; } #change-image input { font-size:7px!important; line-height:30px; } #remove-image { padding:0px!important; margin:0px!important; margin-top:0px!important; margin-bottom:10px!important; } #request-done .row { font-size:10px; } #request-done textarea { width:100%; height:50px; font-size:10px; font-family:Arial; resize: none; } #request-validations table { width:100%; } #request-validations table tr { font-size:12px; } #request-validations table .col_1 { width:150px; } #request-validations table .col_3 { width:150px; text-align:center; } #request-validations table .col_4 { width:50px; text-align:right; } #request-validations table i { cursor:pointer; } #metiers { display:none; } .list-metiers { margin-bottom:10px; } .list-metiers ul { width:200px;} .list-metiers ul li { display:inline-block; width:75px; line-height:30px; text-align:center; border:solid 1px #795aac; margin-bottom:5px; } .list-metiers ul li a { color:#795aac } .list-metiers ul li.selected { background-color:#795aac; } .list-metiers ul li.selected a { color:#FFF; font-weight:bold; } #req_mail { height:24px; line-height:12px; } #request-refuse .modal-result div { font-size:11px; margin-top:10px; } #request-refuse .modal-result textarea { width:100%; height:50px; resize:none; font-family:Arial; font-size:11px; } #request-accept .modal-result div { font-size:13px; margin-top:10px; } #request-accept .modal-result textarea { width:100%; height:50px; resize:none; font-family:Arial; font-size:11px; } #request-accept .modal-result input { font-size:11px; height:24px; width:150px; } #limit { padding:5px; box-sizing:border-box; background-color:red; color:#FFF } #limit i { display:inline-block; margin-right:10px; } .modal-toolbar.inline { width:15%; display:inline-block; } #request-choice div { padding:3px; } #request-choice div i { margin-right:10px; } #request-choice a { color:#FFF } #request-choice .active { background-color:green; color:#FFF; } #request-choice .valid { background-color:#d2f7a6; } #request-choice .valid a { color:green; } #request-choice .not-valid { background-color:#feaa66; } .version-choice { position:absolute; right:0px; top:0px; } .version-choice a { min-width:50px!important; } .version-choice i { font-size:18px; } .indicator { font-size:10px; } .indicator i { font-size:12px;} #image_value .detail { padding:0px!important; border-bottom:solid 1px #CCC; } #image_value .detail-top { font-weight:bold; margin-top:-25px} #image_value .detail div { padding:0px!important; text-align:center; } #add-pfa-modal .modal-result div { font-size:13px; margin-top:10px; } #add-pfa-modal .modal-result textarea { width:100%; height:50px; resize:none; font-family:Arial; font-size:11px; } #add-pfa-modal .modal-result input, #add-pfa-modal .modal-result select { font-size:11px; height:24px; width:150px; } ul.add-pfa-form { margin-bottom:15px; } ul.add-pfa-form li { margin:5px auto; } .add-pfa-form span:not(.period-details) { display:inline-block; width:150px; font-size:12px; } .add-pfa-form input[type='text'] { width:150px; } .add-pfa-form select { width:150px; color:#000; } .add-pfa-form label { font-size:12px; } .add-pfa-form li textarea { width:100%; resize:none; font-family:Arial, Helvetica; height:200px; font-size:13px; } .add-pfa-form .autocomplete {right:205px!important; top:20px!important; } #pfas_table { border-collapse:collapse; margin-top:20px!important; } #pfas_table td { border-right:solid 1px #ddd; border-left:solid 1px #ddd; font-size:10px; } #pfas_table th { padding-top:5px; padding-bottom:5px; background-color:#ddd; font-size:10px; border-right:solid 1px #ccc; border-left:solid 1px #ccc; font-weight:normal; } #pfas_table .row-action a { display:inline-block; width:70px; line-height:20px; text-align:center; margin-bottom:3px; color:#FFF; } #pfas_table .row-action.display a, .display-input a { background-color:#63ba23; } #pfas_table .row-action.edit2 a, .flip-row .row-action.edit2 a, #month-select-content .row-action.edit2 a { background-color:#f7b12b;} #pfas_table .row-action.remove a, .flip-row .row-action.remove a { background-color:#ef122c; } #pfas {position: relative;} /*-- stop validation ----------------------*/ #validation_charcli { /*border-left:1px solid #282828;*/ } #validation_client { border-right:1px solid #282828; } #validation_charcli h3 { text-align:center; margin-bottom:1em; } #validation_client h3 { text-align:center; margin-bottom:1em; } .line_month { display:block; width:100%; padding:1.2em; font-size:1.2em; } .month { display:inline-block; width:33%; padding-left:1em; } .date_value { display:inline-block; width:33%; } /*-- search -------------------------------*/ .search_row { width:300px; position:relative; } .search_row label { width:100px; } .search_row input { width:195px; } .search_row div:not(.autocomplete) { width:195px; display:inline-block; } .search_row select { width:100%; } #valid_perso_fab { margin-top:10px; overflow-y:scroll; max-height:120px; } #valid_perso_fab li { border-bottom:solid 1px #FFF; margin-bottom:10px; padding-bottom:10px; } #valid_perso_fab li span { display:inline-block; } #valid_perso_fab li .emp { width:30%; } #valid_perso_fab li .page { width:30%; } #valid_perso_fab li .period { width:30%; } #valid_perso_fab li div { margin-top:5px; } #mailbox { width:100%; font-size:12px; text-align:left; } #mailbox li { margin-bottom:5px; } #mailbox li label { display:inline-block; width:90px; } #mailbox li input { width:650px; } #mailbox li #body { width:650px; height:200px; background-color:#FFF; margin-left:90px; color:#000; padding:3px; overflow-y:scroll; } #display-validation-modal table { width:100%; margin-top:15px} #display-validation-modal table .c1 { width:5%; } #display-validation-modal table .c2 { width:25%; } #display-validation-modal table .c3 { width:10%; } #display-validation-modal table .c4 { width:25%; } #display-validation-modal table .c5 { width:20%; } #display-validation-modal table .c6 { width:15%; } #add_customer, #add_desired_filp { margin-top:20px; } #add_customer label, #add_desired_filp label { width:150px} #add_cus_submit, #add_desired_flip_setting_submit { background-color:#1fa67a; color:#FFF; padding:5px; text-align:center; width:100px; border:solid 1px #1fa67a; font-size:14px; cursor:pointer; margin-top:10px; margin-bottom: 2rem} .form-alert { display:block; color:red} .form-ok { display:block; color:green} .customer_images .validated { color:green; } .customer_images .not-validated { color:red; } #image_value #emp_detail { display:none; } #image_value .save { display:none; } .content-checkbox {display: flex; align-items: center} .content-checkbox .checkbox, .content-checkbox label {margin: 0;} /*.flip-row {display: flex; align-items: center}*/ .flip-row a {padding:0.25rem .5rem; color:white; margin-top: .25rem} .flip-row a:hover {text-decoration: none} .flip-table thead th {text-align: center} .flip-table tbody th {text-align: center} .flip-table tbody td {text-align: center} /*.flip-content-inputs {display: flex; flex-direction: column}*/ /*#add-flip-modal {top: 20% !important}*/ #add-flip-modal #add_desired_filp {display: flex; justify-content: center} .margin-top-modal {margin-top: -255px !important} #flip-table_wrapper {margin: 0 1rem} #month-select-content { display:flex; justify-content: space-between} #button-generate-flip { background: #63ba23; cursor: pointer; text-decoration: none; color: white; margin-left: 2rem; padding: .25rem}