html{
background-color: white;
}
body{
font-size: 0.9rem !important;
}
* {box-sizing: border-box}
/* Style the tab */
.tab {
border: 1px solid #ccc;
background-color: #32899A;
width: 100%;
height: 300px;
}
.tabcontent {
height:100%;
}
/* Style the buttons that are used to open the tab content */
.tab button {
display: block;
background-color: inherit;
color: white;
padding: 10px 10px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 14px !important;
font-weight: bold;
}
.tablinks {
width:250px;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #91A04B;
transform: scale(1.1);
}
/* Create an active/current "tab button" class */
.tab button.active {
background-color: #91A04B;
color:white !important;
transform: scale(1.1);
outline: none;
border-radius: 4px;
}
@media only screen {
body{
background-color: rgb(255, 255, 255);
}
}
@media only print {
body{
font-size:14px;
}
}
.close {
color:red !important;
}
a, a:hover{
color:#444444;
}
input{
font-size:13px;
}
input, textarea, select {
border:1px solid #CCCCCC;
/*font-weight:bold;*/
}
.input-group-addon{
border:1px solid #CCCCCC !important;
color:#000000 !important;
}
/*asterisk*/
.required:after{
content:" *";
font-weight:bold;
color:#AF352C;
}
.glyphicon {
/*color:#000000;*/
}
h1 {
color:#000;
}
h2 {
color:#000;
}
h3 {
color:#000;
}
h4 {
color:#000;
}
h5 {
color:#000;
}
h6 {
color:#000;
}
.avatar {
vertical-align: middle;
width: 100px;
height: 100px;
border-radius: 50%;
}
.bold {
font-weight:bold;
}
.shrink-td {
width:1%;
white-space:nowrap;
padding: 0 1em 0 1em;
}
a .fa {
font-size:1.3em !important;
}
#main {
/*background-color:#F3F3F3;*/
/*margin-top:45px;*/
/*padding-left:10px;*/
/*padding-top:0px;*/
/*padding-right:10px;*/
/*padding-bottom:0px;*/
/*border-left:1px solid #CCC;*/
}
/*validatebutton*/
.cta {
padding-left: 8px;
position: relative;
margin: auto;
transition: all 0.2s ease;
cursor: pointer;
max-width: 125px;
}
.cta:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
border-radius: 28px;
background: rgba(84, 198, 144, 0.56);
width: 30px;
height: 30px;
transition: all 0.3s ease;
}
.cta span {
position: relative;
font-weight: 500;
text-transform: uppercase;
vertical-align: middle;
color: #585858;
}
.cta svg {
position: relative;
top: 0;
margin-left: 10px;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
stroke: #111;
stroke-width: 2;
transform: translateX(-5px);
transition: all 0.3s ease;
}
.cta:hover:before {
width: 90%;
background: #54c690;
}
.cta:hover svg {
transform: translateX(0);
}
.cta:active {
transform: scale(0.96);
}
.close {
float: right;
font-size: 27px;
font-weight: bold;
line-height: 1;
color: #EF4135;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=100);
opacity: 1;
margin-right:5px;
margin-top:5px;
}
.box_form
{
width:100%;
max-width:400px;
padding:3vw;
}
.box_header{
text-transform: uppercase;
padding-bottom:10px;
margin-bottom:30px;
color: #00359e;
font-size: 1rem;
font-weight: 500;
border-bottom: 1px solid;
border-image:linear-gradient(to right, rgba(0, 53, 158, 0.53), rgba(202, 226, 252, 0.55)) 10;
}
.listing_header{
padding-bottom:10px;
margin-bottom:10px;
color: #00359e;
font-size: 1rem;
border-bottom: 1px solid;
border-image:linear-gradient(to right, rgba(0, 53, 158, 0.53), rgba(202, 226, 252, 0.55)) 10;
}
.blue-box{
box-shadow: 0px 1px 5px 2px rgba(39, 78, 171, 0.59);
background-color: white;
border-radius: 5px;
}
.alert-box{
box-shadow: 0px 1px 5px 2px #ff0000c4;
background-color: #ff00050d;
border-radius: 5px;
}
.alert_header{
text-transform: uppercase;
padding-bottom:10px;
margin-bottom:30px;
color: #000000;
font-size: 1rem;
font-weight: 500;
border-bottom: 1px solid;
border-image:linear-gradient(to right, #ff0000c4, rgba(255, 0, 0, 0.29)) 10;
}
.btn-badge{
font-size: 1rem;
height: 35px;
width: 120px;
vertical-align: middle;
border-radius: 20px;
padding: 5px 10px;
color: rgba(255, 255, 255, 0.94);
cursor: pointer;
text-transform: capitalize;
}
.btn-badge:hover{
box-shadow: rgba(50, 50, 93, 0.49) 0px 2px 5px -1px, rgba(0, 0, 0, 0.63) 0px 1px 3px -1px;
}
.list_box_hover{
transition: transform .2s;
cursor: pointer;
}
.list_box_hover:hover
{
transform: scale(1.003);
}
.label_radio{
font-weight:normal;
padding-left:3px;
font-size:14px;
cursor:pointer;
margin-right:10px;
color:#444444;
}
.error_msg
{
color: #AF352C;
}
.form-button{
background-color: rgba(55,117,222,0.37);
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
transition: background-color 0.5s ease-out;
}
.form-button:hover{
border: 2px solid rgba(55, 117, 222, 0.69);
background-color: transparent;
}
.page_title {
margin-bottom: 20px;
}
.synthese_title{
color:#476fb5;
font-size: 1.1rem;
text-transform: uppercase;
}
.head_item{
width: 2rem;
height: 2rem;
background-color: white;
border-radius: 5px;
box-shadow: 0px 2px 2px 2px rgba(39, 78, 171, 0.48);
}
@media only screen and (max-width : 768px) {
.page_title{
margin-top: 10px;
}
}
.form-group label {
color:#524D4B;
}
/* onglet badge */
.onglet-badge {
border-radius: 20px;
padding: 0 10px 0 10px;
margin-left: 4px;
color: white;
background-color: #F27134;
}
.spyme {background-color:#FFFFCC;}
.ui-autocomplete
{
z-index: 2000 !important;
/*min-width: 500px !important;*/
}
.ui-autocomplete {
max-height: 150px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
.date_length {
max-width:200px;
}
.ui-autocomplete-loading{
background:url('../images/loading.gif') no-repeat right center;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;
}
/*
#form_anomalie input{
background-color:#3C8DBC;
color:white;
}
#form_anomalie textarea{
background-color:#3C8DBC;
color:white;
}
*/
.formLabel{
text-align:right;
font-weight:bold;
width:150px;
}
.formValue{
font-weight:normal;
}
/* Navbar */
.navbar_top {
height: 45px;
width:100%;
background-color: white;
position:fixed;
z-index:1000;
padding:0px;
}
#navbar_left {
/*background-color:#000;*/
z-index:1000;
padding:0px;
height:45px;
border-bottom:1px solid #CCC;
}
#navbar_right {
/*background-color:#fff;*/
z-index:1000;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
padding-right:20px;
height:45px;
border-bottom:1px solid #CCC;
}
table.footable li[data-page="next-limit"],
table.footable li[data-page="prev-limit"]{
display: none !important;
}
.flatpickr-calendar.inline
{
margin: auto;
}
.hide_menu {
color:#FFFFFF;
display: inline-block;
height: 45px;
width: 45px;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: white;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color:#000000;
}
.hide_menu > i {
margin-top: 9px;
font-size: 22px;
}
.hide_menu:hover {
/*background-color: #f7f7f7;*/
}
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
#navbar_right_button{
margin-right:0px !important;
}
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
#navbar_right_button{
margin-right:0px !important;
}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
#navbar_right_button{
margin-right:250px !important;
}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
#navbar_right_button{
margin-right:250px !important;
}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
#navbar_right_button{
margin-right:250px !important;
}
}
#menu_mobile{
z-index: 100;
display: none;
}
#main{
margin-left: 20px;
margin-right: 20px
}
#om_mobile{
display: none;
}
@media (max-width: 768px){
#menu_lg{
display: none;
}
#menu_mobile{
display: block;
}
#main{
margin-left: 0px;
margin-right: 0px
}
#om_mobile{
display: block;
}
#om_lg{
display: none;
}
}
.menu_lg_item a{
color: gray;
cursor: pointer;
}
.menu_lg_item a:hover, .menuActive {
color: #0a3ba5 !important;
font-weight: bold;
transition: ease-in-out;
}
/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}
/* Listing */
.listing {
border: 1px solid #f4f4f4;
width: 100%;
font-size:12px;
background-color:#FFFFFF;
}
.listing tr:hover {
background-color: #EEEEEE;
}
.listing th {
border-top: 1px solid #f4f4f4;
/*
border-bottom: 2px solid #f4f4f4;
*/
border-bottom: 1px solid gray;
background-color: #91A04B !important;
color:white !important;
font-size: 14px;
/*height:45px;*/
padding: 5px;
}
.listing th a {
color:white !important;
}
.bounce-top {
-webkit-animation: bounce-top 0.9s backwards;
animation: bounce-top 0.9s backwards;
}
/* ----------------------------------------------
* Generated by Animista on 2022-1-13 10:28:43
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation bounce-top
* ----------------------------------------
*/
@-webkit-keyframes bounce-top {
0% {
-webkit-transform: translateY(-45px);
transform: translateY(-45px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1;
}
24% {
opacity: 1;
}
40% {
-webkit-transform: translateY(-24px);
transform: translateY(-24px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
65% {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
82% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
93% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
25%,
55%,
75%,
87% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
}
@keyframes bounce-top {
0% {
-webkit-transform: translateY(-45px);
transform: translateY(-45px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 1;
}
24% {
opacity: 1;
}
40% {
-webkit-transform: translateY(-24px);
transform: translateY(-24px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
65% {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
82% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
93% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
25%,
55%,
75%,
87% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
}
@media print {
body {
zoom: 0.9;
}
tr .cmd_bloquant {
background-color: palegoldenrod;
}
tr .cmd_annule {
background-color: palevioletred;
}
tr .cmd_reprise {
background-color: #fff1ff;
}
tr .cmd_facture {
background-color: #76d275;
}
.zone_com {
background-color: #F3F3F3 !important;
}
.interligne {
background-color: #F3F3F3 !important;
}
.listing td button {
display: none;
}
.listing {
background-color: white; !important
}
.ligne_com {
background-color: white !important;
}
.box {
background-color: white !important;
}
.form-control {
background-color: white !important;
}
.enc_80 {
background-color: rgba(75, 192, 192, 0.2) !important;
}
.enc_20 {
background-color: rgba(63, 196, 71, 0.2) !important;
}
.enc_contentieux {
color : red !important;
}
/* Table planning */
td .totaux_planning {
display:none !important;
}
tr .total_planning {
display: none !important;
}
#copie_total_periode {
display: none !important;
}
tr #copie_total_planning {
display: none !important;
}
#bloc_liste_commande {
display: none !important;
}
#bloc_planning {
margin-left: -340px !important;
}
/***** Vignette planning ******/
.vignette{
background-color: white;
padding:5px;
text-align: center;
width:30px;
height: 30px;
border:1px solid black;
border-radius:4px;
margin-right: 5px;
float: right;
margin-top: -15px;
}
}
.listing td {
/*
border-top: 1px solid #f4f4f4;
*/
padding: 5px;
cursor:pointer;
color:#444444;
}
.listing tr {
/*
border-bottom: 2px solid #f4f4f4;
*/
border-bottom: 1px solid #CCCCCC;
}
/* Listing détail */
.listing_detail {
border: 1px solid #f4f4f4;
width: 100%;
font-size:12px;
background-color:#FFFFFF;
}
.listing_detail th {
border-top: 1px solid #f4f4f4;
/*
border-bottom: 2px solid #f4f4f4;
*/
border-bottom: 1px solid gray;
background-color: #f9f9f9 !important;
/*height:45px;*/
padding: 5px;
}
.listing_detail td {
/*
border-top: 1px solid #f4f4f4;
*/
padding: 5px;
cursor:pointer;
color:#444444;
}
.listing_detail tr {
/*
border-bottom: 2px solid #f4f4f4;
*/
border-bottom: 1px solid #CCCCCC;
}
/***/
/* Listing grille */
.listing_grille {
width: 100%;
font-size:12px;
background-color:#FFFFFF;
}
.listing_grille tr:hover {
background-color: #f9f9f9;
}
.listing_grille th {
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #f9f9f9 !important;
/*height:45px;*/
padding: 5px;
}
.listing_grille td {
/*
border-top: 1px solid #f4f4f4;
*/
padding: 2px;
color:#444444;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
.listing_grille input[type=text]{
/*background-color:#f7faff; /*fbfdff*/
}
/*
.listing_grille tr {
border-bottom: 1px solid #CCCCCC;
}
*/
/* ----- SOUS TABLEAU LISTING ----- */
.ss-table td, .ss-table tr, .ss-table th, .ss-table {
border: none !important;
}
/* Bouton */
.btn_petit {
font-size:13px;
padding-top:5px !important;
padding-bottom:5px !important;
font-weight: bold !important;
}
.btn_glyph {
margin-right: 10px;
}
/* Boutons spéciaux */
button:focus {
outline: 2px solid #66AFE9;;
outline-radius: 2px;
}
button {
font-size: 12px;
}
/* Sauvegarder */
.btn_save {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
padding: 10px 16px;
line-height: 1.3333333;
border-radius: 6px;
color: white;
border-color: #ddd;
background-color: #5CB85C;
min-width:120px;
}
.btn_save:hover {
background-color: #008d4c;
}
/* Supprimer */
.btn_delete {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
padding: 10px 16px;
line-height: 1.3333333;
border-radius: 6px;
color: white;
border-color: #ddd;
background-color: #D9534F;
min-width:120px;
}
.btn_delete:hover {
background-color: #C9302C;
}
/* Retour */
.btn_return {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
padding: 10px 16px;
line-height: 1.3333333;
border-radius: 6px;
color: white;
border-color: #ddd;
background-color: #337AB7;
min-width:120px;
}
.btn_return:hover {
background-color: #f0f6fc;
}
/* Info */
.btn_info {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
padding: 10px 16px;
line-height: 1.3333333;
border-radius: 6px;
color: white;
border-color: #ddd;
background-color: #d9d089;
min-width:120px;
}
.btn_info:hover {
background-color: #cdc481;
}
/* Annulé */
.btn_default {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
height:18px;
border-radius: 6px;
color: black;
border-color: #ddd;
background-color: #f4f4f4;
min-width:120px !important;
}
.btn_default:hover {
background-color: #dddddd;
}
/* Attention */
.btn_attention {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
padding: 10px 16px;
line-height: 1.3333333;
border-radius: 6px;
color: white;
border-color: #ddd;
background-color: #f39c12;
min-width:120px !important;
}
.btn_attention:hover {
background-color: #e08e0b;
}
/* Boutons icônes spéciaux */
/* Sauvegarder */
.icon {
border-radius: 3px;
position: relative;
padding: 7px 10px 7px 10px;
min-width: 50px;
height: 40px;
text-align: center;
color: #666;
border: 1px solid #ddd;
background-color: #f4f4f4;
font-size: 20px;
}
.icon-small {
padding: 3px !important;
}
.icon:hover {
background: #f4f4f4;
color: #444;
border-color: #aaa;
cursor: pointer;
}
.icon:active,
.icon:focus {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.icon > .fa {
width: 20px;
height: 20px;
}
button > .fa {
margin-right: 0px;
}
/* Box */
.field {
position: relative;
border-radius: 3px;
background: #ffffff;
border-top: 3px solid #00447b;
margin-bottom: 20px;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
/* Modal */
.mod {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
background: rgba(0, 0, 0, 0.3);
}
.mod-content {
position: relative;
width: auto;
margin: 10px;
border-radius: 0;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
border: 0;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.mod-header {
border-bottom-color: #f4f4f4;
min-height: 16.42857143px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.mod-header .close {
margin-top: -2px;
}
.mod-title {
margin: 0;
line-height: 1.42857143;
}
.mod-body {
position: relative;
padding: 15px;
overflow: auto;
height: 650px;
}
.mod-footer {
border-top-color: #f4f4f4;
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
@media (min-width: 768px) {
.mod-content {
width: 70%;
margin: 30px auto;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
}
}
/* CHAMPS FORMULAIRE */
.input_group_icon {
position: relative;
display: table;
border-collapse: separate;
display: inline-table;
vertical-align: middle;
}
.input_icon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
border-radius: 0px;
border-color: #d2d6de;
background-color: #fff;
display: table-cell;
width: 1%;
white-space: nowrap;
vertical-align: middle;
border-right: 0px;
}
.input {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
border-radius: 0px !important;
box-shadow: none;
border-color: #d2d6de;
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
display: table-cell;
}
.input:focus {
border-color: #3c8dbc !important;
box-shadow: none;
}
.input::-moz-placeholder {
color: #bbb;
opacity: 1;
}
.input:-ms-input-placeholder {
color: #bbb;
}
.input::-webkit-input-placeholder {
color: #bbb;
}
.input:not(select) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.input[disabled] {
cursor: not-allowed;
background-color: #eee;
opacity: 1;
}
.input_label {
}
/* Champs avec bouton intégrer à droite */
.input_right_icon {
position: relative;
display: table;
border-collapse: separate;
display: inline-table;
vertical-align: middle;
}
.table td{
vertical-align: middle;
height: auto;
}
.button_right_icon {
width: auto;
display: table-cell;
width: 1%;
white-space: nowrap;
vertical-align: middle;
position: relative;
font-size: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn_right {
border-left: 0px;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-width: 1px;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
padding: 6px 12px;
font-size: 14px;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: white;
background-color: #00a65a;
border-color: #008d4c;
}
.btn_right:hover {
background-color: #008d4c;
}
.button_exit {
display: inline-block;
height: 43px;
width: 43px;
text-align: center;
vertical-align: middle;
line-height: 43px;
cursor: pointer;
/*background-color: #D1D7E1;*/
border-left: 1px solid #fff;
/*border-right: 1px solid #fff;*/
font-family: 'Glyphicons Halflings';
font-weight:bold;
}
.button_exit:hover {
/*background-color: #f7f7f7;*/
}
.button_exit:before {
color: #fff;
font-size: 25px;
margin-top: 12px;
content: "\e017";
}
.button_faq {
display: inline-block;
height: 45px;
width: 45px;
text-align: center;
vertical-align: middle;
line-height: 45px;
cursor: pointer;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-family: 'Glyphicons Halflings';
font-weight:bold;
}
.button_faq:before {
color: white;
font-size: 20px;
margin-top: 12px;
content: "\e085";
}
.button_faq:hover {
background-color:#646464;
}
.button_tchat {
display: inline-block;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
vertical-align: middle;
cursor: pointer;
background-color: white;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-family: 'FontAwesome';
font-weight:bold;
}
.button_tchat:before {
color: black;
font-size: 20px;
margin-top: 12px;
content:"\f075";
}
.button_tchat:hover {
background-color: #f7f7f7;
}
.button_point_frigo {
display: inline-block;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
vertical-align: middle;
cursor: pointer;
background-color: white;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-family: 'Glyphicons Halflings';
font-weight:bold;
}
.button_point_frigo:before {
color: black;
font-size: 20px;
margin-top: 12px;
content:"\e169";
}
.button_point_frigo:hover {
background-color: #f7f7f7;
}
.button_actualite {
display: inline-block;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
vertical-align: middle;
cursor: pointer;
background-color: white;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-family: 'Glyphicons Halflings';
font-weight:bold;
}
.button_actualite:before {
color: black;
font-size: 20px;
margin-top: 12px;
content:"\e135";
}
.button_actualite:hover {
background-color: #f7f7f7;
}
.button_upload{
display:inline-block;
-moz-border-radius-topleft : 5px;
-moz-border-radius-topright : 5px;
-moz-border-radius-bottomleft : 5px;
-moz-border-radius-bottomright : 5px;
-webkit-border-top-left-radius: 5px;/*le bord haut gauche*/
-webkit-border-top-right-radius: 5px; /*le bord haut droit*/
-webkit-border-bottom-right-radius: 5px;/*le bord bas droit*/
-webkit-border-bottom-left-radius: 5px;/*le bord bas gauche*/
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
cursor:pointer;
font-family:Arial,sans-serif;
font-size:14px;
color:#646464;
border:solid 2px #cfcfcf !important;
height:51px !important;
line-height:51px;
vertical-align:middle;
text-align:left !important;
background:#00447B !important;
color:white;
}
/* Content */
.content_page {
padding-left: 15px;
padding-right: 15px;
}
/*
* Component: Info Box
* -------------------
*/
.status_wrap{
padding: 3px;
border-radius: 15px;
max-width: 120px;
}
.status_text{
font-weight: 500;
color: rgba(0, 0, 0, 0.6);
text-align: center;
}
label{
font-size: 1rem;
}
a{
text-decoration: none;
}
.title{
font-size: 1.2rem;
color: rgba(11,64,158,0.75);
font-weight: bold;
margin-left:1.2rem;
}
.float{
z-index: 999999;
position:fixed;
min-width: 120px;
bottom:20px;
left:180px;
background-color: rgba(45, 159, 94, 1);
border-radius:20px;
text-align:center;
box-shadow: 2px 2px 3px #999;
padding: 10px;
}
.my-float{
margin-top: 10px;
color: #ffffff;
}
@media (max-width: 768px){
.float{
/*bottom:70px;
left:10px;*/
bottom:70px;
left : 50%;
transform: translateX(-50%);
}
.title{
font-size: 1.0rem;
}
}
img.seemore{
display: none;
}
tbody>tr:hover img.seemore{
display: block;
transform: scale(1.4);
position: relative;
cursor: pointer;
}
.hover_string:hover{
font-size: 1.02rem;
color: #476fb5;
font-weight: 500;
cursor: pointer;
}
.shadow-in:hover{
}
.table_header{
padding-bottom:10px;
color: #00359e;
font-size: 1.1rem;
font-weight: 500;
text-transform: uppercase;
}
.dropzone{
border-radius: 10px;
border: 1px solid rgba(71, 111, 181, 0.65) !important;
background-image:url("images/upload.png") !important;
background-repeat: no-repeat !important;
background-position: bottom !important;
background-position-y: 88% !important;
background-size:40px !important;
}
.dz-message{
font-size: 1rem !important;
}
.dropzone .dz-preview.dz-file-preview .dz-image{
background: rgba(71, 111, 181, 0.31) !important;
background:linear-gradient(to bottom, rgba(71, 111, 181, 0.2), rgba(71, 111, 181, 0.4)) !important;
}
.step_nav{
z-index: 19999999;
background-color: white;
width: 100%;
position: fixed;
bottom: -55px;
left: 0;
height: 70px;
border-radius: 5px 5px 0 0 !important;
}
.info-box {
display: block;
min-height: 90px;
background: #fff;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px;
margin-bottom: 15px;
}
.info-box small {
font-size: 14px;
}
.info-box .progress {
background: rgba(0, 0, 0, 0.2);
margin: 5px -10px 5px -10px;
height: 2px;
}
.info-box .progress,
.info-box .progress .progress-bar {
border-radius: 0;
}
.info-box .progress .progress-bar {
background: #fff;
}
.info-box-icon {
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
display: block;
float: left;
height: 90px;
width: 90px;
text-align: center;
font-size: 45px;
line-height: 90px;
background: rgba(0, 0, 0, 0.2);
}
.info-box-content {
padding: 5px 10px;
margin-left: 90px;
}
.info-box-number {
display: block;
font-weight: bold;
font-size: 18px;
}
.progress-description,
.info-box-text {
display: block;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.info-box-text {
text-transform: uppercase;
}
.info-box-more {
display: block;
}
.progress-description {
margin: 0;
}
::-webkit-scrollbar {
width: 10px;
height:10px;
}
::-webkit-scrollbar-track {
background-color: #eaeaea;
border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
background-color: rgba(71, 111, 181, 0.66);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(71, 111, 181, 0.9);
border-radius: 4px;
}
.label_radio{
font-weight:normal;
cursor:pointer;
margin-right:10px;
padding-top:3px;
color:#444444;
vertical-align:top;
font-size:12px;
}
.form-control-special {
height: 28px;
padding: 5px 5px;
font-size: 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control-special:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control-special::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control-special:-ms-input-placeholder {
color: #999;
}
.form-control-special::-webkit-input-placeholder {
color: #999;
}
.form-control-special[disabled],
.form-control-special[readonly],
fieldset[disabled] .form-control-special {
cursor: not-allowed;
background-color: #eee;
opacity: 1;
}
textarea.form-control-special {
height: auto;
}
.modal-titre{
font-size:16px;
text-align:center;
font-weight:bold;
}
.ligne_fiche{
height:25px;
}
.grille{
width:100%;
border-left:solid 1px #CBCACB;
color:#444444;
}
.grille th{
border:solid 1px #CBCACB;
border-left:none;
text-align:center;
background-color: #91A04B !important;
color:white;
font-size: 14px;
}
.grille td{
border:solid 1px #CBCACB;
border-left:none;
border-top:none;
text-align:center;
padding:2px;
}
.grille th a {
color:white;
}
.grille tr:hover{
background-color: #EEEEEE;
}
.grille td:hover{
font-weight:bold;
}
.grille a{
color:#206175;
}
.grille a:hover{
font-weight:bold;
text-decoration:none;
/*color:#FF6623;*/
}
.lien_icone{
font-size:24px;
}
.button_image{
display: inline-block;
height: 45px;
width: 45px;
text-align: center;
vertical-align: middle;
line-height: 45px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.button_inter, .button_devis, .button_planning {
display: inline-block;
height: 45px;
width: 45px;
text-align: center;
vertical-align: middle;
line-height: 45px;
cursor: pointer;
background-color: white;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-family: 'Glyphicons Halflings';
font-weight:bold;
background-color:#000000;
color:white !important;
}
.button_inter:before {
font-size: 25px;
margin-top: 12px;
content:"\e136";
}
.button_devis:before {
font-size: 25px;
margin-top: 12px;
content:"\e022";
}
.button_planning:before {
font-size: 25px;
margin-top: 12px;
content:"\e109";
}
.planning{
border:solid 1px black;
}
.planning td{
border-top:solid 1px #999999;
}
.planning th{
border-right:solid 1px #999999;
border-top:solid 1px #999999;
background-color:black;
text-align:center;
}
.div_inter_planif{
padding:5px;
margin:5px;
border:solid 1px #999999;
margin-bottom:2px;
border-radius:5px;
font-size:12px;
background-color:rgba(255,255,255,0.8);
}
#deplanifier{
background-color:white;
height:40px;
width:200px;
border:inset 1px #999999;
padding:5px;
border-radius:5px;
font-style:italic;
font-weight:normal;
}
@media print{
a[href]:after {
content: "" !important;
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "" !important;
}
#sidebar-wrapper {
width: 0 !important;
display: none !important;
}
#wrapper {
padding-left: 0px !important;
}
.navbar_top {
padding-top: 0px !important;
display: none;
}
.col-lg-8, .col-md-8{
width: 66.66666667%;
}
.col-lg-6, .col-md-6{
width:50%;
}
.col-lg-4, .col-md-4{
width: 33.33333333%;
}
.col-lg-3, .col-md-3{
width: 25%;
}
.col-lg-2, .col-md-2{
width: 16.66666667%;
}
.col-lg-1, .col-md-1{
width: 8.33333333%;
}
button{
display:none;
}
}
/************* Légende des couleurs des entités *****************/
.flex-container-entite {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-item-entite {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
}
/************ STEPPER ******************/
.nav-tabs.wizard {
background-color: transparent;
padding: 0;
width: 100%;
border-radius: .25em;
clear: both;
border-bottom: none;
}
.nav-tabs.wizard li {
width: 100%;
float: none;
margin-bottom: 3px;
}
.nav-tabs.wizard li>* {
position: relative;
padding: 5px;
color: #999999;
background-color: #dedede;
border-color: #dedede;
}
.nav-tabs.wizard li.completed>* {
color: #000000 !important;
background-color: #96c03d !important;
border-color: #96c03d !important;
border-bottom: none !important;
}
li.active .stepper-link {
font-weight: bold;
color: #000000 !important;
background-color: #c0ca33 !important;
border-color: #c0ca33 !important;
border-bottom: none !important;
}
.nav-tabs.wizard li::after:last-child {
border: none;
}
.nav-tabs.wizard > li > a {
opacity: 1;
font-size: 14px;
}
@media(min-width:992px) {
.nav-tabs.wizard li {
position: relative;
padding: 0;
margin: 4px 4px 4px 0;
width: 19.6%;
float: left;
text-align: center;
}
.nav-tabs.wizard li.active a {
padding: 5px;
}
.nav-tabs.wizard li::after,
.nav-tabs.wizard li>*::after {
content: '';
position: absolute;
top: 1px;
left: 100%;
height: 0;
width: 0;
border: 15px solid transparent;
border-right-width: 0;
/*border-left-width: 20px*/
}
.nav-tabs.wizard li::after {
z-index: 1;
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
border-left-color: #fff;
margin: 0
}
.nav-tabs.wizard li>*::after {
z-index: 2;
border-left-color: inherit
}
.nav-tabs.wizard > li:nth-of-type(1) > a {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.nav-tabs.wizard li:last-child a {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.nav-tabs.wizard li:last-child {
margin-right: 0;
}
.nav-tabs.wizard li:last-child a:after,
.nav-tabs.wizard li:last-child:after {
content: "";
border: none;
}
}
@media print {
.nav-tabs.wizard li {
position: relative;
padding: 0;
margin: 4px 4px 4px 0;
width: 24.6%;
float: left;
text-align: center;
}
.nav-tabs.wizard li.active a {
padding: 5px;
}
.nav-tabs.wizard li::after,
.nav-tabs.wizard li>*::after {
content: '';
position: absolute;
top: 1px;
left: 100%;
height: 0;
width: 0;
border: 15px solid transparent;
border-right-width: 0;
/*border-left-width: 20px*/
}
.nav-tabs.wizard li::after {
z-index: 1;
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
border-left-color: #fff;
margin: 0
}
.nav-tabs.wizard li>*::after {
z-index: 2;
border-left-color: inherit
}
.nav-tabs.wizard > li:nth-of-type(1) > a {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.nav-tabs.wizard li:last-child a {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.nav-tabs.wizard li:last-child {
margin-right: 0;
}
.nav-tabs.wizard li:last-child a:after,
.nav-tabs.wizard li:last-child:after {
content: "";
border: none;
}
}
.scale-in-ver-bottom {
-webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-4-22 17:25:32
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation scale-in-ver-bottom
* ----------------------------------------
*/
@-webkit-keyframes scale-in-ver-bottom {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
}
@keyframes scale-in-ver-bottom {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
}
.totaux {
position: fixed;
top: 50px;
background-color: white !important;
}
.swing-in-top-fwd {
-webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
/* ----------------------------------------------
* Generated by Animista on 2022-6-13 11:57:52
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation swing-in-top-fwd
* ----------------------------------------
*/
@-webkit-keyframes swing-in-top-fwd {
0% {
-webkit-transform: rotateX(-100deg);
transform: rotateX(-100deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 0;
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 1;
}
}
@keyframes swing-in-top-fwd {
0% {
-webkit-transform: rotateX(-100deg);
transform: rotateX(-100deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 0;
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 1;
}
}
.slide-in-right {
-webkit-animation: slide-in-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2022-6-13 12:10:51
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation slide-in-right
* ----------------------------------------
*/
@-webkit-keyframes slide-in-right {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-right {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}