/*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3,
.col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto,
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2,
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2,
.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2,
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2,
.col-xl-3, .col-xl-4, .col-xl-5,
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding: 0;
}*/
a {
text-decoration: none !important;
}
p {
padding: 0;
margin: 0;
}
body {
overflow-x: hidden;
}
/*.row {
margin: 0;
}*/
/*.container {
width: 1280px;
padding: 0;
margin-top: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}*/
#top, #cadre, #footer {
margin-top: 20px;
/*margin-left: auto;
margin-right: auto;*/
}
section#cc_top {
margin-left: auto;
margin-right: auto;
/*width: 1280px;*/
}
section#cc_cadre {
margin-left: auto;
margin-right: auto;
/*width: 1280px;*/
margin-top: 5px;
box-shadow: 0px 8px 38px rgba(164, 163, 169, 0.3), 0 15px 12px rgba(23, 33, 76, 0.22);
}
header {
height: auto;
}
.bg-header {
height: 130px;
width: 100%;
background-color: #4B87C3;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.menu_bar {
background-color: #ffffff;
width: 100%;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
padding: 0;
}
.menu_bar .title_header {
padding-top: 10px;
padding-bottom: 10px;
background-color: #004294;
}
.menu_bar .title_header p {
font-weight: 600;
color: #ffffff;
}
div.side_left,
div.side_right
{
padding-top: 10px;
padding-bottom: 10px;
background-color: #ffffff;
width: 50%;
}
div.side_left {
position: absolute;
padding-left: 10px;
}
div.side_right {
margin-left: 50%;
text-align: right;
padding-right: 10px;
}
.menu_tabpad {
background-color: #ffffff;
margin-top: 1%;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
width: 100%;
text-align: center;
}
.menu_tabpad .field_icon {
/*margin: 0% 2% 0 2%;*/
padding: 7px 4%;
cursor: pointer;
color: #b2b7bf;
}
.menu_tabpad .row {
margin-left: 10%;
margin-right: auto;
width: 100%;
}
.field_icon.col-xs-2 {
transition: all 0.5s ease-out;
}
.field_icon.col-xs-2.active {
border-bottom: 3px solid #004294;
background-color: #eaeaea;
color: #004294;
}
.field_icon.col-xs-2:hover {
border-bottom: 3px solid #004294;
background-color: #eaeaea;
color: #004294;
}
.navbar_header {
background-color: white;
border: 1px solid #ececec;
margin-bottom: 20px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
padding-top: 5px;
padding-bottom: 5px;
color: rgba(112, 125, 148, 0.91);
font-weight: 500;
}
.user_info {
}
.user_info .field_icon {
width: 10%;
position: absolute;
padding: 5px;
padding-left: 10px;
}
.user_info .field_icon i {
color: #a4a5af;
}
.user_info .title {
width: 90%;
margin-left: 10%;
padding: 5px;
}
.user_info .title i {
font-weight: 600;
color: #303d4e;
}
.logout_info {
background-color: white;
}
.logout_info .title {
width: 80%;
position: absolute;
background-color: white;
padding: 5px;
cursor: pointer;
}
.logout_info .title span {
transition: all 0.5s ease-out;
}
.logout_info .title span:hover,
.logout_info .title span:hover > .field_icon > i{
color: #004294;
}
.logout_info .field_icon {
width: 10%;
margin-left: 85%;
padding-left: 10px;
padding-top: 5px;
cursor: pointer;
}
.logout_info .field_icon i {
color: #a4a5af;
font-size: 22px;
}
.aside_left {
background-color: white;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
height: auto;
}
.aside_left_header {
border-bottom: 1px solid rgba(94, 111, 115, 0.2);
background-color: white;
height: 50px;
text-align: center;
padding-top: 10px;
cursor: pointer;
}
.aside_left_header .title {
/*width: 80%;*/
/*text-transform: uppercase;
font-weight: 600;
color: rgba(112, 125, 148, 0.91);
position: absolute;*/
}
.aside_left_header .field_icon {
width: 10%;
margin-left: 85%;
margin-right: 5%;
}
.aside_left_header .field_icon i {
color: #004294;
}
.aside_left .left_content {
padding-top: 30px;
padding-bottom: 100px;
}
.aside_left .left_content .submenu_left {
height: auto;
margin-top: 10px;
margin-bottom: 10px;
color: #8792ad;
cursor: pointer;
border-bottom: 1px solid rgba(127, 160, 232, 0.22);
}
.submenu_left:hover > .field_icon {
border-left: 3px solid #004294;
color: #004294;
}
.submenu_left:active > .field_icon {
border-left: 3px solid #004294;
color: #004294;
}
.submenu_left:hover > .field_text {
background-color: #004294;
color: white;
padding-left: 15px;
}
.submenu_left:active > .field_text {
background-color: #004294;
color: white;
padding-left: 10px;
}
.active > .field_text {
background-color: #004294;
color: white;
padding-left: 15px;
}
.submenu_left.active >.field_icon {
border-left: 3px solid #004294;
color: #004294;
}
.submenu_left .field_icon {
height: auto;
width: 20%;
position: absolute;
padding-left: 6px;
padding-top: 6px;
padding-bottom: 6px;
}
.submenu_left .field_icon i {
font-size: 20px;
}
.submenu_left .field_text {
height: auto;
width: 80%;
margin-left: 20%;
padding-top: 7px;
padding-bottom: 7px;
font-size: 15px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.aside_left_header .title i {
color: blue;
}
/*.aside_center {
height: auto;
padding-left: 30px;
}*/
.content {
background-color: #e4e7f7;
}
.bloc-center {
background-color: #f3f3f3;
height: auto;
padding:5px;
}
.bloc-right {
height: auto;
padding-right: 5px;
padding-left: 5px;
}
.aside_right_header {
padding-bottom: 10px;
padding-top: 10px;
background-color: #004294;
margin-right: 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.aside_right_header p {
color: #ffffff;
font-weight: 500;
font-size: 15px;
}
.aside_right_content {
margin-top: 5px;
margin-right: 3px;
padding-bottom: 50px;
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.aside_right_content .card-question {
margin-top: 5px;
}
.cartouche-card img {
width: auto !important;
}
.aside_right_content .field_icon {
width: 50px;
position: absolute;
height: auto;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
}
.aside_right_content .field_icon i {
color: #004294;
font-size: 20px;
}
.aside_right_content .field_text {
margin-left: 40px;
padding-top: 5px;
height: auto;
}
.aside_right_content .field_text p {
color: #004294;
font-size: 14px;
}
.aside_right_contact {
margin-top: 5px;
margin-right: 3px;
padding-top: 10px;
padding-bottom: 30px;
padding-left: 3px;
padding-right: 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
background-color: white;
}
.aside_right_contact .title_header {
padding-right: 2px;
padding-left: 2px;
color: #8792ad;
font-weight: 500;
}
.aside_right_contact .cartouche-card img {
height: 28px;
}
.aside_right_contact .resume-card {
padding-left: 5px;
}
.aside_right_contact .resume-card p{
font-size: 14px;
color: rgba(70, 70, 70, 0.67);
}
.commande_info {
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
border-left: 2px solid rgba(127, 160, 232, 0.22);
height: auto;
}
/*
.commande_info .card-intro {
height: auto;
}*/
.commande_info .header {
height: auto;
width: 100%;
border-bottom: 1px solid rgba(127, 160, 232, 0.22);
border-right: 1px solid rgba(127, 160, 232, 0.46);
}
.card-intro .header .intro
{
height: auto;
position: absolute;
/*width: 55%;*/
padding-left: 10px;
padding-top: 3%;
}
.card-intro .header .intro p {
font-size: 14px;
font-weight: 400;
color: #8792ad;
}
.card-intro .header .statut {
height: 50px;
margin-left: 50%;
width: 45%;
padding-top: 5px;
}
.card-intro .header .statut .boutton {
height: auto;
width: auto;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
margin-right: 3px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
a.boutton, .boutton {
font-size: 13px;
}
a.boutton.valid {
background-color: #004294;
border-radius: 2px;
font-weight: 500;
color: #ffffff;
cursor: pointer;
transition: all 0.8s ease-out;
}
a.boutton.incomplet {
border-radius: 4px;
border: 2px solid red;
color: red;
font-weight: 500;
transition: all 0.8s ease-out;
cursor: pointer;
}
a.boutton.incomplet:hover {
background-color: red;
color: #ffffff;
}
a.boutton.valid:hover {
background-color: #ffffff;
color: #004294;
border: 1px solid #004294;
}
.commande_info .card-intro .content {
height: 346px;
background-color: #ffffff;
}
.card-command-info, .footer-card {
background-color: #ffffff;
display: inline-block;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-top: 10px;
color: #8792ad;
font-size: 13px;
}
.card-command-info, .footer-card > a {
color: #8792ad;
}
.card-command-info span {
font-weight: 600;
color: #8792ad;
margin-right: 10px;
}
.card-command-info i {
font-size: 14px;
font-weight: 500;
color: #004294;
/*padding-left: 50%;*/
padding-left: 15px;
}
.card-user-info {
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-right: 5px;
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
}
.field1 {
height: auto;
float: left;
font-size: 13px;
width: 30%;
}
.field1 i {
margin-left: 10px;
color: #004294;
font-size: 20px;
}
.field1 span {
margin-left: 3px;
font-weight: 600;
color: #8792ad;
}
.field2 {
height: auto;
padding-left: 10px;
/* text-align: center; */
padding-top: 2px;
color: #8792ad;
font-size: 14px;
width: auto;
/*margin-left: 55%;*/
}
.field2 .boutton {
height: auto;
width: auto;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 15px;
margin-left: 10px;
margin-right: 3px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
.statut-commande {
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.statut-commande .header {
height: auto;
width: 100%;
border-bottom: 1px solid rgba(127, 160, 232, 0.22);
}
.statut-commande .content {
background-color: #ffffff;
padding: 15px 5px;
}
.statut-commande .content .intro-card {
color: #8792ad;
font-size: 14px;
}
.statut-commande .content p {
padding: 0px 5px 0px 5px;
color: #8792ad;
font-size: 14px;
font-weight: 500;
}
.statut-commande .content p > i {
padding-right: 10px;
padding-top: 15px;
color: #004294;
font-size: 20px;
}
.statut-commande .content p > a {
color: #0056b3;
}
.statut-commande .complement_kit_pdf{
background: #e4e7f7;
border: 1px solid #cdd1e8;
padding: 10px 15px;
font-style: italic;
font-weight: 600;
margin-top: 15px;
border-radius: 4px;
color: #004294 !important;
}
/*
** début steps
*/
.command-timeline {
background-color: #ffffff;
margin-top: 20px;
padding-bottom: 15px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#steps {
display: -webkit-inline-box;
/*margin: 50px auto;*/
width: 100%;
/*margin-left: 10%;
margin-right: auto;*/
margin-top:30px;
}
.step {
margin-left: 3%;
}
.horizontal {
width: 15%;
height: 2px;
margin-top: 70px;
margin-left: -15px;
background-color: #8792ad;
}
div.horizontal.done,
div.vertical.done {
background-color: #8bace6;
}
div.horizontal.current,
div.vertical.current {
background-color: #28a745;
}
div.horizontal.undone,
div.vertical.undone {
background-color: #b5b9c3;
}
.step .circle {
height: 80px;
width: 80px;
padding: 25px 15px;
border-radius: 50%;
}
.step-vert .circle {
height: 90px;
width: 90px;
padding: 30px 15px;
border-radius: 50%;
margin-left: 44%;
margin-top: 15px;
margin-bottom: 15px;
}
div.step.done div.circle,
div.step-vert.done div.circle {
border: 2px solid #00a4ff;
background-color: #00a4ff;
color: #ffffff;
}
div.step.current div.circle,
div.step-vert.current div.circle {
border: 2px solid #28a745;
color: #28a745;
}
div.step.undone div.circle,
div.step-vert.undone div.circle {
border: 2px solid #b5b9c3;
color: #b5b9c3;
}
.step .text_1 {
font-size: 14px;
margin-bottom: 10px;
margin-left: -15px;
}
.step .text_2 {
margin-top: 15px;
font-weight: 100;
text-align: center;
padding-top: 2px;
font-size: 14px;
margin-left: -15px;
}
div.step.done div.text_1,
div.step.current div.text_1,
div.step-vert.done div.text_1,
div.step-vert.current div.text_1 {
color: #00a4ff;
}
div.step.done div.text_2,
div.step.current div.text_2,
div.step-vert.done div.text_2,
div.step-vert.current div.text_2 {
color: #8792ad;
}
div.step.undone div.text_1,
div.step.undone div.text_2,
div.step-vert.undone div.text_1,
div.step-vert.undone div.text_2 {
color: #b5b9c3;
}
#steps-vertical {
margin-top: 25px;
}
.step-vert {
margin-top: 50px;
}
.vertical {
height: 100px;
width: 2px;
margin-left: 50%;
margin-top: 15px;
margin-bottom: 15px;
}
.step-vert .text_1 {
margin-top: -50px;
padding-top: 15px;
font-size: 13px;
font-weight: 100;
}
.step-vert .text_2 {
margin-top: -75px;
float: left;
padding-left: 15px;
margin-right: 15px;
font-size: 13px;
font-weight: 100;
}
/*.step-vert.valid > .text_2,
.step-vert.valid > .text_1 {
color: green;
font-weight: 400;
}
.step-vert.done > .text_2,
.step-vert.done > .text_1 {
color: gray;
font-weight: 400;
font-size: 13px;
}*/
/*
** fin steps
*/
.command-timeline .intro-card {
color: #004294;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
padding: 10px 10px;
}
.command-gestion {
background-color: #ffffff;
height: auto;
margin-top: 10px;
}
.command-gestion .intro-card {
color: #004294;
/*background-color: rgb(228, 231, 247);*/
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
padding: 10px 10px;
}
.card-command-gestion {
height: 120px;
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
padding: 5px 5px;
margin-bottom: 15px;
}
.file {
position: relative;
}
.file label {
background: #28a745;
padding: 13px 20px;
color: #fff;
font-size: 0.9em;
font-weight: 700;
cursor: pointer;
transition: all .4s ease-in;
text-transform: uppercase;
}
.file input {
position: absolute;
display: inline-block;
left: 0;
top: 0;
opacity: 0.01;
cursor: pointer;
}
.file input:hover + label,
.file input:focus + label {
background: #28a745;
color: #882388;
color: #fff;
cursor: pointer;
}
.tools-gestion {
background-color: white;
margin-top: 20px;
margin-bottom: 50px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.tools-gestion-left {
background-color: #ffffff;
}
.tools-gestion-left .accordion .section .title {
background-color: #004294;
padding: 10px 20px;
font-size: 16px;
}
.tools-gestion-left .accordion .section .title a,
.tools-gestion-left .accordion .section .title i{
color: #ffffff;
}
.tools-gestion-left .accordion .section .title a {
padding-right: 90px;
}
.accordion h5 + div {
height: 0;
overflow: hidden;
-webkit-transition: height 0.3s ease-in;
-moz-transition: height 0.3s ease-in;
-o-transition: height 0.3s ease-in;
-ms-transition: height 0.3s ease-in;
transition: height 0.3s ease-in;
}
.accordion :target h5 + div {
height: auto;
}
.accordion .section.large:target h5 + div {
overflow: auto;
}
.tools-gestion-right {
background-color: #ffffff;
}
.tools-gestion-right p > i {
color: #004294;
font-size: 20px;
padding: 8px 8px;
}
.pub-allianz {
background-color: #004294;
text-align: center;
height: 150px;
width: 100%;
padding-right: 5%;
padding-left: 5%;
margin-top: 10px;
margin-bottom: 50px;
}
footer {
width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-bottom: 15px;
background-color: #111746;
bottom: 0% !important;
}
#cc_footer {
}
#footer-name-site {
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
}
.main-content {
width: 100%;
background: #ffffff;
}
/*
** Mes informations
*/
/*form {
width: 100%;
background-color: #ffffff;
padding-left: 20px;
padding-bottom: 30px;
padding-top: 20px;
padding-right: 20px;
}*/
.title-header {
padding: 20px 30px;
font-size: 20px;
font-weight: 300;
color: #004294;
background-color: #fff;
width: 100%;
margin-bottom: 5px;
}
/*label {
display: inline-block;
margin-bottom: .5rem;
color: #8792ad;
font-weight: 100;
}*/
.btn-success {
color: #fff;
background-color: #004294;
border-color: #004294;
/*
background-color: #1cb3bb;
border-color: #1cb3bb;*/
font-weight: 200;
}
.btn-success:hover {
color: #fff;
background-color: #1a8a90;
border-color: #1a8a90;
}
/*
** Commandes
*/
.panel-heading {
background-color: #e8e8e8 !important;
border-color: #ddd !important;
padding: 20px 16px !important;
margin-bottom: 20px !important;
margin-left: 10px !important;
}
a.panel-content {
color: #546c98;
font-weight: 100;
}
.panel {
width: 100%;
}
.panel-primary {
border: none !important;
}
li.list-group-item {
color: #8792ad;
font-weight: 100;
}
.group-commande {
width: 100%;
padding-right: 25px;
padding-bottom: 20px;
}
.list-commande {
margin-top: 20px;
}
.list-commande .panel-title {
padding: 20px;
}
.list-commande .panel-content {
color: #0056b3;
font-size: 18px;
padding: 15px 20px 0 20px;
}
.list-footer {
padding-left: 30px; color: #0056b3; font-size: 14px; cursor: pointer;
}
#pagingControls {
text-align: center;
font-size: 14px;
color: #3d7ab9;
margin-bottom: 30px;
}
#pagingControls ul{
display:inline;padding-left:0.5em;
}
#pagingControls li{
display:inline;
padding:0 0.5em;
color: #213d5a;
}
div.button-plus {
float: right;
padding: 5px 20px;
border: 1px solid #004294;
border-radius: 15px;
margin-top: -27px;
background: white;
}
div.button-plus a {
color: #004294;
}
/*
** messages
*/
.chat-window{
bottom:0;
position:fixed;
float:right;
margin-left:10px;
}
.chat-window > div > .panel{
border-radius: 5px 5px 0 0;
}
.icon_minim{
padding:2px 10px;
}
.msg_container_base{
background: #ffffff;
margin: 0;
padding: 0 10px 10px;
max-height:430px;
overflow-x:hidden;
}
.top-bar {
/*background: #1cb3bb;*/
background: #004294 !important;
color: #ffffff;
padding: 10px;
position: relative;
overflow: hidden;
top: 3px;
bottom: 3px;
}
h5.panel-title {
font-weight: 200;
}
.msg_receive{
padding-left:0;
margin-left:0;
}
.messages {
background: #f0f1f3;
color: #8897bb;
border-radius: 6px;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
max-width:100%;
animation-name: bounceIn;
animation-duration: 450ms;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
@keyframes bounceIn{
0%{
opacity: 0;
transform: scale(0.3) translate3d(0,0,0);
}
50%{
opacity: 0.9;
transform: scale(1.1);
}
80%{
opacity: 1;
transform: scale(0.89);
}
100%{
opacity: 1;
transform: scale(1) translate3d(0,0,0);
}
}
.msg_sent{
padding-bottom: 20px !important;
margin-right: 0;
background-color: #ddf1ff;
color: #7d92a0
}
.messages > p {
font-size: 13px;
margin: 0 0 0.2rem 0;
}
.messages > time {
font-size: 11px;
color: #7d92a0;
}
.msg_container {
padding: 10px;
overflow: hidden;
display: flex;
}
img {
/*display: block;
width: 100%;*/
}
.avatar {
position: relative;
padding: 3px 5px;
margin: 5px 60px 5px 5px;
color: #7d92a0;
max-width: 100%;
flex: unset;
}
.avatar > span {
font-size: 14px;
}
.base_receive > .avatar:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border: 5px solid #FFF;
border-left-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
}
.base_sent {
justify-content: flex-end;
align-items: flex-end;
}
.base_sent > .avatar:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border: 5px solid white;
border-right-color: transparent;
border-top-color: transparent;
box-shadow: 1px 1px 2px rgba(black, 0.2);
}
.msg_sent > time{
float: right;
}
.msg_container_base::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.msg_container_base::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}
.msg_container_base::-webkit-scrollbar-thumb
{
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
background-color: #b4b6b7;
}
.btn-group.dropup{
position:fixed;
left:0px;
bottom:0;
}
.chatperson{
display: block;
border-bottom: 1px solid #eee;
width: 100%;
display: flex;
align-items: center;
white-space: nowrap;
overflow: hidden;
margin-bottom: 15px;
padding: 4px;
}
.chatperson:hover{
text-decoration: none;
border-bottom: 1px solid orange;
}
.namechat {
display: inline-block;
vertical-align: middle;
}
.chatperson .pname{
font-size: 18px;
padding-left: 5px;
}
.chatperson .lastmsg{
font-size: 12px;
padding-left: 5px;
color: #ccc;
}
.footer-message {
border: 1px solid #e4e4e4;
border-radius: 4px;
background-color: #ffffff;
margin-right: 15px;
}
.footer-message .join-piece {
padding: 10px 0px 10px 20px;
}
.fa.fa-paperclip {
color: #004294 !important;
}
.boutton-send {
background-color: #004294;
text-align: center;
padding-top: 10px;
display: -webkit-box;
}
.boutton-send .fa {
color: #ffffff;
padding-right: 10px;
padding-left: 10px;
}
.boutton-send p {
color: #ffffff;
}
/*
** loader
*/
.loader {
margin: 100px auto;
font-size: 25px;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
-webkit-animation: load5 1.1s infinite ease;
animation: load5 1.1s infinite ease;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff,
2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2),
0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7),
2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5),
2.5em 0em 0 0em rgba(255, 255, 255, 0.7),
1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7),
-1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
}
}
@keyframes load5 {
0%,
100% {
box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
}
12.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2),
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
}
25% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff,
1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2),
-2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
37.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5),
2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
50% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff,
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
62.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7),
-1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
75% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
}
87.5% {
box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2),
2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2),
-1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
}
}
/*
** Media Query
*/
@media only screen
and (min-width : 150px)
and (max-width : 499px) {
.menu_tabpad .row {
margin-left: 5%;
margin-right: auto;
}
}
@media only screen
and (min-width : 240px)
and (max-width : 369px) {
.step-vert .circle {
margin-left: 37%;
}
}
@media only screen
and (min-width : 370px)
and (max-width : 419px) {
.step-vert .circle {
margin-left: 38%;
}
}
@media only screen
and (min-width : 420px)
and (max-width : 500px) {
.step-vert .circle {
margin-left: 40%;
}
}
@media only screen
and (min-width : 500px)
and (max-width : 600px) {
.step-vert .circle {
margin-left: 42%;
}
}
@media only screen
and (min-width : 150px)
and (max-width : 775px) {
.hidden-xs {
display: none !important;
visibility: hidden !important;
}
.container {
margin: 0 !important;
border-radius: 0 !important;
max-width: 100%;
}
.visible-xs {
display: block !important;
}
.aside_center {
padding-left: 0 !important;
padding-right: 0 !important;
}
footer {
width: 100%;
}
}
@media only screen
and (max-width : 343px) {
.commande_info .header,
.statut-commande .header {
border: none;
margin-bottom: 3%;
}
.card-intro .header .statut {
margin-left: 40%;
width: 60%;
}
.card-intro .header .intro {
width: 40%;
}
}
@media only screen
and (min-width : 576px)
and (max-width : 669px) {
.commande_info .header,
.statut-commande .header {
border: none;
margin-bottom: 3%;
}
.card-intro .header .statut {
margin-left: 40%;
width: 60%;
}
.card-intro .header .intro {
width: 40%;
}
}
@media only screen
and (min-width : 768px)
and (max-width : 775px){
/*.content {
width: 775px !important;
}
.col-md-12 {
width: 775px !important;
}
.col-sm-12 {
width: 775px !important;
}*/
/*.col-md-9 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;*/
/*max-width: 100% !important;*/
.col-md-9 {
-ms-flex: auto !important;
flex: auto !important;
max-width: 100% !important;
}
}
@media only screen
and (min-width : 776px)
and (max-width : 891px) {
.commande_info .header,
.statut-commande .header {
border: none;
margin-bottom: 3%;
}
.card-intro .header .statut {
margin-left: 40%;
width: 60%;
}
/*.card-intro .header .intro {
width: 40%;
}*/
footer {
width: 100%;
}
}
@media only screen
and (min-width : 992px)
and (max-width : 1062px) {
.commande_info .header,
.statut-commande .header {
border: none;
margin-bottom: 3%;
}
.card-intro .header .statut {
margin-left: 40%;
width: 60%;
}
.card-intro .header .intro {
width: 40%;
}
footer {
width: 100%;
}
}
@media only screen
and (min-width : 992px)
and (max-width : 1150px) {
.aside_right_contact .cartouche-card img {
height: 24px;
}
}
@media only screen
and (min-width : 1063px)
and (max-width : 1126px) {
.commande_info .header,
.statut-commande .header {
border: none;
margin-bottom: 3%;
}
.card-intro .header .statut {
margin-left: 40%;
width: 60%;
}
.card-intro .header .intro {
width: 40%;
}
}
@media only screen
and (min-width : 777px)
and (max-width : 1279px) {
.container {
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 10px;
max-width: 100%;
}
.content {
width: 100%;
}
}
@media only screen
and (min-width : 777px) {
.visible-xs {
display: none !important;
visibility: hidden !important;
}
}
/*
** CSS nouvelle page d'accueil
*/
.bouton_droit, .bouton_gauche_bleu {
}
#bloc_contenu div.col-md-6 form table td {
color: #61696d;
}
button[name="connexion"],
button[name="connexion_cmde"]{
/*background-color: #267317;*/
color: #fff;
padding: 0 100px;
}
input[name="pass_oublie"] {
background-color: #267317;
border: none;
color: #fff;
}
button[name="connexion"]:hover,
button[name="connexion_cmde"]:hover,
input[name="pass_oublie"]:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
/*.bloc_login{
background-image: linear-gradient(rgba(0, 66, 148, 0.85), rgb(25, 27, 31)),
url(../images/commun/bg_login6.jpg);
background-position: center;
}*/
#bloc_contenu div.left-side {
color: #fff;
}
/*
* form control
*/
/*.form-control {
padding: 6px 36px;
}*/
div.left-side p:first-child {
}