body.nav-sm .container.body .left_col {
width: 70px;
padding: 0;
position: fixed;
height: 100%;
z-index: 200;
background: #567CD9!important;
}
/*body.nav-sm .container.body .right_col {
padding: 10px 20px;
margin-left: 70px;
z-index: 2;
}*/
.right_col{min-height: 1000px;}
/*
body.nav-sm .navbar.nav_title {
width: 70px;
}*/
body.nav-sm .navbar.nav_title a span {
display: none;
}
body.nav-sm .navbar.nav_title a i {
font-size: 27px;
margin: 13px 0 0 3px;
}
.site_title i {
border: 1px solid #EAEAEA;
padding: 5px 6px;
border-radius: 50%;
}
body.nav-sm .main_container .top_nav {
padding: 0 !important;
display: block;
margin-left: 70px;
z-index: 2;
}
body.nav-sm .nav.side-menu li a {
text-align: center !important;
background: inherit !important;
font-weight: 400;
font-size: 10px;
padding: 10px 5px;
font-family: "Open Sans",Arial,sans-serif;
font-weight: 600;
}
body.nav-sm .nav.side-menu li.active-sm {
border-right: 5px solid #1ABB9C;
}
body.nav-sm > .nav.side-menu > li.active-sm > a {
color: #1ABB9C !important;
}
body.nav-sm .nav.side-menu li a i.toggle-up {
display: none !important;
}
body.nav-sm .nav.side-menu li a i {
font-size: 20px !important;
text-align: center;
width: 100% !important;
margin-bottom: 5px;
}
body.nav-sm ul.nav.child_menu {
left: 100%;
position: absolute;
top: 0;
padding: 10px;
width: 210px;
z-index: 4000;
background: #3E5367;
display: none;
}
body.nav-sm ul.nav.child_menu li {
padding-left: 0;
}
body.nav-sm ul.nav.child_menu li a {
text-align: left !important;
}
body.nav-sm .profile {
display: none;
}
.menu_section {
margin-bottom: 35px;
}
.menu_section h3 {
padding-left: 23px;
color: #fff;
text-transform: uppercase;
letter-spacing: .5px;
font-weight: bold;
font-size: 11px;
margin-bottom: 0;
margin-top: 0;
text-shadow: 1px 1px #000;
}
.menu_section >ul {
padding-top: 5px;
}
.profile_pic {
width: 35%;
float: left;
}
.img-circle.profile_img {
width: 70%;
background: #fff;
margin-left: 15%;
z-index: 1000;
position: inherit;
margin-top: 20px;
border: 1px solid rgba(52, 73, 94, 0.44);
padding: 4px;
}
.profile_info {
padding: 25px 10px 10px;
width: 65%;
float: left;
}
.profile_info span {
font-size: 13px;
line-height: 30px;
color: #BAB8B8;
}
.profile_info h2 {
font-size: 14px;
color: #ECF0F1;
margin: 0;
font-weight: 300;
}
.profile.img_2 {
text-align: center;
}
.profile.img_2 .profile_pic {
width: 100%;
}
.profile.img_2 .profile_pic .img-circle.profile_img {
width: 50%;
margin: 10px 0 0;
}
.profile.img_2 .profile_info {
padding: 15px 10px 0;
width: 100%;
margin-bottom: 10px;
float: left;
}
#sidebar-menu span.fa {
float: right;
text-align: center;
margin-top: 5px;
font-size: 10px !important;
min-width: inherit;
color: #C4CFDA;
}
.active a span.fa {
text-align: right !important;
margin-right: 4px;
}
body.nav-sm .menu_section {
margin: 0;
}
body.nav-sm span.fa,
body.nav-sm .menu_section h3 {
}
.modal-dialog .modal-content:first{
border: 1px solid rgba(0,0,0,0.2)!important;
border-radius: 8px!important;
box-shadow: 0 3px 9px rgba(140, 140, 140, 0.5)!important;
}
.modal-header{
border-radius: 8px!important;
}
.nav_menu {
float: left;
/*background: #F4F6F9;
border-bottom: 1px solid #E6E9ED;*/
min-height: 51px;
background: #EDEDED;
border-bottom: 1px solid #D9DEE4;
margin-bottom: 10px;
width: 100%;
}
body.nav-md .container.body .col-md-3.left_col {
width: 230px;
padding: 0;
position: absolute;
display: flex;
}
body .container.body .right_col {
background: #F7F7F7;
}
body.nav-md .container.body .right_col {
padding: 10px 20px 0;
margin-left: 230px;
}
.nav_title {
width: 230px;
float: left;
background: #2A3F54;
border-radius: 0;
height: 57px;
border-bottom: 1px solid #B9CDFF!important;
background: #567CD9!important;
}
@media (max-width: 991px) {
.right_col,
.top_nav {
width: 100%;
margin: 0;
}
.col-md-3.left_col {
display: none;
}
.right_col {
width: 100%;
padding-right: 0
}
.right_col {
padding: 10px !important;
}
}
@media (max-width: 736px) {
.right_col {
padding: 10px !important;
margin-left: 0px;
}
}
@media (max-width: 1200px) {
.x_title h2 {
width: 62%;
font-size: 17px;
}
.tile,
.graph {
zoom: 85%;
height: inherit;
}
}
@media (max-width: 1270px) and (min-width: 192px) {
.x_title h2 small {
display: none
}
}
/** ------------------------------------------ **/
blue,
.blue {
color: #3498DB;
}
purple,
.purple {
color: #9B59B6;
}
green,
.green {
color: #1ABB9C;
}
.aero {
color: #9CC2CB;
}
red,
.red {
color: #E74C3C;
}
dark,
.dark {
color: #34495E;
}
.border-blue {
border-color: #3498DB !important;
}
.border-purple {
border-color: #9B59B6 !important;
}
.border-green {
border-color: #1ABB9C !important;
}
.border-aero {
border-color: #9CC2CB !important;
}
.border-red {
border-color: #E74C3C !important;
}
.border-dark {
border-color: #34495E !important;
}
.bg-white {
background: #fff !important;
border: 1px solid #fff !important;
color: #73879C;
}
.bg-green {
background: #1ABB9C !important;
border: 1px solid #1ABB9C !important;
color: #fff;
}
.bg-red {
background: #E74C3C !important;
border: 1px solid #E74C3C !important;
color: #fff;
}
.bg-blue {
background: #3498DB !important;
border: 1px solid #3498DB !important;
color: #fff;
}
.bg-orange {
background: #F39C12 !important;
border: 1px solid #F39C12 !important;
color: #fff;
}
.bg-purple {
background: #9B59B6 !important;
border: 1px solid #9B59B6 !important;
color: #fff;
}
.bg-blue-sky {
background: #50C1CF !important;
border: 1px solid #50C1CF !important;
color: #fff;
}
.container {
width: 100%;
padding:0px;
}
.navbar-nav>li>a,
.navbar-brand,
.navbar-nav>li>a {
color: #fff !important;
}
.navbar-brand,
.navbar-nav>li>a {
margin-bottom: 5px
}
body {
color: #333;
font-family:"Open Sans", "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.471;
font-style: normal;
}
.main_container .top_nav {
padding: 0 !important;
display: block;
padding: 10px 20px 0;
margin-left: 230px;
}
.main_container {}
.no-padding {
padding: 0 !important;
}
.page-title {
width: 100%;
height: 65px;
padding: 10px 0;
}
.page-title .title_left {
width: 45%;
float: left;
display: block;
}
.page-title .title_left h3 {
margin: 9px 0;
}
.page-title .title_right {
width: 55%;
float: left;
display: block;
}
.page-title .title_right .pull-right {
margin: 10px 0;
}
.fixed_height_320 {
height: 320px;
}
.fixed_height_390 {
height: 390px;
}
.fixed_height_200 {
height: 200px;
}
.overflow_hidden {
overflow: hidden
}
.progress-bar-dark {
background-color: #34495E !important;
}
.progress-bar-gray {
background-color: #BDC3C7 !important;
}
table.no-margin .progress {
margin-bottom: 0;
}
.main_content {
padding: 10px 20px;
}
.col-md-55 {
width: 50%;
margin-bottom: 10px;
}
@media (max-width: 992px) {
.tile_stats_count {
margin-bottom: 10px;
border-bottom: 1px solid #D9DEE4;
padding-bottom: 10px;
}
}
@media (min-width: 992px) and (max-width: 1100px) {
.tile_stats_count .count {
font-size: 35px !important;
}
}
@media(max-width:768px) {
.tile_stats_count .count {
font-size: 30px !important;
}
.tile_stats_count .right span {
font-size: 12px;
}
}
@media (min-width: 768px) {
.col-md-55 {
width: 20%;
}
}
@media (min-width: 992px) {
.col-md-55 {
width: 20%;
}
}
@media (min-width: 1200px) {
.col-md-55 {
width: 20%;
}
}
@media (min-width: 192px) and (max-width: 1270px) {
.hidden-small {
display: none !important;
}
table.tile_info span.right {
margin-right: 7px;
float: left;
}
}
.center-margin {
margin: 0 auto;
float: none!important;
}
.col-md-55,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
float: left;
padding-right: 10px;
padding-left: 10px;
}
.row {
margin-right: -10px;
margin-left: -10px;
}
.grid_slider .col-md-6 {
padding: 0 40px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 10px;
margin-bottom: 10px;
}
a {
color: #5A738E;
text-decoration: none;
}
a,
a:visited,
a:focus,
a:active,
:visited,
:focus,
:active,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 0;
}
a:hover{
text-decoration: none;
}
a:focus {
}
.navbar {
margin-bottom: 0
}
.navbar-header {
background: #34495E;
}
.navbar-right {
margin-right: 0;
}
.close span{
color: #242427!important;
font-size: 1em!important;
}
.modal-title i{
color:grey!important;
}
.modal-header
{
background: rgba(255, 255, 255, 0.68)!important;
}
.top_nav .navbar-right {
margin: 0;
float: right;
}
.top_nav .navbar-right li {
display: inline-block;
float: right;
}
.top_nav .dropdown-menu {
min-width: 220px;
}
.top_nav .dropdown-menu li {
width: 100%;
}
.top_nav .dropdown-menu li a {
width: 100%;
padding: 12px 20px;
}
.top_nav li a i {
font-size: 15px
}
.navbar-static-top {
position: fixed;
top: 0;
width: 100%;
}
.sidebar-header {
border-bottom: 0;
margin-top: 46px;
}
.sidebar-header:first-of-type {
margin-top: 0
}
.nav.side-menu> li {
position: relative;
display: block;
}
.nav.side-menu> li > a {
margin-bottom: 6px;
}
.nav.side-menu> li > a:hover {
color: #F2F5F7 !important;
}
.nav.side-menu>li>a:hover,
.nav>li>a:focus {
text-decoration: none;
background: transparent;
}
.nav.child_menu li:hover {
background-color: rgba(255, 255, 255, 0.06);
}
.nav.child_menu li {
padding-left: 36px
}
body.nav-md ul.nav.child_menu li:before {
background: #425668;
bottom: auto;
content: "";
height: 8px;
left: 23px;
margin-top: 15px;
position: absolute;
right: auto;
width: 8px;
z-index: 1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
body.nav-md ul.nav.child_menu li:after {
border-left: 1px solid #425668;
bottom: 0;
content: "";
left: 27px;
position: absolute;
top: 0;
}
.nav.side-menu>li>a,
.nav.child_menu>li>a {
color: rgba(255, 255, 255, 0.77) !important;
font-weight: 500;
}
.nav>li>a {
position: relative;
display: block;
padding: 13px 15px 7px;
}
.nav.side-menu> li.current-page,
.nav.side-menu> li.active {
border-right: 5px solid #1ABB9C;
}
li.current-page {
background: rgba(255, 255, 255, 0.05);
}
.nav.side-menu> li.active > a {
color: #ff0000;
text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5b6479), color-stop(100%, #4c5566)), #686e78;
background: -webkit-linear-gradient(#334556, #2C4257), #2A3F54;
background: -moz-linear-gradient(#334556, #2C4257), #2A3F54;
background: -o-linear-gradient(#334556, #2C4257), #2A3F54;
background: linear-gradient(#334556, #2C4257), #2A3F54;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
}
li.current-page a {
color: #1ABB9C !important
}
.navbar-brand,
.navbar-nav>li>a {
font-weight: 500;
color: #ECF0F1 !important;
margin-left: 0 !important;
line-height: 32px;
}
.site_title {
text-overflow: ellipsis;
overflow: hidden;
font-weight: 400;
font-size: 22px;
width: 100%;
color: #ECF0F1 !important;
margin-left: 0 !important;
line-height: 59px;
display: block;
height: 55px;
margin: 0;
padding-left: 10px;
}
.site_title:hover,
.site_title:focus {
text-decoration: none
}
.nav.navbar-nav>li>a {
color: #515356 !important;
}
.nav.top_menu>li>a {
position: relative;
display: block;
padding: 10px 15px;
color: #34495E !important;
}
.nav>li>a:hover,
.nav>li>a:focus {
background-color: transparent;
}
.top_search {
padding: 0;
}
.top_search .form-control {
border-right: 0;
box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
border-radius: 25px 0px 0px 25px;
padding-left: 20px;
border: 1px solid rgba(221, 226, 232, 0.49);
}
.top_search .form-control:focus {
}
.top_search .input-group-btn button {
border-radius: 0px 25px 25px 0px;
border: 1px solid rgba(221, 226, 232, 0.49);
border-left: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
color: #93A2B2;
margin-bottom: 0 !important;
}
.toggle {
float: left;
margin: 0;
padding-top: 16px;
width: 70px;
}
.toggle a {
padding: 15px 15px 0;
margin: 0;
}
.toggle a i {
font-size: 26px;
}
.nav.child_menu > li > a {
color: rgba(255, 255, 255, 0.75) !important;
font-size: 12px;
padding: 9px;
}
.panel_toolbox {
float: right;
min-width: 70px;
}
.panel_toolbox>li {
float: left;
}
.panel_toolbox>li>a {
padding: 5px;
color: #C5C7CB;
font-size: 14px;
}
.panel_toolbox>li>a:hover {
background: #F5F7FA;
}
.line_30 {
line-height: 30px;
}
.main_menu_side {
padding: 0;
}
.bs-docs-sidebar .nav>li>a {
display: block;
padding: 4px 6px;
}
.x_content canvas {}
footer {
background: #fff;
padding: 5px 20px 0;
margin: 0 -17px;
}
.tile-stats.sparkline {
padding: 10px;
text-align: center;
}
.jqstooltip {
background: #34495E !important;
width: 30px !important;
height: 22px !important;
text-decoration: none;
}
a.btn-success,
a.btn-primary,
a.btn-warning,
a.btn-danger {
color: #fff !important;
}
.btn {
border-radius: 3px;
}
.tooltip {
display: block !important;
}
.tiles {
border-top: 1px solid #ccc;
margin-top: 15px;
padding-top: 5px;
margin-bottom: 0;
.tile {
overflow: hidden;
}
}
.top_tiles {
margin-bottom: 0;}
.top_tiles .tile span {}
.top_tiles .tile h2 {
font-size: 30px;
line-height: 30px;
margin: 3px 0 7px;
font-weight: bold;
}
article.media {
width: 100%;
}
/* ********* custom accordion **************************** */
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#integration-list {
width: 100%;
margin: 0 auto;
display: table;
}
#integration-list ul {
padding: 0;
margin: 20px 0;
color: #555;
}
#integration-list ul > li {
list-style: none;
border-top: 1px solid #ddd;
display: block;
padding: 15px;
overflow: hidden;
}
#integration-list ul:last-child {
border-bottom: 1px solid #ddd;
}
#integration-list ul > li:hover {
background: #efefef;
}
.expand {
display: block;
text-decoration: none;
color: #555;
cursor: pointer;
}
.expand h2 {
width: 85%;
float: left;
}
h2 {
font-size: 18px;
font-weight: 400;
}
#left,
#right {
display: table;
}
#sup {
display: table-cell;
vertical-align: middle;
width: 80%;
}
.detail a {
text-decoration: none;
color: #C0392B;
border: 1px solid #C0392B;
padding: 6px 10px 5px;
font-size: 13px;
margin-right: 7px;
}
.detail {
margin: 10px 0 10px 0px;
display: none;
line-height: 22px;
height: 150px;
}
.detail span {
margin: 0;
}
.right-arrow {
width: 10px;
float: right;
font-weight: bold;
font-size: 20px;
}
.accordion .panel {
margin-bottom: 5px;
border-radius: 0;
border-bottom: 1px solid #efefef;
}
.accordion .panel-heading {
background: #F2F5F7;
padding: 13px;
width: 100%;
display: block;
}
.accordion .panel:hover {
background: #F2F5F7;
}
.x_panel {
position: relative;
width: 100%;
margin-bottom: 10px;
padding: 10px 17px;
display: inline-block;
background: inherit!important;
border: 1px solid #E6E9ED;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
opacity: 1;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-webkit-transition: all .2s ease;
-ms-transition: all .2s ease;
transition: all .2s ease;
}
.x_title {
border-bottom: 2px solid #E6E9ED;
padding: 1px 5px 6px;
margin-bottom: 10px;
}
.x_title .filter {
width: 40%;
float: right;
}
.x_title h2 {
margin: 5px 0 6px;
float: left;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.x_title h2 small {
margin-left: 10px;
}
.x_title span {
color: #BDBDBD;
}
.x_content {
padding: 0 5px 6px;
position: relative;
width: 100%;
float: left;
clear: both;
margin-top: 5px;
}
.x_content h4 {
font-size: 16px;
font-weight: 500;
}
legend {
padding-bottom: 7px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.demo-placeholder {
height: 280px;
}
/* ********* contacts ********************************** */
.profile_view {
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.well.profile_view {
padding: 10px 0 0;
}
.well.profile_view .divider {
border-top: 1px solid #e5e5e5;
padding-top: 5px;
margin-top: 5px;
}
.well.profile_view .ratings {
margin-bottom: 0;
}
.pagination.pagination-split li {
display: inline-block;
margin-right: 3px;
}
.pagination.pagination-split li a {
border-radius: 4px;
color: #768399;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.well.profile_view {
background: #fff;
}
.well.profile_view .bottom {
margin-top: -20px;
background: #F2F5F7;
padding: 9px 0;
border-top: 1px solid #E6E9ED;
}
.well.profile_view .left {
margin-top: 20px;
}
.well.profile_view .left p {
margin-bottom: 3px;
}
.well.profile_view .right {
margin-top: 0px;
padding: 10px;
}
.well.profile_view .img-circle {
border: 1px solid #E6E9ED;
padding: 2px;
}
.well.profile_view h2 {
margin: 5px 0;
}
.well.profile_view .ratings {
text-align: left;
font-size: 16px;
}
.well.profile_view .brief {
margin: 0;
font-weight: 300;
}
.profile_left {
background: white;
}
/* ********* /contacts ********************************** */
/* ********* /custom accordion **************************** */
/* ********* dashboard widget **************************** */
table.tile h3,
table.tile h4,
table.tile span {
font-weight: bold;
vertical-align: middle !important;
}
table.tile th,
table.tile td {
text-align: center;
}
table.tile th {
border-bottom: 1px solid #E6ECEE;
}
table.tile td {
padding: 5px 0;
}
table.tile td ul {
text-align: left;
padding-left: 0
}
table.tile td ul li {
list-style: none;
width: 100%;
}
table.tile td ul li a {
width: 100%
}
table.tile td ul li a big {
right: 0;
float: right;
margin-right: 13px;
}
table.tile_info {
width: 100%;
}
table.tile_info td {
text-align: left;
padding: 1px;
font-size: 15px
}
table.tile_info td p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
line-height: 28px;
}
table.tile_info td i {
margin-right: 8px;
font-size: 17px;
float: left;
width: 18px;
line-height: 28px
}
table.tile_info td:first-child {
width: 83%;
}
td span {
line-height: 28px;
}
.sidebar-widget {
overflow: hidden;
}
.error-number {
font-size: 90px;
line-height: 90px;
margin: 20px 0;
}
.col-middle {
margin-top: 5%;
}
.mid_center {
width: 370px;
margin: 0 auto;
text-align: center;
padding: 10px 20px;
}
h3.degrees {
font-size: 22px;
font-weight: 400;
text-align: center;
}
.degrees:after {
content: "o";
position: relative;
top: -12px;
font-size: 13px;
font-weight: 300;
}
.daily-weather .day {
font-size: 14px;
border-top: 2px solid rgba(115, 135, 156, 0.36);
text-align: center;
border-bottom: 2px solid rgba(115, 135, 156, 0.36);
padding: 5px 0;
}
.weather-days .col-sm-2 {
overflow: hidden;
width: 16.66666667%;
}
.weather .row {
margin-bottom: 0
}
/* ********* tables styling ******************************* */
.bulk-actions {
display: none;
}
table.countries_list {
width: 100%;
}
table.countries_list td {
padding: 0 10px;
line-height: 30px;
border-top: 1px solid #eeeeee;
}
.dataTables_paginate a {
padding: 6px 9px !important;
background: #ddd !important;
border-color: #ddd !important;
}
.paging_full_numbers a.paginate_active {
background-color: rgba(38, 185, 154, 0.59) !important;
border-color: rgba(38, 185, 154, 0.59) !important;
}
button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
border: 1px solid #E7E7E7 !important;
background: #E7E7E7 !important;
box-shadow: none !important;
}
table.jambo_table {
border: 1px solid rgba(221, 221, 221, 0.78);
}
table.jambo_table thead {
background: rgba(52, 73, 94, 0.94);
color: #ECF0F1;
}
table.jambo_table tbody tr:hover td {
background: rgba(38, 185, 154, 0.07);
border-top: 1px solid rgba(38, 185, 154, 0.11);
border-bottom: 1px solid rgba(38, 185, 154, 0.11);
}
table.jambo_table tbody tr.selected {
background: rgba(38, 185, 154, 0.16);
}
table.jambo_table tbody tr.selected td {
border-top: 1px solid rgba(38, 185, 154, 0.40);
border-bottom: 1px solid rgba(38, 185, 154, 0.40);
}
.dataTables_paginate a {
background: #ff0000;
}
.dataTables_wrapper {
position: relative;
clear: both;
zoom: 1;
/* Feeling sorry for IE */
}
.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 250px;
height: 30px;
margin-left: -125px;
margin-top: -15px;
padding: 14px 0 2px 0;
border: 1px solid #ddd;
text-align: center;
color: #999;
font-size: 14px;
background-color: white;
}
.dataTables_length {
width: 40%;
float: left;
}
.dataTables_filter {
width: 50%;
float: right;
text-align: right;
}
.dataTables_info {
width: 60%;
float: left;
}
.dataTables_paginate {
float: right;
text-align: right;
}
/* Pagination nested */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
height: 19px;
float: left;
cursor: pointer;
*cursor: hand;
color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
outline: none;
}
.paginate_disabled_previous,
.paginate_disabled_next {
color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
padding-right: 23px;
margin-left: 10px;
}
.paginate_disabled_previous {
background: url('img/back_disabled.png') no-repeat top left;
}
.paginate_enabled_previous {
background: url('img/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
background: url('img/back_enabled_hover.png') no-repeat top left;
}
.paginate_disabled_next {
background: url('img/forward_disabled.png') no-repeat top right;
}
.paginate_enabled_next {
background: url('img/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
background: url('img/forward_enabled_hover.png') no-repeat top right;
}
table.display {
margin: 0 auto;
clear: both;
width: 100%;
}
table.display thead th {
padding: 8px 18px 8px 10px;
border-bottom: 1px solid black;
font-weight: bold;
cursor: pointer;
cursor: hand;
}
table.display tfoot th {
padding: 3px 18px 3px 10px;
border-top: 1px solid black;
font-weight: bold;
}
table.display tr.heading2 td {
border-bottom: 1px solid #aaa;
}
table.display td {
padding: 3px 10px;
}
table.display td.center {
text-align: center;
}
.sorting_asc {
background: url('images/sort_asc.png') no-repeat center right;
}
.sorting_desc {
background: url('images/sort_desc.png') no-repeat center right;
}
.sorting {
background: url('images/sort_both.png') no-repeat center right;
}
.sorting_asc_disabled {
background: url('images/sort_asc_disabled.png') no-repeat center right;
}
.sorting_desc_disabled {
background: url('images/sort_desc_disabled.png') no-repeat center right;
}
table.display thead th:active,
table.display thead td:active {
outline: none;
}
.dataTables_scroll {
clear: both;
}
.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
.top,
.bottom {}
.top .dataTables_info {
float: none;
}
.clear {
clear: both;
}
.dataTables_empty {
text-align: center;
}
tfoot input {
margin: 0.5em 0;
width: 100%;
color: #444;
}
tfoot input.search_init {
color: #999;
}
td.group {
background-color: #d1cfd0;
border-bottom: 2px solid #A19B9E;
border-top: 2px solid #A19B9E;
}
td.details {
background-color: #d1cfd0;
border: 2px solid #A19B9E;
}
.example_alt_pagination div.dataTables_info {
width: 40%;
}
.paging_full_numbers {
width: 400px;
height: 22px;
line-height: 22px;
}
.paging_full_numbers a:active {
outline: none
}
.paging_full_numbers a:hover {
text-decoration: none;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
*cursor: hand;
}
.paging_full_numbers a.paginate_button {
background-color: #ddd;
}
.paging_full_numbers a.paginate_button:hover {
background-color: #ccc;
text-decoration: none !important;
}
.paging_full_numbers a.paginate_active {
background-color: #99B3FF;
}
table.display tr.even.row_selected td {
background-color: #B0BED9;
}
table.display tr.odd.row_selected td {
background-color: #9FAFD1;
}
div.box {
height: 100px;
padding: 10px;
overflow: auto;
border: 1px solid #8080FF;
background-color: #E5E5FF;
}
/* ********* /tables styleing ****************************** */
/* ********* /dashboard widget **************************** */
/* ********* widgets *************************************** */
ul.msg_list li {
background: #f7f7f7;
padding: 5px;
display: flex;
margin: 6px 6px 0;
width: 96% !important;
}
ul.msg_list li:last-child {
margin-bottom: 6px;
padding: 10px;
}
ul.msg_list li a {
padding: 3px 5px !important;
}
ul.msg_list li a .image img {
border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
float: left;
margin-right: 10px;
width: 11%;
}
ul.msg_list li a .time {
font-size: 11px;
font-style: italic;
font-weight: bold;
position: absolute;
right: 35px;
}
ul.msg_list li a .message {
display: block !important;
font-size: 11px;
}
.dropdown-menu.msg_list {
width: 300px !important;
}
.dropdown-menu.msg_list span {
white-space: normal;
}
.dropdown-menu {
border-radius: 3px;
box-shadow: 0 0 3px;
display: none;
float: left;
font-size: 12px;
right: 0px;
left: inherit;
list-style: none outside none;
padding: 0;
position: absolute;
text-shadow: none;
top: 100%;
z-index: 1000;
padding-top: 10px;
top:-8px;
margin-bottom: 10px;
padding-bottom: 10px;
border-radius: 2px;
}
.dropdown-menu:after {
border-bottom: 6px solid #999999;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
display: inline-block;
right: 6%;
position: absolute;
top: -6px;
}
.dropdown-menu>li>a {
color: #5A738E;
}
.navbar-nav .open .dropdown-menu {
position: absolute;
background: #fff;
margin-top: 0;
border: 1px solid #D9DEE4;
-webkit-box-shadow: none;
}
.info-number .badge {
font-size: 10px;
font-weight: normal;
line-height: 13px;
padding: 2px 6px;
position: absolute;
right: 2px;
top: 8px;
}
ul.to_do {
padding: 0;
}
ul.to_do li {
background: #f3f3f3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
padding: 7px;
margin-bottom: 5px;
list-style: none;
}
ul.to_do p {
margin: 0;
}
.dashboard-widget {
background: #f6f6f6;
border-top: 5px solid #79C3DF;
border-radius: 3px;
padding: 5px 10px 10px;
}
.dashboard-widget .dashboard-widget-title {
font-weight: normal;
border-bottom: 1px solid #c1cdcd;
margin: 0 0 10px 0;
padding-bottom: 5px;
padding-left: 40px;
line-height: 30px;
}
.dashboard-widget .dashboard-widget-title i {
font-size: 100%;
margin-left: -35px;
margin-right: 10px;
color: #33a1c9;
padding: 3px 6px;
border: 1px solid #abd9ea;
border-radius: 5px;
background: #fff;
}
ul.quick-list {
width: 45%;
padding-left: 0;
display: inline-block;
}
ul.quick-list li {
padding-left: 10px;
list-style: none;
margin: 0;
padding-bottom: 6px;
padding-top: 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
ul.quick-list li i {
padding-right: 10px;
color: #757679;
}
.dashboard-widget-content {
padding-top: 9px;
}
.dashboard-widget-content .sidebar-widget {
width: 50%;
display: inline-block;
vertical-align: top;
background: #fff;
border: 1px solid #abd9ea;
border-radius: 5px;
text-align: center;
float: right;
padding: 2px;
margin-top: 10px;
}
.widget_summary {
width: 100%;
display: inline-flex;
}
.widget_summary .w_left {
float: left;
text-align: left;
}
.widget_summary .w_center {
float: left;
}
.widget_summary .w_right {
float: left;
text-align: right;
}
.widget_summary .w_right span {
font-size: 20px;
}
.w_20 {
width: 20%
}
.w_25 {
width: 25%
}
.w_55 {
width: 55%
}
h5.graph_title {
text-align: left;
margin-left: 10px
}
h5.graph_title i {
margin-right: 10px;
font-size: 17px
}
span.right {
float: right;
font-size: 14px !important
}
.tile_info a {
text-overflow: ellipsis;
}
.sidebar-footer {
bottom: 0px;
clear: both;
display: block;
padding: 5px 0 0 0;
position: fixed;
width: 230px;
z-index: 1000;
background: #567CD9!important;
}
.sidebar-footer a {
padding: 7px 0 3px;
text-align: center;
width: 25%;
font-size: 17px;
display: block;
float: left;
background: #172D44;
}
.sidebar-footer a:hover {
background: #425567;
}
.tile_count {
margin-bottom: 20px;
margin-top: 20px;
}
.tile_count div:first-child .left {
border: 0;
}
.tile_count .tile_stats_count {
border-left: 0px solid #333;
padding: 0;
}
.tile_stats_count .left {
width: 15%;
float: left;
height: 65px;
border-left: 2px solid #ADB2B5;
margin-top: 10px;
}
.tile_stats_count .right {
padding-left: 10px;
height: 100%;
text-overflow: ellipsis;
overflow: hidden;
}
.tile_stats_count .right span {
text-overflow: ellipsis;
white-space: nowrap;
}
.tile_stats_count .count {
font-size: 40px;
line-height: 47px;
font-weight: 600;
}
.tile_stats_count .count small {
font-size: 20px;
line-height: 20px;
font-weight: 600;
}
.count_bottom i {
width: 12px;
}
.dashboard_graph {
background: #fff;
padding: 7px 10px;
}
.dashboard_graph .col-md-9,
.dashboard_graph .col-md-3 {
padding: 0;
}
a.user-profile {
color: #5E6974 !important;
}
.user-profile img {
width: 29px;
height: 29px;
border-radius: 50%;
margin-right: 10px;
}
ul.top_profiles {
height: 330px;
width: 100%;
}
ul.top_profiles li {
margin: 0;
padding: 3px 5px;
}
ul.top_profiles li:nth-child(odd) {
background-color: #eee;
}
.media .profile_thumb {
border: 1px solid;
width: 50px;
height: 50px;
margin: 5px 10px 5px 0;
border-radius: 50%;
padding: 9px 12px;
}
.media .profile_thumb i {
font-size: 30px;
}
.media .date {
background: #ccc;
width: 52px;
margin-right: 10px;
border-radius: 10px;
padding: 5px;
}
.media .date .month {
margin: 0;
text-align: center;
color: #fff;
}
.media .date .day {
text-align: center;
color: #fff;
font-size: 27px;
margin: 0;
line-height: 27px;
font-weight: bold;
}
.event .media-body a.title {
font-weight: bold;
}
.event .media-body p {
margin-bottom: 0;
}
h4.graph_title {
margin: 7px;
text-align: center;
}
/* ********* /widgets *************************************** */
/* ********* iconts-display **************************** */
.fontawesome-icon-list .fa-hover a:hover {
background-color: #ddd;
color: #fff;
text-decoration: none;
}
.fontawesome-icon-list .fa-hover a {
display: block;
line-height: 32px;
height: 32px;
padding-left: 10px;
border-radius: 4px;
}
.fontawesome-icon-list .fa-hover a:hover .fa {
font-size: 28px;
vertical-align: -6px;
}
.fontawesome-icon-list .fa-hover a .fa {
width: 32px;
font-size: 16px;
display: inline-block;
text-align: right;
margin-right: 10px;
}
#sidebar-menu .fa {
width: 26px;
opacity: .99;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 18px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* ********* /iconts-display **************************** */
/* ********* Tile stats **************************** */
.tile-stats {
position: relative;
display: block;
margin-bottom: 12px;
border: 1px solid #eeedf6;
-webkit-border-radius: 5px;
overflow: hidden;
padding-bottom: 5px;
-webkit-background-clip: padding-box;
-moz-border-radius: 5px;
-moz-background-clip: padding;
border-radius: 5px;
background-clip: padding-box;
background: #FFF;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.tile-stats:hover .icon i {
animation-name: tansformAnimation;
animation-duration: .5s;
animation-iteration-count: 1;
color: rgba(58, 58, 58, 0.41);
animation-timing-function: ease;
animation-fill-mode: forwards;
-webkit-animation-name: tansformAnimation;
-webkit-animation-duration: .5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: tansformAnimation;
-moz-animation-duration: .5s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: forwards;
}
.tile-stats .icon {
color: #BAB8B8;
position: absolute;
right: 53px;
top: 22px;
z-index: 1;
}
.tile-stats .icon i {
margin: 0;
font-size: 60px;
line-height: 0;
vertical-align: bottom;
padding: 0;
}
.tile-stats .count {
font-size: 38px;
font-weight: bold;
line-height: 1.65857143
}
.tile-stats .count,
.tile-stats h3,
.tile-stats p {
position: relative;
margin: 0;
margin-left: 10px;
z-index: 5;
padding: 0;
}
.tile-stats h3 {
color: #BAB8B8;
}
.tile-stats p {
margin-top: 5px;
font-size: 12px;
}
.tile-stats > .dash-box-footer {
position: relative;
text-align: center;
margin-top: 5px;
padding: 3px 0;
color: #fff;
color: rgba(255, 255, 255, 0.8);
display: block;
z-index: 10;
background: rgba(0, 0, 0, 0.1);
text-decoration: none;
}
.tile-stats > .dash-box-footer:hover {
color: #fff;
background: rgba(0, 0, 0, 0.15);
}
.tile-stats > .dash-box-footer:hover {
color: #fff;
background: rgba(0, 0, 0, 0.15);
}
table.tile_info {
padding: 10px 15px;
}
table.tile_info span.right {
margin-right: 0;
float: right;
position: absolute;
right: 4%;
}
.tile:hover {
text-decoration: none;
}
.tile_header {
border-bottom: transparent;
padding: 7px 15px;
margin-bottom: 15px;
background: #E7E7E7;
}
.tile_head h4 {
margin-top: 0;
margin-bottom: 5px;
}
.tiles-bottom {
padding: 5px 10px;
margin-top: 10px;
background: rgba(194, 194, 194, 0.3);
text-align: left;
}
/* ********* /Tile stats **************************** */
/* ********* /inbox design **************************** */
a.star {
color: #428bca !important
}
.mail_content {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px;
margin-top: 20px;
min-height: 500px;
padding: 10px 11px;
width: 100%;
}
.list-btn-mail {
margin-bottom: 15px;
}
.list-btn-mail.active {
border-bottom: 1px solid #39B3D7;
padding: 0 0 14px;
}
.list-btn-mail > i {
float: left;
font-size: 18px;
font-style: normal;
width: 33px;
}
.list-btn-mail > cn {
background: none repeat scroll 0 0 #39B3D7;
border-radius: 12px;
color: #FFFFFF;
float: right;
font-style: normal;
padding: 0 5px;
}
.button-mail {
margin: 0 0 15px !important;
text-align: left;
width: 100%;
}
.buttons,
button,
.btn {
margin-bottom: 5px;
margin-right: 5px;
}
.btn-group-vertical .btn,
.btn-group .btn {
margin-bottom: 0;
margin-right: 0;
}
.mail_list_column {
border-left: 1px solid #DBDBDB;
}
.mail_view {
border-left: 1px solid #DBDBDB
}
.mail_list {
width: 100%;
border-bottom: 1px solid #DBDBDB;
margin-bottom: 2px;
display: inline-block;
}
.mail_list .left {
width: 5%;
float: left;
margin-right: 3%
}
.mail_list .right {
width: 90%;
float: left
}
.mail_list h3 {
font-size: 15px;
font-weight: bold;
margin: 0px 0 6px;
}
.mail_list h3 small {
float: right;
color: #ADABAB;
font-size: 11px;
line-height: 20px;
}
.mail_list .badge {
padding: 3px 6px;
font-size: 8px;
background: #BAB7B7
}
@media (max-width: 767px) {
.mail_list {
margin-bottom: 5px;
display: inline-block;
}
}
.mail_heading h4 {
font-size: 18px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-top: 20px;
}
.attachment {
margin-top: 30px;
}
.attachment ul {
width: 100%;
list-style: none;
padding-left: 0;
display: inline-block;
margin-bottom: 30px;
}
.attachment ul li {
float: left;
width: 150px;
margin-right: 10px;
margin-bottom: 10px;
}
.attachment ul li img {
height: 150px;
border: 1px solid #ddd;
padding: 5px;
margin-bottom: 10px;
}
.attachment ul li span {
float: right;
}
.attachment .file-name {
float: left;
}
.attachment .links {
width: 100%;
display: inline-block;
}
/* ********* /inbox design **************************** */
/* ********* form design **************************** */
.editor.btn-toolbar {
zoom: 1;
background: #F7F7F7;
margin: 5px 2px;
padding: 3px 0;
border: 1px solid #EFEFEF;
}
.input-group {
margin-bottom: 10px;
}
.ln_solid {
border-top: 1px solid #e5e5e5;
color: #ffffff;
background-color: #ffffff;
height: 1px;
margin: 20px 0;
}
span.section {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
.form-control {
border-radius: 0;
line-height: 30px;
width: 100%;
font-size: 14px;
color: #2c2525;
background-color: #fff;
border: 1px solid #dce0e9;
border-radius: 6px;
box-shadow: none;
}
.form-horizontal .control-label {
padding-top: 8px
}
.form-control:focus {
}
legend {
font-size: 18px;
color: inherit;
}
.checkbox {}
.form-horizontal .form-group {
margin-right: 0;
margin-left: 0;
}
.form-control-feedback {
margin-top: 8px;
height: 23px;
color: #bbb;
line-height: 24px;
font-size: 15px;
}
.form-control-feedback.left {
border-right: 1px solid #ccc;
left: 13px;
}
.form-control-feedback.right {
border-left: 1px solid #ccc;
right: 13px;
}
.form-control.has-feedback-left {
padding-left: 45px;
}
.form-control.has-feedback-right {
padding-right: 45px;
}
.form-group {
margin-bottom: 10px;
}
.validate {
margin-top: 10px;
}
.invalid-form-error-message {
margin-top: 10px;
padding: 5px;
}
.invalid-form-error-message.filled {
border-left: 2px solid #E74C3C;
}
p.parsley-success {
color: #468847;
background-color: #DFF0D8;
border: 1px solid #D6E9C6;
}
p.parsley-error {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
}
ul.parsley-errors-list {
list-style: none;
color: #E74C3C;
padding-left: 0;
}
input.parsley-error,
textarea.parsley-error,
select.parsley-error {
background: #FAEDEC;
border: 1px solid #E85445;
}
.btn-group .parsley-errors-list {
display: none;
}
.bad input,
.bad select,
.bad textarea {
border: 1px solid #CE5454;
box-shadow: 0 0 4px -2px #CE5454;
position: relative;
left: 0;
-moz-animation: .7s 1 shake linear;
-webkit-animation: 0.7s 1 shake linear;
}
.item input,
.item textarea {
-webkit-transition: 0.42s;
-moz-transition: 0.42s;
transition: 0.42s;
}
/* alerts (when validation fails) */
.item .alert {
float: left;
margin: 0 0 0 20px;
padding: 3px 10px;
color: #FFF;
border-radius: 3px 4px 4px 3px;
background-color: #CE5454;
max-width: 170px;
white-space: pre;
position: relative;
left: -15px;
opacity: 0;
z-index: 1;
transition: 0.15s ease-out;
}
.item .alert::after {
content: '';
display: block;
height: 0;
width: 0;
border-color: transparent #CE5454 transparent transparent;
border-style: solid;
border-width: 11px 7px;
position: absolute;
left: -13px;
top: 1px;
}
.item.bad .alert {
left: 0;
opacity: 1;
}
/* ***** dropzone ****** */
.dropzone,
.dropzone * {
box-sizing: border-box;
}
.dropzone {
min-height: 150px;
border: 2px solid rgba(0, 0, 0, 0.3);
background: white;
padding: 54px 54px;
}
.dropzone.dz-clickable {
cursor: pointer;
}
.dropzone.dz-clickable * {
cursor: default;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
cursor: pointer;
}
.dropzone.dz-started .dz-message {
display: none;
}
.dropzone.dz-drag-hover {
border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
opacity: 0.5;
}
.dropzone .dz-message {
text-align: center;
margin: 2em 0;
}
.dropzone .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 16px;
min-height: 100px;
}
.dropzone .dz-preview:hover {
z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 20px;
background: #999;
background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer;
border: none;
}
.dropzone .dz-preview .dz-remove:hover {
text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2em 1em;
text-align: center;
color: rgba(0, 0, 0, 0.9);
line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
margin-bottom: 1em;
font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
border: 1px solid rgba(200, 200, 200, 0.8);
background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
background-color: rgba(255, 255, 255, 0.4);
padding: 0 0.4em;
border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-filter: blur(8px);
filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
border-radius: 20px;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
display: block;
z-index: 10;
}
.dropzone .dz-preview .dz-image img {
display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
-webkit-transition: opacity 0.4s ease-in;
-moz-transition: opacity 0.4s ease-in;
-ms-transition: opacity 0.4s ease-in;
-o-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
-webkit-animation: pulse 6s ease infinite;
-moz-animation: pulse 6s ease infinite;
-ms-animation: pulse 6s ease infinite;
-o-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 16px;
left: 50%;
top: 50%;
margin-top: -8px;
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
-webkit-transform: scale(1);
border-radius: 8px;
overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
background: #333;
background: linear-gradient(to bottom, #666, #444);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
-webkit-transition: width 300ms ease-in-out;
-moz-transition: width 300ms ease-in-out;
-ms-transition: width 300ms ease-in-out;
-o-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
top: 130px;
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
padding: 0.5em 1.2em;
color: white;
}
.dropzone .dz-preview .dz-error-message:after {
content: '';
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626;
}
/* ***** /dropzone ****** */
.inl-bl{
display:inline-block;
}
.well .markup-heading{
}
.well .markup{
background: #fff;
color: #777;
position: relative;
padding: 45px 15px 15px;
margin: 15px 0 0 0;
background-color: #fff;
border-radius: 0 0 4px 4px;
box-shadow: none;
}
.well .markup::after{
content: "Example";
position: absolute;
top: 15px;
left: 15px;
font-size: 12px;
font-weight: bold;
color: #bbb;
text-transform: uppercase;
letter-spacing: 1px;
}
/* ***** autocomplete ***** */
.autocomplete-suggestions {
border: 1px solid #e4e4e4;
background: #F4F4F4;
cursor: default;
overflow: auto;
}
.autocomplete-suggestion {
padding: 2px 5px;
font-size: 1.2em;
white-space: nowrap;
overflow: hidden;
}
.autocomplete-selected {
background: #f0f0f0;
}
.autocomplete-suggestions strong {
font-weight: normal;
color: #3399ff;
font-weight: bolder;
}
/* ***** /autocomplete *****/
/* ***** buttons ********/
.btn.btn-app {
position: relative;
padding: 15px 5px;
margin: 0 0 10px 10px;
min-width: 80px;
height: 60px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-align: center;
color: #666;
border: 1px solid #ddd;
background-color: #fafafa;
font-size: 12px;
}
.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion {
font-size: 20px;
display: block;
}
.btn.btn-app:hover {
background: #f4f4f4;
color: #444;
border-color: #aaa;
}
.btn.btn-app:active,
.btn.btn-app: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);
}
.btn.btn-app > .badge {
position: absolute;
top: -3px;
right: -10px;
font-size: 10px;
font-weight: 400;
}
/* ********* /calender dropdown **************************** */
/* ********* form textarea **************************** */
textarea {
padding: 10px;
vertical-align: top;
width: 200px;
}
textarea:focus {
outline-style: solid;
outline-width: 2px;
}
.btn_ {
display: inline-block;
padding: 3px 9px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}
/* ********* /form textarea **************************** */
/* ********* glyphicons **************************** */
.bs-glyphicons {
margin: 0 -10px 20px;
overflow: hidden
}
.bs-glyphicons-list {
padding-left: 0;
list-style: none
}
.bs-glyphicons li {
float: left;
width: 25%;
height: 115px;
padding: 10px;
font-size: 10px;
line-height: 1.4;
text-align: center;
background-color: #f9f9f9;
border: 1px solid #fff
}
.bs-glyphicons .glyphicon {
margin-top: 5px;
margin-bottom: 10px;
font-size: 24px
}
.bs-glyphicons .glyphicon-class {
display: block;
text-align: center;
word-wrap: break-word
}
.bs-glyphicons li:hover {
color: #fff;
background-color: #1ABB9C
}
@media (min-width: 768px) {
.bs-glyphicons {
margin-right: 0;
margin-left: 0
}
.bs-glyphicons li {
width: 12.5%;
font-size: 12px
}
}
/* ********* /glyphicons **************************** */
/* ********* form tags input **************************** */
.tagsinput {
border: 1px solid #CCC;
background: #FFF;
padding: 6px 6px 0;
width: 300px;
overflow-y: auto;
}
span.tag {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
display: block;
float: left;
padding: 5px 9px;
text-decoration: none;
background: #249DCE;
color: #F1F6F7;
margin-right: 5px;
font-weight: 500;
margin-bottom: 5px;
font-family: helvetica;
}
span.tag a {
color: #F1F6F7 !important;
}
.tagsinput span.tag a {
font-weight: bold;
color: #82ad2b;
text-decoration: none;
font-size: 11px;
}
.tagsinput input {
width: 80px;
margin: 0px;
font-family: helvetica;
font-size: 13px;
border: 1px solid transparent;
padding: 3px;
background: transparent;
color: #000;
outline: 0px;
}
.tagsinput div {
display: block;
float: left;
}
.tags_clear {
clear: both;
width: 100%;
height: 0px;
}
.not_valid {
background: #FBD8DB !important;
color: #90111A !important;
}
/* ********* /form tags input **************************** */
/* ********* tabs **************************** */
ul.bar_tabs {
/* border: 1px solid #ff0000; */
overflow: visible;
background: #F5F7FA;
height: 25px;
margin: 21px 0 14px;
padding-left: 14px;
position: relative;
z-index: 1;
width: 100%;
border-bottom: 1px solid #E6E9ED;
}
ul.bar_tabs > li {
border: 1px solid #E6E9ED;
color: #333 !important;
margin-top: -17px;
margin-left: 8px;
background: #fff;
border-bottom: none;
border-radius: 4px 4px 0 0;
}
ul.bar_tabs > li.active {
border-right: 6px solid #D3D6DA;
border-top: 0;
margin-top: -15px;
}
ul.bar_tabs > li.active a {
background: #fff;
border-color: transparent;
}
ul.bar_tabs > li a {
padding: 10px 17px;
background: #F5F7FA;
margin: 0;
border-radius: 0;
}
ul.bar_tabs.right {
padding-right: 14px;
}
ul.bar_tabs.right li {
float: right
}
a:focus {
outline: none;
}
/* ********* /tabs **************************** */
/* ********* timeline **************************** */
ul.timeline li {
position: relative;
clear: both;
}
.timeline .block {
margin: 0;
border-left: 3px solid #e8e8e8;
overflow: visible;
padding: 10px 15px;
margin-left: 105px;
}
.timeline.widget {
min-width: 0;
max-width: inherit;
}
.timeline.widget .block {
margin-left: 5px;
}
.timeline .tags {
position: absolute;
top: 15px;
left: 0;
width: 84px;
}
.timeline .tag {
display: block;
height: 30px;
font-size: 13px;
padding: 8px;
}
.timeline .tag span {
display: block;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.tag {
line-height: 1;
background: #1ABB9C;
color: #fff !important;
}
.tag:after {
content: " ";
height: 30px;
width: 0;
position: absolute;
left: 100%;
top: 0;
display: none;
margin: 0;
pointer-events: none;
}
.timeline h2.title {
position: relative;
font-size: 16px;
margin: 0;
}
.timeline h2.title:before {
content: "";
position: absolute;
left: -23px;
top: 3px;
display: block;
width: 14px;
height: 14px;
border: 3px solid #d2d3d2;
border-radius: 14px;
background: #f9f9f9;
}
.timeline .byline {
padding: .25em 0;
}
.byline {
-webkit-font-smoothing: antialiased;
font-style: italic;
font-size: .9375em;
line-height: 1.3;
color: #aab6aa;
}
ul.social li {
border: 0;
}
/* ********* /timeline **************************** */
/* ********* easypie **************************** */
/* ********* /easypie **************************** */
/* ********* form wizard **************************** */
.form_wizard .stepContainer {
display: block;
position: relative;
margin: 0;
padding: 0;
border: 0 solid #CCC;
overflow-x: hidden;
}
/**-------**/
.wizard_horizontal ul.wizard_steps {
display: table;
list-style: none;
position: relative;
width: 100%;
margin: 0 0 20px;
}
.wizard_horizontal ul.wizard_steps li {
display: table-cell;
text-align: center;
}
.wizard_horizontal ul.wizard_steps li a,
.wizard_horizontal ul.wizard_steps li:hover {
display: block;
position: relative;
-moz-opacity: 1;
filter: alpha(opacity: 100);
opacity: 1;
color: #666;
}
.wizard_horizontal ul.wizard_steps li a:before {
content: "";
position: absolute;
height: 4px;
background: #ccc;
top: 20px;
width: 100%;
z-index: 4;
left: 0;
}
.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
background: #ccc;
}
.wizard_horizontal ul.wizard_steps li a .step_no {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100px;
display: block;
margin: 0 auto 5px;
font-size: 16px;
text-align: center;
position: relative;
z-index: 5;
}
.wizard_horizontal ul.wizard_steps li a.selected:before,
.step_no {
background: #34495E;
color: #fff;
}
.wizard_horizontal ul.wizard_steps li a.done:before,
.wizard_horizontal ul.wizard_steps li a.done .step_no {
background: #1ABB9C;
color: #fff;
}
.wizard_horizontal ul.wizard_steps li:first-child a:before {
left: 50%;
}
.wizard_horizontal ul.wizard_steps li:last-child a:before {
right: 50%;
width: 50%;
left: auto;
}
/**-------**/
.wizard_verticle .stepContainer {
width: 80%;
float: left;
padding: 0 10px;
overflow: hidden;
}
.form_wizard .stepContainer div.content {
display: block;
position: absolute;
float: left;
margin: 0;
padding: 5px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #5A5655;
text-align: left;
overflow: hidden;
z-index: 88;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
clear: both;
}
.wizard_verticle{
padding-top: 10px;
}
.actionBar {
width: 100%;
padding: 10px 5px;
text-align: right;
margin-top: 10px;
position: absolute;
float: left;
right: 10px;
}
.actionBar .buttonDisabled {
cursor: not-allowed;
pointer-events: none;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.actionBar a {
margin: 0 3px;
}
/**-------**/
.wizard_verticle .wizard_content {
width: 80%;
float: left;
padding-left: 20px;
}
.wizard_verticle ul.wizard_steps {
display: table;
list-style: none;
position: relative;
width: 20%;
float: left;
margin: 0 0 20px;
}
.wizard_verticle ul.wizard_steps li {
display: list-item;
text-align: center;
}
.wizard_verticle ul.wizard_steps li a {
height: 80px;
}
.wizard_verticle ul.wizard_steps li a:first-child {
margin-top: 20px;
}
.wizard_verticle ul.wizard_steps li a,
.wizard_verticle ul.wizard_steps li:hover {
display: block;
position: relative;
-moz-opacity: 1;
filter: alpha(opacity: 100);
opacity: 1;
color: #666;
}
.wizard_verticle ul.wizard_steps li a:before {
content: "";
position: absolute;
height: 100%;
background: #ccc;
top: 20px;
width: 4px;
z-index: 4;
left: 49%;
}
.wizard_verticle ul.wizard_steps li a.disabled .step_no {
background: #ccc;
}
.wizard_verticle ul.wizard_steps li a .step_no {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100px;
display: block;
margin: 0 auto 5px;
font-size: 16px;
text-align: center;
position: relative;
z-index: 5;
}
.wizard_verticle ul.wizard_steps li a.selected:before,
.step_no {
background: #34495E;
color: #fff;
}
.wizard_verticle ul.wizard_steps li a.done:before,
.wizard_verticle ul.wizard_steps li a.done .step_no {
background: #1ABB9C;
color: #fff;
}
.wizard_verticle ul.wizard_steps li:first-child a:before {
left: 49%;
}
.wizard_verticle ul.wizard_steps li:last-child a:before {
left: 49%;
left: auto;
width: 0;
}
/**-------**/
/* ********* /form wizard **************************** */
/* ********* notifications **************************** */
/* Pnotify by Hunter Perrin :: 2.0.1 */
.ui-pnotify {
top: 25px;
right: 25px;
position: absolute;
height: auto;
/* Ensures notices are above everything */
z-index: 9999;
}
/* Hides position: fixed from IE6 */
html > body > .ui-pnotify {
position: fixed;
}
.ui-pnotify .ui-pnotify-shadow {
-webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}
.ui-pnotify-container {
background-position: 0 0;
padding: .8em;
height: 100%;
margin: 0;
}
.ui-pnotify-sharp {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.ui-pnotify-title {
display: block;
margin-bottom: .4em;
margin-top: 0;
}
.ui-pnotify-text {
display: block;
}
.ui-pnotify-icon,
.ui-pnotify-icon span {
display: block;
float: left;
margin-right: .2em;
}
/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft,
.ui-pnotify.stack-bottomleft {
left: 25px;
right: auto;
}
.ui-pnotify.stack-bottomright,
.ui-pnotify.stack-bottomleft {
bottom: 25px;
top: auto;
}
.ui-pnotify-closer,
.ui-pnotify-sticker {
float: right;
margin-left: .2em;
}
/* theming */
.alert-success {
color: #ffffff;
background-color: #35d549;
border-color: #35d549;
font-weight: 700;
font-family: "Nunito";
font-size: 14px;
box-shadow: 0 5px 19px rgba(168, 168, 211, 0.09), -5px -4px 15px rgba(211, 210, 219, 0.04);
}
.alert-primary {
color: #ffffff;
background-color: #263bff;
border-color: #263bff;
font-weight: 700;
font-family: "Nunito";
font-size: 14px;
box-shadow: 0 5px 19px rgba(168, 168, 211, 0.09), -5px -4px 15px rgba(211, 210, 219, 0.04);
}
.alert-info {
color: #E9EDEF;
background-color: rgba(52, 152, 219, 0.88);
border-color: rgba(52, 152, 219, 0.88);
font-weight: 700;
font-family: "Nunito";
font-size: 14px;
box-shadow: 0 5px 19px rgba(168, 168, 211, 0.09), -5px -4px 15px rgba(211, 210, 219, 0.04);
}
.alert-warning {
color: white;
border-color : rgba(241, 168, 33, 1);
background-color: rgba(241, 168, 33, 1);
font-weight: 700;
font-family: "Nunito";
font-size: 14px;
box-shadow: 0 5px 19px rgba(168, 168, 211, 0.09), -5px -4px 15px rgba(211, 210, 219, 0.04);
}
.alert-danger,
.alert-error {
color: white;
background-color: #e94948;
border-color: #e94948;
font-weight: 700;
font-family: "Nunito";
font-size: 14px;
box-shadow: 0 5px 19px rgba(168, 168, 211, 0.09), -5px -4px 15px rgba(211, 210, 219, 0.04);
}
.alert-dark,
.btn-dark {
color: #E9EDEF;
background-color: rgba(52, 73, 94, 0.88);
border-color: rgba(52, 73, 94, 0.88);
font-weight: 700;
font-family: "Nunito";
font-size: 14px;
box-shadow: 0 5px 19px rgba(168, 168, 211, 0.09), -5px -4px 15px rgba(211, 210, 219, 0.04);
}
.btn-dark:hover {
color: #F7F7F7;
}
/* /theming */
/* /Pnotify by Hunter Perrin :: 2.0.1 */
.btn.btn-outline {
background: transparent;
}
.btn-primary.btn-outline {
color: #1A82C3;
border-width: 2px;
}
.btn-default.btn-outline {
color: #34495e;
border-width: 2px;
}
.btn-success.btn-outline {
color: #1ABB9C;
border-width: 2px;
}
.btn-info.btn-outline {
color: #34495e;
border-width: 2px;
}
.btn-warning.btn-outline {
color: rgba(241, 168, 33, 1);
border-width: 2px;
}
.btn-danger.btn-outline {
color: #e94948;
border-width: 2px;
}
.btn-dark.btn-outline {
color: #c0392b;
border-width: 2px;
}
.btn-warning {
background: rgba(241, 168, 33, 1);
border-color: rgba(241, 168, 33, 1);
}
.btn-danger {
background: #e94948;
border-color: #e94948;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-color: #1A82C3;
border-color: #1A82C3;
color: #FFFFFF;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-color: #1ABB9C;
border-color: #1ABB9C;
color: #FFFFFF;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-color: #4FB5D3;
border-color: #4FB5D3;
color: #FFFFFF;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-color: #d58512;
border-color: #d58512;
color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-color: #1479B8;
border-color: #1479B8;
color: #FFFFFF;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-color: #d43f3a;
border-color: #d43f3a;
color: #FFFFFF;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
background-color: #394D5F;
border-color: #394D5F;
color: #FFFFFF;
}
.custom-notifications {
position: fixed;
margin: 15px;
right: 0;
float: right;
width: 400px;
z-index: 4000;
bottom: 0;
}
.btn-round {
border-radius: 30px;
}
/* ********* /notifications **************************** */
/* ********* profile/social **************************** */
.social-sidebar,
social-body {
float: right;
}
.social-sidebar {
background: #EDEDED;
width: 22%;
}
.social-body {
border: 1px solid #ccc;
width: 78%;
}
.thumb img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.chat .thumb img {
width: 27px;
height: 27px;
border-radius: 50%;
}
.chat .status {
float: left;
margin: 16px 0 0 -16px;
font-size: 14px;
font-weight: bold;
width: 12px;
height: 12px;
display: block;
border: 2px solid #FFF;
z-index: 12312;
border-radius: 50%;
}
.chat .status.online {
background: #1ABB9C;
}
.chat .status.away {
background: #F39C12;
}
.chat .status.offline {
background: #ccc;
}
.chat .media-body {
padding-top: 5px;
}
/* ********* /profile/social **************************** */
/* ********* widgets **************************** */
.dashboard_graph .x_title {
padding: 5px 5px 7px;
}
.dashboard_graph .x_title h3 {
margin: 0;
font-weight: normal;
}
.chart {
position: relative;
display: inline-block;
width: 100px;
height: 100px;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.percent {
display: inline-block;
line-height: 96px;
z-index: 2;
font-size: 18px;
}
.percent:after {
content: '%';
margin-left: 0.1em;
font-size: .8em;
}
.angular {
margin-top: 100px;
}
.angular .chart {
margin-top: 0;
}
.widget {
min-width: 250px;
max-width: 310px;
}
.widget_tally_box .btn-group button {
text-align: center
}
.widget_tally_box .btn-group button {
color: inherit;
font-weight: 500;
background-color: #f5f5f5;
border: 1px solid #e7e7e7;
}
ul.widget_tally,
ul.widget_tally li {
width: 100%;
}
ul.widget_tally li {
padding: 2px 10px;
border-bottom: 1px solid #ECECEC;
padding-bottom: 4px;
}
ul.widget_tally .month {
width: 70%;
float: left;
}
ul.widget_tally .count {
width: 30%;
float: left;
text-align: right
}
.pie_bg {
border-bottom: 1px solid rgba(101, 204, 182, 0.16);
padding-bottom: 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding-bottom: 10px;
-webkit-box-shadow: 0 4px 6px -6px #222;
-moz-box-shadow: 0 4px 6px -6px #222;
box-shadow: 0 4px 6px -6px #222;
}
.widget_tally_box .flex {
display: flex;
}
ul.widget_profile_box {
width: 100%;
height: 42px;
padding: 3px;
background: #ececec;
margin-top: 40px;
margin-left: 1px;
}
ul.widget_profile_box li:first-child {
width: 25%;
float: left;
}
ul.widget_profile_box li:first-child a {
float: left;
}
ul.widget_profile_box li:last-child {
width: 25%;
float: right;
}
ul.widget_profile_box li:last-child a {
float: right;
}
ul.widget_profile_box li {}
ul.widget_profile_box li a {
font-size: 22px;
text-align: center;
width: 35px;
height: 35px;
border: 1px solid rgba(52, 73, 94, 0.44);
display: block;
border-radius: 50%;
padding: 0px;
}
ul.widget_profile_box li a:hover {
color: #1ABB9C !important;
border: 1px solid rgba(38, 185, 154, 1);
}
ul.widget_profile_box li .profile_img {
width: 85px;
height: 85px;
margin: 0;
margin-top: -28px;
}
.widget_tally_box p,
.widget_tally_box span {
text-align: center;
}
.widget_tally_box .name {
text-align: center;
margin: 25px;
}
.widget_tally_box .name_title {
text-align: center;
margin: 5px;
}
.widget_tally_box ul.legend {
margin: 0;
}
.widget_tally_box ul.legend p,
.widget_tally_box ul.legend span {
text-align: left;
}
.widget_tally_box ul.legend li .icon {
font-size: 20px;
float: left;
width: 14px;
}
.widget_tally_box ul.legend li .name {
font-size: 14px;
margin: 5px 0 0 14px;
text-overflow: ellipsis;
float: left;
}
.widget_tally_box ul.legend p {
display: inline-block;
margin: 0;
}
.widget_tally_box ul.verticle_bars li {
height: 140px;
width: 23%;
}
.widget .verticle_bars li .progress.vertical.progress_wide {
width: 65%;
}
ul.count2 {
width: 100%;
margin-left: 1px;
border: 1px solid #ddd;
border-left: 0;
border-right: 0;
padding: 10px 0;
}
ul.count2 li {
width: 30%;
text-align: center;
}
ul.count2 li h3 {
font-weight: 400;
margin: 0;
}
ul.count2 li span {
font-weight: 300;
}
.divider {
border-bottom: 1px solid #ddd;
margin: 10px;
}
.divider-dashed {
border-top: 1px dashed #e7eaec;
background-color: #ffffff;
height: 1px;
margin: 10px 0;
}
ul.messages {
padding: 0;
}
ul.messages li,
.tasks li {
border-bottom: 1px dotted #e6e6e6;
padding: 8px 0;
}
ul.messages li img.avatar,
img.avatar {
height: 32px;
width: 32px;
float: left;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 2px;
background: #f7f7f7;
border: 1px solid #e6e6e6;
}
ul.messages li .message_date {
float: right;
text-align: right;
}
ul.messages li .message_wrapper {
margin-left: 50px;
margin-right: 40px;
}
ul.messages li .message_wrapper h4.heading {
font-weight: 600;
margin: 0;
cursor: pointer;
margin-bottom: 10px;
line-height: 100%;
}
ul.messages li .message_wrapper blockquote {
padding: 0px 10px;
margin: 0;
border-left: 5px solid #eee;
}
ul.user_data li {
margin-bottom: 6px;
}
ul.user_data li p {
margin-bottom: 0;
}
ul.user_data li .progress {
width: 90%;
}
.project_progress .progress {
margin-bottom: 3px !important;
margin-top: 5px;
}
.projects .list-inline {
margin: 0;
}
.profile_title {
background: #F5F7FA;
border: 0;
padding: 7px 0;
display: flex;
}
ul.stats-overview {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 10px;
margin-bottom: 10px;
}
ul.stats-overview li {
display: inline-block;
text-align: center;
padding: 0 15px;
width: 30%;
font-size: 14px;
border-right: 1px solid #e8e8e8;
}
ul.stats-overview li:last-child {
border-right: 0;
}
ul.stats-overview li .name {
font-size: 12px;
}
ul.stats-overview li .value {
font-size: 14px;
font-weight: bold;
display: block;
}
ul.stats-overview li:first-child {
padding-left: 0;
}
ul.project_files li {
margin-bottom: 5px;
}
ul.project_files li a i {
width: 20px;
}
.project_detail p {
margin-bottom: 10px;
}
.project_detail p.title {
font-weight: bold;
margin-bottom: 0
}
.avatar img {
border-radius: 50%;
max-width: 45px;
}
/* ********* /widgets **************************** */
/* ********* pricing **************************** */
.pricing {
background: #fff;
}
.pricing .title {
background: #1ABB9C;
height: 110px;
color: #fff;
padding: 15px 0 0;
text-align: center;
}
.pricing .title h2 {
text-transform: capitalize;
font-size: 18px;
border-radius: 5px 5px 0 0;
margin: 0;
font-weight: 400;
}
.pricing .title h1 {
font-size: 30px;
margin: 12px;
}
.pricing .title span {
background: rgba(51, 51, 51, 0.28);
padding: 2px 5px;
}
.pricing_features {
background: #FAFAFA;
padding: 20px 15px;
min-height: 230px;
font-size: 13.5px;
}
.pricing_features ul li {
margin-top: 10px;
}
.pricing_footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
text-align: center;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.pricing_footer p {
font-size: 13px;
padding: 10px 0 2px;
display: block;
}
.ui-ribbon-container {
position: relative;
}
.ui-ribbon-container .ui-ribbon-wrapper {
position: absolute;
overflow: hidden;
width: 85px;
height: 88px;
top: -3px;
right: -3px;
}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
background-color: #5b90bf;
}
.ui-ribbon-container .ui-ribbon {
position: relative;
display: block;
text-align: center;
font-size: 15px;
font-weight: 700;
color: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
padding: 7px 0;
left: -5px;
top: 15px;
width: 120px;
line-height: 20px;
background-color: #555;
box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
border-top: 2px solid #5b90bf;
}
.ui-ribbon-container .ui-ribbon:before {
left: 0;
bottom: -1px;
}
.ui-ribbon-container .ui-ribbon:before {
right: 0;
}
.ui-ribbon-container .ui-ribbon:after,
.ui-ribbon-container .ui-ribbon:before {
position: absolute;
content: " ";
line-height: 0;
border-top: 2px solid #555;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}
/* ********* /pricing **************************** */
/* ********* media gallery **************************** */
.thumbnail .image {
overflow: hidden;
}
.caption {
padding: 9px 5px;
background: #F7F7F7;
}
.caption p {
margin-bottom: 5px;
}
.thumbnail {
overflow: hidden;
}
.view {
overflow: hidden;
position: relative;
text-align: center;
box-shadow: 1px 1px 2px #e6e6e6;
cursor: default;
}
.view .mask,
.view .content {
position: absolute;
width: 100%;
overflow: hidden;
top: 0;
left: 0
}
.view img {
display: block;
position: relative
}
.view .tools {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 3px;
background: rgba(0, 0, 0, 0.35);
margin: 43px 0 0 0;
}
.mask.no-caption .tools {
margin: 90px 0 0 0;
}
.view .tools a {
display: inline-block;
color: #FFF;
font-size: 18px;
font-weight: 400;
padding: 0 4px;
}
.view p {
font-family: Georgia, serif;
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 10px 20px 20px;
text-align: center
}
.view a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000;
color: #fff;
text-transform: uppercase;
box-shadow: 0 0 1px #000
}
.view-first img {
transition: all 0.2s linear;
}
.view-first .mask {
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
transition: all 0.4s ease-in-out;
}
.view-first .tools {
transform: translateY(-100px);
opacity: 0;
transition: all 0.2s ease-in-out;
}
.view-first p {
transform: translateY(100px);
opacity: 0;
transition: all 0.2s linear;
}
.view-first:hover img {
transform: scale(1.1);
}
.view-first:hover .mask {
opacity: 1;
}
.view-first:hover .tools,
.view-first:hover p {
opacity: 1;
transform: translateY(0px);
}
.view-first:hover p {
transition-delay: 0.1s;
}
/* ********* /media gallery **************************** */
/* ********* verticle tabs **************************** */
/*!
* bootstrap-vertical-tabs - v1.2.1
* https://dbtek.github.io/bootstrap-vertical-tabs
* 2014-11-07
* Copyright (c) 2014 Ä°smail Demirbilek
* License: MIT
*/
.tabs-left,
.tabs-right {
border-bottom: none;
padding-top: 2px;
}
.tabs-left {
border-right: 1px solid #F7F7F7;
}
.tabs-right {
border-left: 1px solid #F7F7F7;
}
.tabs-left>li,
.tabs-right>li {
float: none;
margin-bottom: 2px;
}
.tabs-left>li {
margin-right: -1px;
}
.tabs-right>li {
margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
border-bottom-color: #F7F7F7;
border-right-color: transparent;
}
.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
border-bottom: 1px solid #F7F7F7;
border-left-color: transparent;
}
.tabs-left>li>a {
border-radius: 4px 0 0 4px;
margin-right: 0;
display: block;
background: #F7F7F7;
text-overflow: ellipsis;
overflow: hidden;
}
.tabs-right>li>a {
border-radius: 0 4px 4px 0;
margin-right: 0;
background: #F7F7F7;
text-overflow: ellipsis;
overflow: hidden;
}
.sideways {
margin-top: 50px;
border: none;
position: relative;
}
.sideways>li {
height: 20px;
width: 120px;
margin-bottom: 100px;
}
.sideways>li>a {
border-bottom: 1px solid #ddd;
border-right-color: transparent;
text-align: center;
border-radius: 4px 4px 0px 0px;
}
.sideways>li.active>a,
.sideways>li.active>a:hover,
.sideways>li.active>a:focus {
border-bottom-color: transparent;
border-right-color: #ddd;
border-left-color: #ddd;
}
.sideways.tabs-left {
left: -50px;
}
.sideways.tabs-right {
right: -50px;
}
.sideways.tabs-right>li {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.sideways.tabs-left>li {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* ********* /verticle tabs **************************** */
/* ********* image cropping **************************** */
/*!
* Cropper v0.8.0
* https://github.com/fengyuanchen/cropper
*
* Copyright 2014-2015 Fengyuan Chen
* Released under the MIT license
*
* Date: 2015-02-19T06:49:29.144Z
*/
.cropper-container {
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.cropper-container img {
display: block;
width: 100%;
min-width: 0 !important;
max-width: none !important;
height: 100%;
min-height: 0 !important;
max-height: none !important;
}
.cropper-modal,
.cropper-canvas {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cropper-canvas {
background-color: #fff;
filter: alpha(opacity=0);
opacity: 0;
}
.cropper-modal {
background-color: #000;
filter: alpha(opacity=50);
opacity: .5;
}
.cropper-cropbox {
position: absolute;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
}
.cropper-viewer {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
outline: 1px solid #69f;
outline-color: rgba(102, 153, 255, .75);
}
.cropper-dashed {
position: absolute;
display: block;
filter: alpha(opacity=50);
border: 0 dashed #fff;
opacity: .5;
}
.cropper-dashed.dashed-h {
top: 33.33333333%;
left: 0;
width: 100%;
height: 33.33333333%;
border-top-width: 1px;
border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
top: 0;
left: 33.33333333%;
width: 33.33333333%;
height: 100%;
border-right-width: 1px;
border-left-width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
position: absolute;
display: block;
width: 100%;
height: 100%;
filter: alpha(opacity=10);
opacity: .1;
}
.cropper-face {
top: 0;
left: 0;
cursor: move;
background-color: #fff;
}
.cropper-line {
background-color: #69f;
}
.cropper-line.line-e {
top: 0;
right: -3px;
width: 5px;
cursor: e-resize;
}
.cropper-line.line-n {
top: -3px;
left: 0;
height: 5px;
cursor: n-resize;
}
.cropper-line.line-w {
top: 0;
left: -3px;
width: 5px;
cursor: w-resize;
}
.cropper-line.line-s {
bottom: -3px;
left: 0;
height: 5px;
cursor: s-resize;
}
.cropper-point {
width: 5px;
height: 5px;
background-color: #69f;
filter: alpha(opacity=75);
opacity: .75;
}
.cropper-point.point-e {
top: 50%;
right: -3px;
margin-top: -3px;
cursor: e-resize;
}
.cropper-point.point-n {
top: -3px;
left: 50%;
margin-left: -3px;
cursor: n-resize;
}
.cropper-point.point-w {
top: 50%;
left: -3px;
margin-top: -3px;
cursor: w-resize;
}
.cropper-point.point-s {
bottom: -3px;
left: 50%;
margin-left: -3px;
cursor: s-resize;
}
.cropper-point.point-ne {
top: -3px;
right: -3px;
cursor: ne-resize;
}
.cropper-point.point-nw {
top: -3px;
left: -3px;
cursor: nw-resize;
}
.cropper-point.point-sw {
bottom: -3px;
left: -3px;
cursor: sw-resize;
}
.cropper-point.point-se {
right: -3px;
bottom: -3px;
width: 20px;
height: 20px;
cursor: se-resize;
filter: alpha(opacity=100);
opacity: 1;
}
.cropper-point.point-se:before {
position: absolute;
right: -50%;
bottom: -50%;
display: block;
width: 200%;
height: 200%;
content: " ";
background-color: #69f;
filter: alpha(opacity=0);
opacity: 0;
}
@media (min-width: 768px) {
.cropper-point.point-se {
width: 15px;
height: 15px;
}
}
@media (min-width: 992px) {
.cropper-point.point-se {
width: 10px;
height: 10px;
}
}
@media (min-width: 1200px) {
.cropper-point.point-se {
width: 5px;
height: 5px;
filter: alpha(opacity=75);
opacity: .75;
}
}
.cropper-bg {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.cropper-invisible {
filter: alpha(opacity=0);
opacity: 0;
}
.cropper-hide {
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: auto !important;
max-width: none !important;
height: auto !important;
max-height: none !important;
filter: alpha(opacity=0);
opacity: 0;
}
.cropper-hidden {
display: none !important;
}
.cropper-move {
cursor: move;
}
.cropper-crop {
cursor: crosshair;
}
.cropper-disabled .cropper-canvas,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
cursor: not-allowed;
}
.avatar-view {
display: block;
height: 220px;
width: 220px;
border: 3px solid #fff;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
cursor: pointer;
overflow: hidden;
}
.avatar-view img {
width: 100%;
}
.avatar-body {
padding-right: 15px;
padding-left: 15px;
}
.avatar-upload {
overflow: hidden;
}
.avatar-upload label {
display: block;
float: left;
clear: left;
width: 100px;
}
.avatar-upload input {
display: block;
margin-left: 110px;
}
.avater-alert {
margin-top: 10px;
margin-bottom: 10px;
}
.avatar-wrapper {
height: 364px;
width: 100%;
margin-top: 15px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .25);
background-color: #fcfcfc;
overflow: hidden;
}
.avatar-wrapper img {
display: block;
height: auto;
max-width: 100%;
}
.avatar-preview {
float: left;
margin-top: 15px;
margin-right: 15px;
border: 1px solid #eee;
border-radius: 4px;
background-color: #fff;
overflow: hidden;
}
.avatar-preview:hover {
border-color: #ccf;
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.avatar-preview img {
width: 100%;
}
.preview-lg {
height: 184px;
width: 184px;
margin-top: 15px;
}
.preview-md {
height: 100px;
width: 100px;
}
.preview-sm {
height: 50px;
width: 50px;
}
@media (min-width: 992px) {
.avatar-preview {
float: none;
}
}
.avatar-btns {
margin-top: 30px;
margin-bottom: 15px;
}
.avatar-btns .btn-group {
margin-right: 5px;
}
.loading {
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff url("img/loading.gif") no-repeat center center;
opacity: .75;
filter: alpha(opacity=75);
z-index: 20140628;
}
/* ********* /image cropping **************************** */
/* ********* moris **************************** */
.morris-hover {
position: absolute;
z-index: 1000;
}
.morris-hover.morris-default-style {
padding: 6px;
color: #666;
background: rgba(243, 242, 243, 0.8);
border: solid 2px rgba(195, 194, 196, 0.8);
font-family: sans-serif;
font-size: 12px;
text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
font-weight: bold;
margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
white-space: nowrap;
margin: 0.1em 0;
}
/* ********* /moris **************************** */
/* ********* ecommerce **************************** */
.price {
font-size: 40px;
font-weight: 400;
color: #26B99A;
margin: 0;
}
.prod_title {
border-bottom: 1px solid #DFDFDF;
padding-bottom: 5px;
margin: 30px 0;
font-size: 20px;
font-weight: 400;
}
.product-image img {
width: 90%;
}
.prod_color li {
margin: 0 10px;
}
.prod_color li p {
margin-bottom: 0;
}
.prod_size li {
padding: 0;
}
.prod_color .color {
width: 25px;
height: 25px;
border: 2px solid rgba(51, 51, 51, 0.28) !important;
padding: 2px;
border-radius: 50px;
}
.product_gallery a {
width: 100px;
height: 100px;
float: left;
margin: 10px;
border: 1px solid #e5e5e5;
}
.product_gallery a img {
width: 100%;
margin-top: 15px;
}
.product_price {
margin: 20px 0;
padding: 5px 10px;
background-color: #FFFFFF;
text-align: left;
border: 2px dashed #E0E0E0;
}
.price-tax {
font-size: 18px;
}
.product_social {
margin: 20px 0;
}
.product_social ul li a i {
font-size: 35px;
}
/* ********* /ecommerce **************************** */
/* ********* progressbar **************************** */
/*! bootstrap-progressbar v0.8.4 | Copyright (c) 2012-2014 Stephan Groß | MIT license | http://www.minddust.com */
.progress_summary .progress {
margin: 5px 0 12px !important;
}
.progress_summary .row {
margin-bottom: 5px;
}
.progress_summary .row .col-xs-2 {
padding: 0
}
.progress_summary .more_info span {
text-align: right;
float: right;
}
.progress_summary .data span {
text-align: right;
float: right;
}
.progress_summary p {
margin-bottom: 3px;
width: 100%;
}
.progress_title .left {
float: left;
text-align: left;
}
.progress_title .right {
float: right;
text-align: right;
font-weight: 300;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
border-radius: 0;
margin-bottom: 18px;
}
.progress.right .progress-bar {
float: right;
right: 0;
}
.progress.vertical {
width: 40px;
}
.progress.progress_sm {
border-radius: 0;
margin-bottom: 18px;
height: 10px !important;
}
.progress.progress_sm .progress-bar {
height: 10px !important;
}
.dashboard_graph p {
margin: 0 0 4px;
}
ul.verticle_bars {
width: 100%;
}
ul.verticle_bars li {
width: 23%;
height: 200px;
margin: 0;
}
.progress {
overflow: hidden;
height: 28px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 5px;
box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 31%);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 13px;
line-height: 28px;
color: #ffffff;
font-family: "Nunito";
text-align: center;
background-color: #445DEF;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #26B99A;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #3498DB;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #F39C12;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress {
position: relative;
}
.progress .progress-bar {
position: absolute;
overflow: hidden;
line-height: 28px;
}
.progress .progressbar-back-text {
position: absolute;
width: 100%;
height: 100%;
font-size: 12px;
line-height: 20px;
text-align: center;
}
.progress .progressbar-front-text {
display: block;
width: 100%;
font-size: 12px;
line-height: 20px;
text-align: center;
}
.progress.right .progress-bar {
right: 0;
}
.progress.right .progressbar-front-text {
position: absolute;
right: 0;
}
.progress.vertical {
width: 20px;
height: 100%;
float: left;
margin-right: 10px;
}
.progress.vertical.progress_wide {
width: 35px;
}
.progress.vertical.bottom {
position: relative;
}
.progress.vertical.bottom .progressbar-front-text {
position: absolute;
bottom: 0;
}
.progress.vertical .progress-bar {
width: 100%;
height: 0;
-webkit-transition: height 0.6s ease;
-o-transition: height 0.6s ease;
transition: height 0.6s ease;
}
.progress.vertical.bottom .progress-bar {
position: absolute;
bottom: 0;
}
/* ********* /progressbar **************************** */
/********* login ****************/
a.hiddenanchor{
display: none;
}
/** The wrapper that will contain our two forms **/
#wrapper{
right: 0px;
margin: 0px auto;
margin-top: 5%;
max-width: 350px;
position: relative;
}
#register,
#login{
position: absolute;
top: 0px; width:100%;
}
#register{
z-index: 21;
opacity: 0; width:100%;
}
#login{
z-index: 22;
}
#toregister:target ~ #wrapper #register,
#tologin:target ~ #wrapper #login{
z-index: 22;
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-delay: .1s;
-moz-animation-delay: .1s;
-o-animation-delay: .1s;
-ms-animation-delay: .1s;
animation-delay: .1s;
}
#toregister:target ~ #wrapper #login,
#tologin:target ~ #wrapper #register{
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-ms-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
/** the actual animation, credit where due : http://daneden.me/animate/ ***/
.animate{
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-o-animation-duration: 0.5s;
-o-animation-timing-function: ease;
-o-animation-fill-mode: both;
-ms-animation-duration: 0.5s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: 0.5s;
animation-timing-function: ease;
animation-fill-mode: both;
}
/********* /login ***************/
/********** sign in ***************************/
.login_box{ padding:20px; margin: auto;}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.left { float:left; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.clearfix:after,
form:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.login_content {
margin: 0 auto;
padding: 25px 0 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 #fff;
min-width: 280px;
}
.login_content h1 {
font: normal 25px Helvetica, Arial, sans-serif;
letter-spacing: -0.05em;
line-height: 20px;
margin: 10px 0 30px;
}
/*.login_content h1:before,
.login_content h1:after {
content: "";
height: 1px;
position: absolute;
top: 10px;
width: 27%;
}
.login_content h1:after {
background: rgb(126,126,126);
background: -moz-linear-gradient(left, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
right: 0;
}
.login_content h1:before {
background: rgb(126,126,126);
background: -moz-linear-gradient(right, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
left: 0;
}
.login_content h1:before,
.login_content h1:after {
content: "";
height: 1px;
position: absolute;
top: 10px;
width: 20%;
}
.login_content h1:after {
background: rgb(126,126,126);
background: -moz-linear-gradient(left, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(left, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
right: 0;
}
.login_content h1:before {
background: rgb(126,126,126);
background: -moz-linear-gradient(right, rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(right, rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
left: 0;
}*/
.login_content form { margin: 20px 0; position: relative }
/*.login_content form input[type="text"],
.login_content form input[type="email"],
.login_content form input[type="password"] {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 1px solid #c8c8c8;
color: #777;
margin: 0 0 20px;
width: 100%;
}
.login_content form input[type="text"]:focus,
.login_content form input[type="email"]:focus,
.login_content form input[type="password"]:focus {
-webkit-box-shadow: 0 0 2px #AA77B4 inset;
-moz-box-shadow: 0 0 2px #ed1c24 inset;
-ms-box-shadow: 0 0 2px #ed1c24 inset;
-o-box-shadow: 0 0 2px #ed1c24 inset;
box-shadow: 0 0 2px #A97AAD inset;
background-color: #fff;
border: 1px solid #A878AF;
outline: none;
}
*/
.input:focus, input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus {
border: 1px solid #ddd!important;
box-shadow: 0px 0px 0px!important;
outline: 0;
}
.input, input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea {
padding: 11px 10px;
font-size: 13px;
color: #2c2525;
background-color: #fff;
border: 1px solid #dce0e9;
border-radius: 6px;
box-shadow: none;
}
::-webkit-input-placeholder { color:rgba(128, 128, 128, 0.59)!important; }
::-moz-placeholder { color:rgba(128, 128, 128, 0.59)!important; } /* firefox 19+ */
:-ms-input-placeholder { color:rgba(128, 128, 128, 0.59)!important; } /* ie */
input:-moz-placeholder { color:rgba(128, 128, 128, 0.59)!important; }
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
.login_content form div a {
font-size: 12px;
}
.reset_pass{margin-top:10px !important;}
.login_content div .reset_pass{margin-top: 13px !important; margin-right: 39px; float: right;}
.separator{border-top: 1px solid #D8D8D8;
margin-top: 10px;
padding-top: 10px;}
.button {
background: rgb(247,249,250);
background: -moz-linear-gradient(top, rgba(247,249,250,1) 0%, rgba(240,240,240,1) 100%);
background: -webkit-linear-gradient(top, rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top, rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top, rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
background: linear-gradient(top, rgba(247,249,250,1) 0%,rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0',GradientType=0 );
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border-top: 1px solid #CFD5D9;
padding: 15px 0;
}
login_content form input[type="submit"],#content form .submit{float: left; margin-left: 38px;}
.button a {
background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
color: #7E7E7E;
font-size: 17px;
padding: 2px 0 2px 40px;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.button a:hover {
background-position: 0 -135px;
color: #00aeef;
}
header{width:100%;}
/********** end of sign in ********************/
/* ********* start nprogress **************************** */
/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #29d;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* ********* end nprogress **************************** */
/* ********* cropping **************************** */
/* Main
* ========================================================================== */
/* Icons
* -------------------------------------------------------------------------- */
.icon {
display: inline-block;
width: 20px;
height: 20px;
background-image: url("assets/img/icons.png");
vertical-align: middle;
}
.icon-move {
background-position: 0 0;
}
.icon-crop {
background-position: -30px 0;
}
.icon-zoom-in {
background-position: -60px 0;
}
.icon-zoom-out {
background-position: -90px 0;
}
.icon-rotate-left {
background-position: -120px 0;
}
.icon-rotate-right {
background-position: -150px 0;
}
.icon-lock {
background-position: -180px 0;
}
.icon-unlock {
background-position: -210px 0;
}
.icon-remove {
background-position: -240px 0;
}
.icon-refresh {
background-position: -270px 0;
}
.icon-upload {
background-position: -300px 0;
}
.icon-off {
background-position: -330px 0;
}
.icon-info {
background-position: -360px 0;
}
/* Alerts
* -------------------------------------------------------------------------- */
.docs-alert {
display: none;
position: fixed;
top: 20px;
left: 0;
right: 0;
height: 0;
text-align: center;
opacity: 0.9;
}
.docs-alert .message {
display: inline-block;
padding: 5px 10px;
border-radius: 2px;
background-color: #aaa;
color: #fff;
}
.docs-alert .primary {
background-color: #0074d9;
}
.docs-alert .success {
background-color: #2ecc40;
}
.docs-alert .info {
background-color: #39cccc;
}
.docs-alert .warning {
background-color: #ff851b;
}
.docs-alert .danger {
background-color: #ff4136;
}
/* Button
* -------------------------------------------------------------------------- */
/* Basic style
* -------------------------------------------------------------------------- */
body {
overflow-x: hidden;
}
/* Header */
.docs-header {
border-color: #003973;
background-color: #00468c;
color: #fff;
}
.docs-header .navbar-brand {
color: #eee;
}
.docs-header .navbar-toggle {
border-color: #003973;
background-color: #00468c;
}
.docs-header .navbar-toggle:hover,
.docs-header .navbar-toggle:focus {
border-color: #003366;
background-color: #003973;
}
.docs-header .navbar-collapse {
border-color: #003973;
}
.docs-header .navbar-text {
color: #ddd;
}
.docs-header .navbar-nav > li > a {
color: #eee;
}
/* Content */
.img-container,
.img-preview {
background-color: #f7f7f7;
overflow: hidden;
width: 100%;
text-align: center;
}
.img-container {
min-height: 200px;
max-height: 466px;
margin-bottom: 20px;
}
.img-container > img {
max-width: 100%;
}
.docs-preview {
margin-right: -15px;
margin-bottom: 10px;
}
.img-preview {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.img-preview > img {
max-width: 100%;
}
.preview-lg {
width: 263px;
height: 148px;
}
.preview-md {
width: 139px;
height: 78px;
}
.preview-sm {
width: 69px;
height: 39px;
}
.preview-xs {
width: 35px;
height: 20px;
margin-right: 0;
}
.docs-data > .input-group {
margin-bottom: 10px;
}
.docs-data > .input-group > label {
min-width: 80px;
}
.docs-data > .input-group > span {
min-width: 50px;
}
.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
margin-right: 5px;
margin-bottom: 10px;
}
.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
margin-bottom: 10px;
}
.docs-tooltip {
display: block;
margin: -6px -12px;
padding: 6px 12px;
}
.docs-tooltip > .icon {
margin: 0 -3px;
vertical-align: top;
}
.tooltip-inner {
white-space: normal;
}
.btn-upload .tooltip-inner {
white-space: nowrap;
}
@media (max-width: 400px) {
.btn-group-crop {
margin-right: -15px!important;
}
.btn-group-crop > .btn {
padding-left: 5px;
padding-right: 5px;
}
.btn-group-crop .docs-tooltip {
margin-left: -5px;
margin-right: -5px;
padding-left: 5px;
padding-right: 5px;
}
}
.docs-options .dropdown-menu {
width: 100%;
}
.docs-options .dropdown-menu > li {
padding: 3px 20px;
}
.docs-options .dropdown-menu > li:hover {
background-color: #f7f7f7;
}
.docs-options .dropdown-menu > li > label {
display: block;
}
.docs-cropped .modal-body {
text-align: center;
}
.docs-cropped .modal-body > img {
max-width: 100%;
}
/* ********* /cropping **************************** */
/* ********* **************************** */
/* ********* **************************** */
/* ********* **************************** */
/* ********* **************************** */
/* ********* **************************** */
/* ********* **************************** */
/* ********* **************************** */
/* ********* **************************** */
ul.notifications {
float: right;
display: block;
margin-bottom: 7px;
padding: 0;
width: 100%;
}
.notifications li {
float: right;
margin: 3px;
width: 36px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}
.notifications li:last-child {
margin-left: 0;
}
.notifications a {
display: block;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 9px 8px;
}
.tabbed_notifications .text {
padding: 5px 15px;
height: 140px;
border-radius: 7px;
box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
}
.tabbed_notifications div p {
display: inline-block;
}
.tabbed_notifications h2 {
font-weight: bold;
text-transform: uppercase;
width: 80%;
float: left;
height: 20px;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.tabbed_notifications .close {
padding: 5px;
color: #E9EDEF;
float: right;
opacity: 1;
}
.table-filter {
background-color: #fff;
border-bottom: 1px solid #eee;
}
.table-filter tbody tr:hover {
cursor: pointer;
background-color: #eee;
}
.table-filter tbody tr {
border: 1px solid gainsboro;
}
.table-filter tbody tr td {
padding: 10px;
vertical-align: middle;
}
.media-body{
width:inherit;
}
.table-filter tbody tr.selected td {
background-color: #eee;
}
.table-filter tr td:first-child {
width: 38px;
}
.table-filter tr td:nth-child(2) {
width: 35px;
}
.ckbox {
position: relative;
}
.ckbox input[type="checkbox"] {
opacity: 0;
}
.ckbox label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ckbox label:before {
content: '';
top: 1px;
left: 0;
width: 18px;
height: 18px;
display: block;
position: absolute;
border-radius: 2px;
border: 1px solid #bbb;
background-color: #fff;
}
.ckbox input[type="checkbox"]:checked + label:before {
border-color: #2BBCDE;
background-color: #2BBCDE;
}
.ckbox input[type="checkbox"]:checked + label:after {
top: 3px;
left: 3.5px;
content: '\e013';
color: #fff;
font-size: 11px;
font-family: 'Glyphicons Halflings';
position: absolute;
}
.table-filter .star {
color: #ccc;
text-align: center;
display: block;
}
.table-filter .star.star-checked {
color: #F0AD4E;
}
.table-filter .star:hover {
color: #ccc;
}
.table-filter .star.star-checked:hover {
color: #F0AD4E;
}
.table-filter .media-photo {
width: 45px;
border-radius: 50%;
border: 1px solid gainsboro;
}
.table-filter .media-body {
display: block;
/* Had to use this style to force the div to expand (wasn't necessary with my bootstrap version 3.3.6) */
}
.table-filter .media-meta {
font-size: 11px;
color: #999;
font-weight: 700;
}
.table-filter .media .title {
font-weight: bold;
line-height: normal;
text-align: left;
margin: 0;
color: #0a5175;
font-size: 12px;
margin-left: 10px;
margin-top: 15px;
}
.table-filter .media .title span {
font-size: .8em;
margin-right: 20px;
}
.table-filter .media .title span.pagado {
color: #5cb85c;
}
.table-filter .media .title span.pendiente {
color: #f0ad4e;
}
.table-filter .media .title span.cancelado {
color: #d9534f;
}
.table-filter .media .summary {
font-size: 13px;
color: dimgray;
text-align: left;
}
.block-entreprise .compte-title{
display: inline-block;
padding: 0 15px;
position: relative;
color: dimgray;
margin-top: 10px;
font-size: 16px;
}
.block-entreprise .compte-title:before {
right: 100%;
}
.block-entreprise .compte-title:after {
left: 100%;
}
.block-entreprise .compte-title:before, .block-entreprise .compte-title:after {
background: rgba(51, 122, 183, 0.86);
content: "";
display: block;
height: 2px;
position: absolute;
top: 50%;
width: 75px;
}
.blocktitlecompte{
overflow: hidden;
}
.block-entreprise .compte-title i{
font-size: 1.2em;
vertical-align: bottom;
margin-right: 10px;
color: rgba(39, 106, 156, 0.66)!important;
}
body {
background-color: #fff;
overflow-x: hidden;
overflow-y: inherit;
}
@font-face {
font-family: 'FontAwesome';
src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
nav{
background: rgb(62, 112, 174);
background: rgb(47, 129, 187);
}
nav, .navbar-fixed {
height: 53px;
z-index: 1000;
width: 100%;
box-shadow: 0 2px 2px -2px rgba(0,0,0,.10);
box-shadow: 0 2px 19px rgba(50,50,93,.05), 0 1px 8px rgba(0,0,0,.02);
line-height: 52px;
}
nav.navbreadcrumbalpha {
background: transparent;
box-shadow: inherit;
line-height: 30px;
height: 20px;
}
@media (max-width: 767px) {
nav.navbreadcrumbalpha {
display: none;
}
}
.breadcrumbalpha {
display: flex;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
font-family: "Nunito", sans-serif;
font-size: 13px;
color: #0b124b;
}
.breadcrumbalpha li {
display: flex;
align-items: center;
}
.breadcrumbalpha li + li::before {
content: "›"; /* Flèche pour séparer les éléments */
margin: 0 8px;
color: #0b124b;
}
.breadcrumbalpha a {
text-decoration: underline;
color: #0b124b;
transition: color 0.3s ease;
}
.breadcrumbalpha a.bactive {
text-decoration: none;
color: #263bff;
font-weight: 700;
transition: color 0.3s ease;
}
.breadcrumbalpha a.bactive span {
color: #263bff;
font-weight: 700;
transition: color 0.3s ease;
}
.breadcrumbalpha a:hover {
color: #263bff;
}
.breadcrumbalpha a span {
color: #0b124b;
font-weight: 500;
}
.breadcrumbalpha span {
color: #263bff; /* Couleur du texte pour l'élément actif */
font-weight: 700;
}
.logo-name{
font-weight: 900;
font-family: "Open Sans";
color: #fff;
font-size: 15px;
width: 83%;
max-width: 83%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
padding-left: 0;
padding-right: 0;
float: left;
}
.spanfleche i{
color:white;
}
.spanfleche{
padding-top: 1px;
font-size: 11px;
}
.sub-menu-parent { position: relative; }
.sub-menu li a{
color:rgba(255, 255, 255, 0.94);
width: 100%;
display: block;
}
.sub-menu {
visibility: hidden;
opacity: 0;
position: absolute;
top: 53px;
left: 4px;
width: 100%;
transform: translateY(-2em);
z-index: -1;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
padding: 0;
background: #0d1126;
font-family: "Signika";
font-size: 15px;
font-weight: 800;
color: #1c3a69!important;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
overflow: hidden;
box-shadow: -3px 13px 35px rgba(50,50,93,.1), -1px 3px 15px rgba(0,0,0,.06);
text-align: left;
}
.sub-menu li{
padding: 0px 14px;
line-height: 25px;
height: 53px;
line-height: 53px;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
background: #070e32!important;
}
.sub-menu li.sc-navbar {
text-align: center;
display: flex;
justify-content: center;
padding: 0;
}
.sub-menu li.sc-navbar a:hover {
background: #070e32;
}
.sub-menu li.sc-navbar a{
color:white;
flex-basis: 100%;
line-height: 58px;
}
.sc-navbar a span{
color:white;
}
.sub-menu li:hover:not(.sc-navbar) {
background: #070e32!important;
}
.sub-menu li:hover a{
color:white;
}
.sub-menu-parent:focus .sub-menu,
.sub-menu-parent:focus-within .sub-menu,
.sub-menu-parent:hover .sub-menu {
visibility: visible; /* shows sub-menu */
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}
.uldropdown{
text-align: right;
}
@media(max-width:360px){
.uldropdown{
text-align: center;
}
.menu {
margin-left: 1px!important;
}
.btn-connection a {
padding:0px!important;
}
.btn-connection .social-buttons a{
padding-top: 8px!important;
padding-bottom: 8px!important;
padding: 7px!important;
}
.btn-connection a .caret {
display:none;
}
.cont_titulo{
margin:0!important;
}
.cont_icon_menu{
display:none!important;
}
}
@media(max-width:968px){
.uldropdown{
text-align: center;
}
.menu {
margin-left: 1px!important;
}
.btn-connection a {
padding:0px!important;
}
.btn-connection .social-buttons a{
padding-top: 8px!important;
padding-bottom: 8px!important;
padding: 7px!important;
}
.cont_titulo{
margin:0!important;
}
.cont_icon_menu{
display:none!important;
}
}
.responsive-img{
width:100%;
}
.logo-navbar {
height: 100%;
padding-top: 11px;
height: auto;
}
input.search-top {
padding: 0;
/* height: 33px; */
vertical-align: middle;
margin: 0 auto;
/* line-height: 24px; */
/* margin-top: -2px; */
width: 100%;
border: none;
padding-left: 20px;
color: #403a3a!important;
font-size: 1.2rem!important;
border-radius: 2px;
padding-right: 51px;
border: none!important;
border-radius: 2px;
font-family: "Open Sans";
font-weight: 800!important;
color: rgba(253, 254, 255, 0.92)!important;
font-size: 14px!important;
background: rgba(0, 0, 0, 0.17);
/* height: 100%; */
/* max-height: 100%; */
font-weight: 800!important;
/* position: absolute; */
bottom: 0px;
height: 35px;
width: 100%;
left: 0px;
border: none!important;
border-radius: 6px;
}
div.container-search-top input.search-top{
border: none!important;
}
div.container-search-top input.search-top:focus{
border: none!important;
}
.search-button .fa-search{
font-size: 17px!important;
}
.search-button
{
position: absolute;
color: #ffffff;
top: 16px;
right: 8px;
width: 40px;
text-align: center;
cursor: pointer;
/* background: rgba(245, 245, 245, 0.05); */
height: 24px;
vertical-align: middle;
border-radius: 2px;
line-height: 24px;
/* border-left: 1px solid rgba(220, 220, 220, 0.6); */
}
.unit-group-title {
font-weight: 800;
font-size: 17px;
line-height: 18px;
position: relative;
margin-bottom: 15px;
padding-top: 2px;
color: #0d1126!important;
padding-bottom: 8px;
font-family: "Signika";
}
.unit-group-title:after {
width: 20px;
height: 1px;
content: "";
position: absolute;
top: auto;
right: auto;
bottom: -1px;
left: 0;
display: block;
}
body.nav-sm span.fa{
font-size: 1.3em;
}
.logo-navbar{
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
}
.logo-navbar:hover{
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.btn-connection.dropdown a {
font-weight: 800;
color: #222;
text-transform: uppercase;
font-size: 14px;
}
.btn-connection a {
padding: 3px;
padding-top: 8px;
padding-bottom: 8px;
color: #222;
font-size: 14px;
font-weight: 600;
font-family: "Signika", "Open Sans" , sans-serif;
line-height: 14px;
display: inline-block;
margin-top: 1px;
vertical-align: middle;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0px;
}
.btn-connection a.active
{
font-weight: 800;
color: #263bff;
}
.btn-connection > a.active{
}
.btn-connection
{
display: inline-block;
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
ul.dp-notif#login-dp li .item a{
height:inherit!important;
}
.container-content {
width: 100%;
padding-left: 10px;
padding-right: 10px;
position: relative;
margin: 0 auto;
max-width: 1260px;
}
.sidebar-layout {
height: 100%;
width: 100%;
max-width: 1500px;
position: relative;
padding-left: 10px;
padding-right: 10px;
margin: 0 auto;
}
.main_content
{
padding-top: 52px;
display: block;
padding-bottom: 0px;
height: 100%;
padding-left:0px;padding-right: 0px;
}
.sidebar {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
min-height:860px;
z-index:2;
margin-top: 40px;
width: 100%;
background: white;
border-right: 1px solid rgb(232, 232, 232);
position: fixed;
height: 100%;
}
.fluid-section {
background-color: #fff;
height: 100%;
position: relative;
}
.fluid-section-body {
-webkit-overflow-scrolling: touch;
justify-content: space-between;
}
.sidebar-body {
width: 100%;
padding: 24px 0 20px 0;
}
.fluid-section-header {
padding: 20px;
background: transparent;
box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
border-bottom: 1px solid #D5DCE7;
}
.section-title {
font-weight: 600;
font-size: 1.4rem;
color: #4E86FF;
letter-spacing: 0.15px;
line-height: 15px;
text-transform: uppercase;
margin-bottom: 15px;
position: relative;
word-wrap: break-word;
padding-left: 20px;
padding-right: 20px;
}
.sidebar-list {
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
border-top: 1px solid rgba(220, 220, 220, 0.37);
margin-top: 5px;
}
.sidebar-list__item {
display: block;
position: relative;
margin-bottom: 4px;
}
.is-expanded .sidebar-list__link--top-level {
background-color: #4E86FF;
color: #fff;
}
.sidebar-list__link.active h5{
font-weight: bold!important;
color: #ffffff;
}
.sidebar-list__title {
display: inline-block;
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
font-size: 1.2rem;
letter-spacing: 0.15px;
line-height: 15px;
display: table-cell;
vertical-align: middle;
margin-bottom: 0;
padding-left: 10px;
font-weight: 600;
color: #222;
text-align: left;
font-family: "Signika";
font-size: 14px;
}
.sidebar-list__img-wrap {
display: table-cell;
vertical-align: middle;
width: 10px;
}
.sidebar-list__link {
display: table;
width: 100%;
padding: 8px 30px;
font-size: 1.3rem;
letter-spacing: 0.15px;
line-height: 14px;
color: #3E4D60;
cursor: pointer;
}
.header-item {
height: 100%;
white-space: nowrap;
overflow: hidden;
}
.header-item__img-wrap {
margin-right: 10px;
width: 60px;
height: 60px;
float:left;
border: 1px solid #D5DCE7;
transition: width 500ms ease, height 500ms ease;
line-height: 56px;
overflow: hidden;
}
.header-item__img-wrap+.header-item__hgroup {
margin-top: 15px;
}
img {
max-width: 100%;
max-height: 100%;
}
.block-actu{
}
.header-item__title {
font-size: 1.4rem;
letter-spacing: 0.15px;
line-height: 25px;
margin-bottom: 0;
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
font-weight: 700;
color:rgba(91, 93, 99, 0.91);
margin-top: 2px;
position: relative;
transition: line-height 500ms ease;
}
.modal-message-header{
margin-top: 5px;
display: inline;
float: right;
width: inherit;
}
.sidebar-list__link .f-icon {
color: #BEC2D8;
font-size: 1.5rem;
}
.is-expanded .sidebar-list__link--top-level .f-icon {
color: #fff;
}
.sidebar-list__link.active .f-icon{
color: #4E86FF;
}
@media only screen and (min-width: 768px){
.sidebar-list__link:hover {
color: #4E86FF;
background: rgba(158,178,248,0.17);
box-shadow: 3px 0 0 0 #4E86FF inset,0 1px 1px 0 rgba(0,0,0,0.1) inset;
}}
.sidebar-list__link.active:hover .f-icon, .is-expanded .sidebar-list__link--top-level:hover .f-icon {
color: #fff;
}
@media only screen and (min-width: 768px){
.sidebar-list__link:hover .f-icon, .sidebar-list__link:hover .fa, .sidebar-list__link:hover .i-icon {
color: #4E86FF;
}}
@media only screen and (max-width: 768px){
.d-grid-extend {
width: 100%;
padding-left: 0!important;
padding-right: 0!important;
}
}
@media(max-width:768px){
#login-dp{
background-color: inherit;
color: dimgray;
min-width: 290px!important;
width:100%!important;
}
#login-dp .bottom{
background-color: inherit;
border-top:0 none;
}
#admin-dp{
background-color: white;
color: dimgray;
width: 100%!important;
left:0;
top:0!important;
padding-bottom: 55px!important;
height: 100%!important;
overflow-y: auto!important;
}
#admin-dp .bottom{
background-color: white;
border-top:0 none;
}
#nameDomaine {
font-size: 28px!important;
padding-left: 20px;
padding-right: 20px;
}
.hero-title-ss {
padding: 40px;
font-size: 15px!important;
padding-top: 0;
margin-top: -10px;
}
.homefrontb{
height:350px!important;
}
.frontb{
height:330px!important;
}
#message-dp{
background-color: white;
color: dimgray;
width: 100%!important;
left:0;
top:0!important;
padding-bottom: 55px!important;
height: 100%!important;
overflow-y: auto!important;
}
}
@media only screen and (max-width: 1025px){
.page-footer{
display:none;
}
.sidebarvignette {
display:none;
}
.sidebar {
min-width: inherit;
}
}
@media(max-width:968px){
.primary-section{
padding-top: 30px;
padding-bottom: 30px;
}
.primary-section .hero-title, .primary-section .hero-sub-title{
font-size: 1.1em;
}
.entreprise-section{
background-size: inherit!important;
}
}
@media only screen and (min-width: 401px) {
/* line 75, sass/module/_recherche.scss */
.block-info-ent p {
margin: 0;
}
}
@media only screen and (max-width: 400px) {
/* line 84, sass/module/_recherche.scss */
.ent-client {
margin-bottom: 20px;
}
/* line 87, sass/module/_recherche.scss */
.ent-client .collapsible-header {
height: 90px;
padding-left: 50px;
position: relative;
}
/* line 93, sass/module/_recherche.scss */
.ent-client .collapsible-header .block-logo-ent {
width: 30px;
height: 30px;
line-height: 30px;
position: absolute;
left: 15px;
top: 30px;
}
/* line 103, sass/module/_recherche.scss */
.ent-client .collapsible-header .block-logo-ent .logo-ent {
width: 100%;
height: auto;
max-height: 100%;
}
/* line 111, sass/module/_recherche.scss */
.ent-client .block-info-ent {
padding: 8px !important;
}
/* line 113, sass/module/_recherche.scss */
.ent-client .block-info-ent a {
display: block;
}
/* line 116, sass/module/_recherche.scss */
.ent-client .block-info-ent h5 {
font-size: 16px !important;
margin: 0;
}
/* line 120, sass/module/_recherche.scss */
.ent-client .block-info-ent p {
margin: 0;
line-height: 14px;
font-size: 11px;
}
/* line 126, sass/module/_recherche.scss */
.ent-client .secondary-content {
position: absolute;
right: -10px;
top: -5px;
}
}
@media(max-width:768px){
.img-entreprise
{
left:0!important;
right:0;
}
.actuimgdossier{
min-height: 155px!important;
}
.statuserblock{
width:100%;
display:block!important;
float:none!important;
text-align:center!important;
}
}
@media(max-width:768px){
.card-fiche-produit{
display: block!important;
}
.fluid-section-body__inner{
padding:5px!important;
}
.col-central-ficheentreprise{
padding-left: 10px!important;
margin-top: 15px;
}
.fluid-section-h {
overflow: hidden;
}
.nav-tabs{ overflow-x: auto!important;
overflow-y: hidden!important;
}
.actu-ent-btn{
margin-left: 0px!important;
}
.secteurmenu.open{
height: 360px!important;
}
}
@media (min-height: 468px){
.modal-dialog-pdf {
height: 400px;
}
.modal-dialog-avis {
height: 400px;
}
.modal-dialog-pdf .modal-content {
height: 100%;
}
}
@media (min-height: 668px){
.modal-dialog-pdf {
height: 600px;
}
.modal-dialog-avis {
height: 600px;
}
.modal-dialog-pdf .modal-content {
height: 100%;
}
}
@media (min-height: 768px){
.modal-dialog-pdf {
height: 760px;
}
.modal-dialog-avis {
height: 760px;
}
.modal-dialog-pdf .modal-content {
height: 100%;
}
}
@media(max-width:768px){
.form-register
{
width: 96%;
}
}
.modal-dialog-avis {
margin: 0 auto;
position: relative;
width:100%;
}
.modal-dialog-pdf {
margin: 0 auto;
position: relative;
width:100%;
}
@media (min-width: 768px){
.modal-dialog-message {
width: 600px;
margin: 30px auto;
}
.modal-dialog-pdf {
width: 600px;
margin: 0 auto;
position: relative;
}
.modal-dialog-avis {
width: 600px;
margin: 0 auto;
position: relative;
}
.modal-dialog-partage {
width: 788px!important;
}
}
@media (min-width: 1068px){
.modal-dialog-pdf {
width: 1260px;
margin: 0 auto;
position: relative;
}
.modal-dialog-avis {
width: 768px;
margin: 0 auto;
position: relative;
}
.modal-dialog-partage {
width: 788px!important;
}
}
@media only screen and (max-width: 1084px){
.d-grid-extend {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (max-width: 1084px){
.nav-tabs .tabmenuent a{
padding: 6px;
padding-top: 13px;
padding-bottom: 15px;
}
.nav-tabs .tabmenuent.active a{
color:#4271D6!important;
padding-top: 6px;
padding-bottom: 18px;
}
.col-central-ficheentreprise{
padding-bottom: 15px;
}
}
@media only screen and (max-width: 1084px){
.actuvideo iframe{
width: 100%;
margin: 0 auto;
min-height: 250px;
}
}
@media only screen and (max-width: 784px){
.actuvideo iframe{
width: 100%;
margin: 0 auto;
min-height: 180px!important;
}
.principal-section{
margin-top: -5px!important;
}
.action-head-actu h5{
line-height: 25px;
}
.action-head-actu > div{
line-height: 25px;
}
.actuimg{
padding-left: 0px;
padding-right: 0px;
min-height: 180px!important;
}
.relatedactu{
min-height: 100px!important;
}
.actu-head {
padding-bottom: 16px;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
}
.card-content-marque{
display: block;
width:100%;
}
.marque {
line-height: 13px!important;
margin-bottom: 15px;
padding-left: 95px!important;
}
.nameproduitfiche{
width: 100%!important;
font-size: 1.4rem!important;
}
.tel-entreprise{
font-size: 1.3em!important;
margin-right: 0px!important;
color:#FFFFFF!important;
}
.demandecatalogue{
white-space: initial!important;
}
.pub-right{
margin-top: 25px;
}
.block-vignette{
padding-left: 7px!important;
padding-right: 7px!important;
}
.titleentreprise-fiche{
font-size: 22px!important;
}
.logo-ent-client-fiche {
width: 80px!important;
height: 80px!important;
line-height: 77px!important;
vertical-align: middle;
}
.modal-message .modal-dialog-message {
margin: 0;
width: 100%;
}
.button-box{
display:none!important;
}
.modal-message-footer .row .col-sm-4{
padding-top: 0px!important;
}
#messageconversation{height: 75px;}
.content-entreprise-section .title h1 {
font-size: 25px!important;
}
}
a:hover, a:active, a:focus {
outline: none;
text-decoration: none;
}
a:hover, a:active, a:focus, button:hover, button:active, button:focus, .btn:hover, .btn:active, .btn:focus, .btn-link:hover, .btn-link:active, .btn-link:focus, link:hover, link:active, link:focus {
}
a:active, a:focus, a:hover {
color: shade(#4271D6, 25%);
}
.sidebar-list__link .fa-arrow {
position: absolute;
font-size: 0.8em!important;
top: 12px;
right: 15px;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.is-expanded .sidebar-collapse {
display: block;
}
.sidebar-collapse {
display: none;
overflow: hidden;
border-bottom: 1px solid #D5DCE7;
transition: max-height 300ms ease;
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid #D5DCE7;
}
.fluid-section-body__inner {
padding: 20px 20px 0;
margin-bottom: 20px;
}
.entreprise-section {
padding-top: 65px;
padding-bottom: 65px;
position: relative;
background-color: #4271D6;
background-image: linear-gradient(135deg, #426ED5 0%, #6D92F2 100%);
background: url(img/fondfiche2.jpg) no-repeat center fixed;
background-size: cover;
-webkit-filter: contrast(93%) brightness(97%);
}
.pager .plusdinfo.active{
color: #1c3a69!important;
background: white!important;
}
.primary-section {
padding-top: 30px;
margin-bottom: 15px;
padding-bottom: 30px;
position: relative;
background-color: #4271D6;
background-image: linear-gradient(135deg, #426ED5 0%, #6D92F2 100%);
background: url(img/header-bg1_opt.jpg) no-repeat center fixed;
background-size: cover;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
font-size: 1.4rem;
line-height: 1.2;
margin: 0 0 0.75em;
}
.hero-title {
letter-spacing: 0.05px;
line-height: 20px;
margin-bottom: 35px;
color: #0c0e1e;
margin-top: 20px;
font-weight: 900!important;
font-family: "Signika";
}
.hero-title {
display: inline-block;
padding: 0 15px;
position: relative;
}
.hero-title:before,
.hero-title:after {
background: transparent;
content: "";
display: block;
height: 1px;
position: absolute;
top: 50%;
width: 100%;
}
.hero-title:before {
right: 100%;
}
.hero-title:after {
left: 100%;
}
.hero-title-ss{
color: #929292;
margin-bottom: 10px;
}
.primary-section .hero-title, .primary-section .hero-sub-title {
color: dimgrey;
}
.page-footer {
min-height: 65px;
/* background: rgb(90, 92, 101) !important; */
z-index: 100;
padding: 20px 0px 10px 10px;
position: relative;
border-top: 3px solid rgba(233, 238, 243, 0.22);
margin: 0 auto;
font-weight: 600;
background: white;
margin-top: 25px;
}
.page-footer-nav__item {
display: inline-block;
vertical-align: middle;
line-height: 30px;
font-size: 14px;
color: #6B748A;
margin-right: 25px;
}
.page-footer-nav__item span.fa{
font-size: 14px!important;
color: #6B748A!important;
}
.container--slim {
max-width: 1200px;
position: relative;
}
.page-footer .copyrights {
position: absolute;
top: 0px;
right: 0px;
font-size: 14px;
color: #6B748A;
}
#message-dp{
padding: 0;
min-height: initial;
padding-bottom: 0px!important;
height: inherit!important;
max-width: 360px!important;
min-width: 290px;
padding: 4px 12px 0;
margin-top: 52px;
background-color: white;
border: none;
box-shadow: 0px -1px 5px 2px rgba(66, 66, 66, 0.1);
width: 50%;
top: 8px;
right: 0;
left: inherit;
box-shadow: -3px 13px 35px rgba(50,50,93,.1), -1px 3px 15px rgba(0,0,0,.06);
/*
-webkit-animation: fadeInFromNone 0.5s ease-out;
-moz-animation: fadeInFromNone 0.5s ease-out;
-o-animation: fadeInFromNone 0.5s ease-out;
animation: fadeInFromNone 0.5s ease-out;*/
}
#admin-dp{
min-width: 395px;
padding: 4px 12px 0;
margin-top: 52px;
background-color: white;
border: none;
box-shadow: 0px -1px 5px 2px rgba(66, 66, 66, 0.1);
width: 50%;
top: 8px;
position: fixed;
right: 20px;
box-shadow: -3px 13px 35px rgba(50,50,93,.1), -1px 3px 15px rgba(0,0,0,.06);
/*
-webkit-animation: fadeInFromNone 0.5s ease-out;
-moz-animation: fadeInFromNone 0.5s ease-out;
-o-animation: fadeInFromNone 0.5s ease-out;
animation: fadeInFromNone 0.5s ease-out;*/
}
#admin-dp .help-block{
font-size:12px
}
#admin-dp .bottom{
background-color:white;
border-top:1px solid #ddd;
clear:both;
padding:4px;
}
#admin-dp .social-buttons{
margin:0px 0
}
#admin-dp .social-buttons a{
width: 47%;
}
#admin-dp .form-group {
margin-bottom: 10px;
}
#admin-dp:after{
display: none!important;
}
#message-dp:after{
display: none!important;
}
/*
@-webkit-keyframes fadeInFromNone {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@-moz-keyframes fadeInFromNone {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@-o-keyframes fadeInFromNone {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@keyframes fadeInFromNone {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}*/
#login-dp:after{
display:none!important;
}
#login-dp{
min-width: 255px;
padding: 4px 12px 0;
background-color: white;
margin-top: 70px;
border: none;
box-shadow: 0px -1px 5px 2px rgba(66, 66, 66, 0.1);
box-shadow: -3px 13px 35px rgba(50,50,93,.1), -1px 3px 15px rgba(0,0,0,.06);
}
#login-dp .help-block{
font-size:12px
}
#login-dp .bottom{
background-color:white;
border-top:1px solid #ddd;
clear:both;
padding:4px;
}
#login-dp .social-buttons{
margin:0px 0
}
#login-dp .social-buttons a{
width: 47%;
}
#login-dp .form-group {
margin-bottom: 10px;
}
.btn-fb{
color: #fff;
background-color:#3b5998;
}
.btn-fb:hover{
color: #fff;
background-color:#496ebc
}
.btn-tw{
color: #fff;
background-color:#55acee;
}
.btn-tw:hover{
color: #fff;
background-color:#59b5fa;
}
.btn-ggl{
color: #fff;
background-color:#EC5A4E;
}
.btn-ggl:hover{
color: #fff;
background-color:#EC5A4E;
}
.btn-lk{
color: #fff;
background-color:#0177B5;
}
.btn-lk:hover{
color: #fff;
background-color:#4684ED;
}
.user-img{
width: 22px;
max-width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
line-height: 20px;
margin-right: 5px;
border-radius: 5px;
overflow: hidden;
margin-top: -2px;
background: transparent;
}
.btn:hover {
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25) !important;
}
.btn.btn-primary:active, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active:focus {
background-color: #4271D6;
border-color: #4271D6;
}
.menu{
cursor: pointer;
margin-left: 20px;
font-size:1.7em;
}
.menu span{
color:white!important;
font-weight: 300;
}
.sidebarfixed{
position: fixed!important;
top: 52px!important;
z-index:9999!important;
width: 100%;
left:0!important;
display: block!important;
margin-top: 0px!important;
}
.icon-chap1:before {
content: "\1f300";
}
.icon-chap2:before {
content: "\1f4a6";
}
.icon-chap3:before {
content: "\2600";
}
.icon-chap4:before {
content: "\1f3a7";
}
.icon-chap5:before {
content: "\2600";
}
.icon-chap6:before {
content: "\2600";
}
.icon-chap7:before {
content: "\f080";
}
.icon-chap8:before {
content: "\2600";
}
.icon-chap9:before {
content: "\2600";
}
.icon-chap10:before {
content: "\2600";
}
.block-activite .sidebar-list__item
{
padding-left: 25px;
padding-right: 25px;
border-bottom: 1px solid rgba(220, 220, 220, 0.7);
padding-bottom: 25px;
padding-top: 25px;
}
.block-activite .sidebar-list__item a
{
margin-bottom: 2px;
}
.block-rubrique
{
padding-left: 65px!important;
}
.img-entreprise{
position: absolute;
left: 105px;
margin: 0 auto;
top: -38px;
width: 90px;
height: 90px;
/* margin-right: 10px; */
width: 120px;
height: 120px;
line-height: 115px;
/* border: 1px solid #D5DCE7; */
background: white;
transition: width 500ms ease, height 500ms ease;
border-radius: 4px 4px 0px 0px;
padding-left: 6px;
padding-right: 6px;
z-index: 1;
}
/*.sidebar-section__text {
font-size: 14px;
letter-spacing: 0.15px;
line-height: 24px;
margin-bottom: 0;
}*/
.sidebar-section__text {
font-size: 14px;
letter-spacing: 0.15px;
line-height: 25px;
margin-top: 10px;
font-weight: 800;
color: #242e82!important;
font-family: "Nunito";
margin-left: 20px;
padding-bottom: 0px;
margin-bottom: 5px;
}
.section-activite-description
{
padding: 30px;
text-align: justify;
padding-top: 0;
font-size: 0.9em;
background: white;
padding-top: 19px;
padding-bottom: 10px;
margin-bottom: 15px;
border: 1px solid #D5DCE7;
}
.btn-outline {
background-color: transparent;
color: inherit;
transition: all .5s;
}
.btn-primary.btn-outline {
color:#2e6da4!important;
}
.btn-success.btn-outline {
color: #5cb85c!important;
}
.btn-info.btn-outline {
color: #5bc0de!important;
}
.btn-warning.btn-outline {
color: #f0ad4e!important;
}
.btn-danger.btn-outline {
color: #d9534f!important;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
color: #fff!important;
}
.validbtnsuccess{
background: #35d549!important;
font-weight: 800!important;
box-shadow: 0 4px 6px rgba(50,50,93,.041), 0 1px 3px rgba(0,0,0,.08)!important;
font-size: 14px!important;
color: white!important;
}
.actionrub .btn-follow{
background: white;
color:dimgray;
}
.video-rubrique iframe{
width: 100%;
height: 331px;
padding: 10px;
border-radius: 16px;
overflow: hidden;
}
@media (min-width: 1200px){
.col-lg-offset-0-5 {
margin-left: 4.555555555%;
}
.col-lg-offset-1-5 {
margin-left: 12.4555555555%;
}
}
@media (min-width: 992px){
.col-md-offset-1-5 {
margin-left: 12.4555555555%;
}
.col-md-offset-0-5 {
margin-left: 4.555555555%;
}
}
.card-definition{
padding: 10px;
border-radius: 3px;
}
.card-definition h3{
font-weight: 700;
color: #19181a;
font-family: "Nunito";
}
.card-definition-real{
padding: 10px;
border-radius: 3px;
}
.card-definition-real h3{
font-weight: 700;
color: #19181a;
}
.album-rubrique{
margin-top: 15px;
}
.rubriquelie{
padding: 5px;
border-radius: 4px;
border: 1px solid #d2d2d2;
display: inline-block;
font-size: 11px;
font-weight: 600;
color: dimgray;
box-shadow: 1px 1px 1px #cacaca;
margin: 4px;
}
.card-definition-real p{
color: #19181a;
font-weight: 500;
font-size: 16px;
line-height: 1.58;
letter-spacing: -.003em;
text-align: left;
}
.card-definition p{
color: #19181a;
font-weight: 500;
font-size: 16px;
line-height: 1.58;
letter-spacing: -.003em;
}
.card-definition a:last-child{
text-align: right;
display: block;
}
.section-activite-description h3{
padding-left: 0px;
font-size: 1.3rem;
}
.section-entreprise-description
{
padding: 30px;
text-align: justify;
padding-top: 0;
font-size: 0.9em;
}
.section-entreprise-description h3{
padding-left: 0px;
font-size: 1.3rem;
}
.arianeactivite
{
font-size: 1.3rem;
letter-spacing: 0.15px;
line-height: 25px;
margin-bottom: 0;
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
color: rgba(116, 116, 116, 0.91);
margin-top: 2px;
position: relative;
transition: line-height 500ms ease;
}
.nav-tabs li {
display: block!important;
border-radius: 5px 5px 0 0!important;
font-size: 14px!important;
padding-top: 8px;
padding-bottom: 8px;
}
.nav-tabs {
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
margin-bottom: 1px!important;
}
.tab-content {
background-color: #fff;
padding: 20px 10px!important;
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1)!important;
border: 1px solid #D5DCE7!important;
border-top: 0px solid grey !important;
border-radius: 0 0 5px 5px!important;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow: hidden;
}
.nav-tabs li .label {
border-radius: 15px;
margin-left: 5px;
min-width: 26px;
text-align: center;
display: inline-block;
padding: .3em .6em 0.25em;
font-style: normal;
vertical-align: middle;
font-size: 10px;
margin-top: -2px;
}
.block-logo-ent {
width: 84px;
height: 84px;
line-height: 106px;
position: absolute;
left: 15px;
top: 8px;
display: inline-block;
}
.logo-ent {
width: 100%;
height: auto;
max-height: 100%;
}
.block-info-ent
{
display: inline-block;
padding-top: 24px!important;
vertical-align: middle;
margin-left: 10px;
vertical-align: middle;
line-height: 20px;
}
.truncate{
overflow: hidden;
text-overflow: ellipsis;
}
.rstrie{
color: #424C9A;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
display: inherit;
}
.descriptioncourteentlist
{
color:rgba(128, 128, 128, 0.59);font-style: italic;
max-width: 75%;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #aeb2c5;
}
.block-web-reseaux
{
padding-top: 5px; padding-right: 5px;
}
.lien-site-web
{
width:20px!important;height:20px!important;line-height: 20px!important;
}
.lien-site-web i
{
font-size: 0.9em!important; line-height: 20px!important;
}
.lien-site-web.autre{
background: #26a69a!important;width:20px;height:20px;line-height: 20px
}
.ent-client{
background: #fff;border:1px solid rgba(216, 216, 216, 0.35);list-style-type: none; border-bottom: 1px solid rgba(220, 220, 220, 0.76);
}
.list
{
margin: 0 10px;list-style-type: none; padding: 0;
}
.autre-ent
{
padding-left: 10px;
color: #263bff;
margin: 35px 0px 25px;
letter-spacing: -0.2px;
font-weight: bold;
text-align: center;
font-family: "Nunito";
font-size: 14px;
}
.ent-free
{
padding-left: 15px;margin-bottom: 10px;max-height:70px;list-style-type: none;
}
.collapsible-header-free
{
display: block;padding-left:20px
}
.titlefree
{
color: rgb(50, 52, 71);
font-weight: 400!important;
letter-spacing: -1px;
margin-top: 10px;
margin-bottom: 6px;
font-family: "Signika";
font-size: 14px;
}
.block-logo-ent-free{
width: 50px;
height: 50px;
display: inline-block;
}
.block-info-ent-free
{
display: inline-block;
vertical-align: middle;
margin-left: 10px;
vertical-align: middle;
line-height: 25px;
}
.contact-produit-rapide{
cursor: pointer;
font-weight: 800;
background: #F5B702!important;
border-color: #FFC20F!important;
font-size: 13px;
padding: 6px 12px!important;
font-family: "Nunito";
}
.contact-produit-rapide:hover{
}
.btn-line {
display:inline-block;
}
.badge-contri{
padding: 8px 12px;
background: rgb(31, 24, 134);
display: inline-block;
font-weight: 600;
font-family: "Signika";
color: #ffffff;
border-radius: 5px;
font-size: 13px;
}
.badge-contri img{
width: 20px;
vertical-align: middle;
margin-right: 5px;
}
.navprod-img{
width: 60px;
line-height: 60px;
border-radius: 50%;
overflow: hidden;
height: 60px;
background: white;
box-shadow: 4px 1px 9px #e3e3e3;
display: none;
float: left;
}
.blocknavbtnprod{
float: right; padding-top: 30px;
}
.contact-produit-rapide i
{
font-size: 1.2em;
margin-left: 8px;
font-weight: bold;
}
/* line 147, sass/module/_ficheentreprise.scss */
.block-web-reseaux .lien-site-web {
display: block;
height: 40px;
width: 40px;
border-radius: 50%;
color: #FFF;
display: inline-block;
vertical-align: top;
line-height: 40px;
text-align: center;
}
/* line 160, sass/module/_ficheentreprise.scss */
.block-web-reseaux .lien-site-web i {
width: 100%;
}
/* line 164, sass/module/_ficheentreprise.scss */
.block-web-reseaux .facebook {
background: #3B5998;
}
/* line 168, sass/module/_ficheentreprise.scss */
.block-web-reseaux .twitter {
background: #00ACED;
}
/* line 172, sass/module/_ficheentreprise.scss */
.block-web-reseaux .google {
background: #D14836;
}
.block-web-reseaux .youtube {
background: #e62117;
}
.block-web-reseaux .pinterest {
background: #CB2026;
}
.block-web-reseaux .instagram {
background: #5185A6;
}
.fondfe{
background:rgb(62, 112, 174);
}
.block-web-reseaux .viadeo {
background: #F39D1F;
}
.block-web-reseaux .guideeau {
background: #2B4D90;
background-image: url(/img/guideeauc.jpg);
background-position: center center;
background-size: 36px;
}
.fondfe{
color: white;
}
.iconelogo{
color: white;
font-size: 20px!important;
margin-top: 2px;
vertical-align: bottom;
}
.firstlogotitle{
color: rgba(255, 255, 255, 0.72);
font-size: 0.8em;
margin-left: 6px;
display: inline-block;
/* vertical-align: top; */
font-weight: 600;
margin-top: -57px;
line-height: 32px;
/* font-style: inherit; */
}
.secondlogotitle{
display: block;
color: white;
font-size: 1.1em;
margin-left: 29px;
/* display: inline-block; */
/* vertical-align: top; */
margin-top: -18px;
font-weight: 600;
}
.logo-navbar a{
display: block;
line-height: 27px;
}
/* line 176, sass/module/_ficheentreprise.scss */
.block-web-reseaux .linkedin {
background: #007FB1;
}
/* line 180, sass/module/_ficheentreprise.scss */
.block-web-reseaux .autre {
background: #444;
}
/* line 20, sass/module/_recherche.scss */
#resultat_entreprise .collapsible {
box-shadow: none;
border: none;
}
/* line 26, sass/module/_recherche.scss */
.ent-client {
margin-bottom: 15px;
height: 100px;
}
/* line 29, sass/module/_recherche.scss */
.ent-client .collapsible-header {
height: 100px;
padding-left: 100px;
position: relative;
}
/* line 35, sass/module/_recherche.scss */
.ent-client .collapsible-header .block-logo-ent {
width: 89px;
height: 89px;
line-height: 89px;
position: absolute;
left: 15px;
top: 4px;
}
/* line 45, sass/module/_recherche.scss */
.ent-client .collapsible-header .block-logo-ent .logo-ent {
width: 100%;
height: auto;
max-height: 100%;
}
/* line 52, sass/module/_recherche.scss */
.ent-client .collapsible-header .block-info-ent {
padding: 20px;
}
/* line 54, sass/module/_recherche.scss */
.ent-client .collapsible-header .block-info-ent a {
display: block;
}
/* line 57, sass/module/_recherche.scss */
.ent-client .collapsible-header .block-info-ent h5 {
margin: 0;
}
/* line 60, sass/module/_recherche.scss */
.ent-client .collapsible-header .block-info-ent p {
margin: 0;
overflow: hidden;
max-height: 45px;
font-size: 0.9em;
}
/* line 64, sass/module/_recherche.scss */
.ent-client .collapsible-header .secondary-content {
position: absolute;
right: 0px;
top: 0px;
}
/* line 139, sass/module/_recherche.scss */
.ent-free .circle {
border-radius: initial;
top: 20px;
}
/* line 146, sass/module/_recherche.scss */
.produit, .home .liste-produit .produit {
width: 100%;
margin: 0 auto;
margin-bottom: 20px;
border: none;
background: white;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 15px 56px rgb(161 169 206 / 11%), 3px -6px 45px rgb(225 226 237 / 24%);
}
/* line 152, sass/module/_recherche.scss */
.card-title, .home .liste-produit .card-title {
color: #fff;
font-weight: bold;
margin-right: 0px;
font-weight: initial;
text-transform: uppercase;
}
/* line 160, sass/module/_recherche.scss */
.liste-produit .card-image, .produit .card-image{
position: relative;
min-height: 190px;
height: 190px;
background-size: cover;
overflow: hidden;
padding: 12px;
}
/* line 172, sass/module/_recherche.scss */
.card-image .filtre, .home .liste-produit .card-image .filtre {
width: 100%;
height: 100%;
/*
background-image: -webkit-gradient(radial,50% 50%,0,50% 50%,960,from(rgba(0,0,0,0.1)),to(rgba(0,0,0,0.5)));
background: radial-gradient(circle at 60% 30%,rgba(0,0,0,0.1),rgba(0,0,0,0.5));
background-size: cover;
*/
position: absolute;
top: 0;
}
/* line 184, sass/module/_recherche.scss */
.produit .card-content {
height: 110px;
overflow: hidden;
padding-top: 12x;
}
.les-rubs
{
padding: 20px;
color: #cecece;
display:none;
padding-top: 0;
}
/* line 188, sass/module/_recherche.scss */
.card-content .les-rubs a, .home .liste-produit .card-content .les-rubs a {
text-transform: initial;
color: #4e51ac!important;
font-size: 12px!important;
font-family: "Signika";
}
/* line 192, sass/module/_recherche.scss */
.card a, .home .liste-produit .card a {
margin-right: 0;
}
/* line 195, sass/module/_recherche.scss */
.prod-name, .home .liste-produit .prod-name {
font-size: 15px!important;
margin-bottom: 3px;
color: #152634!important;
font-family: "Signika";
font-weight: 600;
}
/* line 198, sass/module/_recherche.scss */
.card-action, .home .liste-produit .card-action {
height: 62px;
position: relative;
overflow: initial;
}
/* line 200, sass/module/_recherche.scss */
.card-action .block-logo, .home .liste-produit .card-action .block-logo {
width: 38px;
height: 38px;
line-height: 37px;
position: absolute;
left: 15px;
bottom: 15px;
border-radius: 4px;
overflow: hidden;
border: none;
box-shadow: 0 4px 18px rgba(95, 95, 196, 0.05), 0 1px 7px rgba(88, 123, 186, 0.06);
}
/* line 207, sass/module/_recherche.scss */
.card-action .block-logo .logo-ent, .home .liste-produit .card-action .block-logo .logo-ent {
width: 100%;
height: auto;
max-height: 100%;
}
/* line 214, sass/module/_recherche.scss */
.card a.btn, .home .liste-produit .card a.btn {
margin: 0;
color: #fff;
padding: 0px 1rem;
position: absolute;
bottom: 14px;
right: 14px;
}
/* line 226, sass/module/_recherche.scss */
#resultat_activite .activite {
line-height: 44px;
}
/* line 229, sass/module/_recherche.scss */
#resultat_activite .icon_activite {
background: #039be5;
padding: 10px;
border-radius: 50%;
float: left;
margin-right: 10px;
}
.fa-viadeo:before {
content: "\f2a9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-glass:before {
content: "\f000";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-music:before {
content: "\f001";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-search:before {
content: "\f002";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-envelope-o:before {
content: "\f003";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-heart:before {
content: "\f004";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-star:before {
content: "\f005";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-star-o:before {
content: "\f006";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-user:before {
content: "\f007";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-film:before {
content: "\f008";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-th-large:before {
content: "\f009";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-th:before {
content: "\f00a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-th-list:before {
content: "\f00b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-check:before {
content: "\f00c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-remove:before, .fa-close:before, .fa-times:before {
content: "\f00d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-search-plus:before {
content: "\f00e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-search-minus:before {
content: "\f010";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-power-off:before {
content: "\f011";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-signal:before {
content: "\f012";
}
.fa-handshake-o:before {
content: "\f2b5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-gear:before, .fa-cog:before {
content: "\f013";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-trash-o:before {
content: "\f014";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-home:before {
content: "\f015";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-o:before {
content: "\f016";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-clock-o:before {
content: "\f017";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-road:before {
content: "\f018";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-download:before {
content: "\f019";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-inbox:before {
content: "\f01c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-play-circle-o:before {
content: "\f01d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-rotate-right:before, .fa-repeat:before {
content: "\f01e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-refresh:before {
content: "\f021";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-list-alt:before {
content: "\f022";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-user-circle-o:before {
content: "\f2be";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-lock:before {
content: "\f023";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-flag:before {
content: "\f024";
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content: "\f080";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-headphones:before {
content: "\f025";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-volume-off:before {
content: "\f026";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-volume-down:before {
content: "\f027";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-volume-up:before {
content: "\f028";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-qrcode:before {
content: "\f029";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-barcode:before {
content: "\f02a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-tag:before {
content: "\f02b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-tags:before {
content: "\f02c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-book:before {
content: "\f02d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bookmark:before {
content: "\f02e";
}
.fa-youtube-square:before {
content: "\f166";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-print:before {
content: "\f02f";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-camera:before {
content: "\f030";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-font:before {
content: "\f031";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bold:before {
content: "\f032";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-italic:before {
content: "\f033";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-text-height:before {
content: "\f034";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-text-width:before {
content: "\f035";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-align-left:before {
content: "\f036";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-align-center:before {
content: "\f037";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-align-right:before {
content: "\f038";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-align-justify:before {
content: "\f039";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-list:before {
content: "\f03a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-dedent:before, .fa-outdent:before {
content: "\f03b";
}
.fa-vcard-o:before, .fa-address-card-o:before {
content: "\f2bc";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-indent:before {
content: "\f03c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-video-camera:before {
content: "\f03d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content: "\f03e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-pencil:before {
content: "\f040";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-map-marker:before {
content: "\f041";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-adjust:before {
content: "\f042";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-tint:before {
content: "\f043";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-edit:before, .fa-pencil-square-o:before {
content: "\f044";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-share-square-o:before {
content: "\f045";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-check-square-o:before {
content: "\f046";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrows:before {
content: "\f047";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-step-backward:before {
content: "\f048";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-fast-backward:before {
content: "\f049";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-backward:before {
content: "\f04a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-play:before {
content: "\f04b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-pause:before {
content: "\f04c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-stop:before {
content: "\f04d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-forward:before {
content: "\f04e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-fast-forward:before {
content: "\f050";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-step-forward:before {
content: "\f051";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-eject:before {
content: "\f052";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-chevron-left:before {
content: "\f053";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-chevron-right:before {
content: "\f054";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-plus-circle:before {
content: "\f055";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-minus-circle:before {
content: "\f056";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-times-circle:before {
content: "\f057";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-check-circle:before {
content: "\f058";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-question-circle:before {
content: "\f059";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-info-circle:before {
content: "\f05a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-crosshairs:before {
content: "\f05b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-times-circle-o:before {
content: "\f05c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-check-circle-o:before {
content: "\f05d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-ban:before {
content: "\f05e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-left:before {
content: "\f060";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-right:before {
content: "\f061";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-up:before {
content: "\f062";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-down:before {
content: "\f063";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-mail-forward:before, .fa-share:before {
content: "\f064";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-expand:before {
content: "\f065";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-compress:before {
content: "\f066";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-plus:before {
content: "\f067";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-minus:before {
content: "\f068";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-asterisk:before {
content: "\f069";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-exclamation-circle:before {
content: "\f06a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-gift:before {
content: "\f06b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-leaf:before {
content: "\f06c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-fire:before {
content: "\f06d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-eye:before {
content: "\f06e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-eye-slash:before {
content: "\f070";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-warning:before, .fa-exclamation-triangle:before {
content: "\f071";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-plane:before {
content: "\f072";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-calendar:before {
content: "\f073";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-random:before {
content: "\f074";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-comment:before {
content: "\f075";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-magnet:before {
content: "\f076";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-chevron-up:before {
content: "\f077";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-chevron-down:before {
content: "\f078";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-retweet:before {
content: "\f079";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-shopping-cart:before {
content: "\f07a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-folder:before {
content: "\f07b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-folder-open:before {
content: "\f07c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrows-v:before {
content: "\f07d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrows-h:before {
content: "\f07e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bar-chart-o:before, .fa-bar-chart:before {
content: "\f080";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-twitter-square:before {
content: "\f081";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-facebook-square:before {
content: "\f082";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-camera-retro:before {
content: "\f083";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-key:before {
content: "\f084";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-gears:before, .fa-cogs:before {
content: "\f085";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-comments:before {
content: "\f086";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-thumbs-o-up:before {
content: "\f087";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-thumbs-o-down:before {
content: "\f088";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-star-half:before {
content: "\f089";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-heart-o:before {
content: "\f08a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sign-out:before {
content: "\f08b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-linkedin-square:before {
content: "\f08c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-thumb-tack:before {
content: "\f08d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-external-link:before {
content: "\f08e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sign-in:before {
content: "\f090";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-trophy:before {
content: "\f091";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-github-square:before {
content: "\f092";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-upload:before {
content: "\f093";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-lemon-o:before {
content: "\f094";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-phone:before {
content: "\f095";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-square-o:before {
content: "\f096";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bookmark-o:before {
content: "\f097";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-phone-square:before {
content: "\f098";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-twitter:before {
content: "\f00d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-facebook:before {
content: "\f09a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-github:before {
content: "\f09b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-unlock:before {
content: "\f09c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-credit-card:before {
content: "\f09d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-rss:before {
content: "\f09e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-hdd-o:before {
content: "\f0a0";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bullhorn:before {
content: "\f0a1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bell:before {
content: "\f0f3";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-certificate:before {
content: "\f0a3";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-hand-o-right:before {
content: "\f0a4";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-hand-o-left:before {
content: "\f0a5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-hand-o-up:before {
content: "\f0a6";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-hand-o-down:before {
content: "\f0a7";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-circle-left:before {
content: "\f0a8";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-circle-right:before {
content: "\f0a9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-circle-up:before {
content: "\f0aa";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-circle-down:before {
content: "\f0ab";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-globe:before {
content: "\f0ac";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-wrench:before {
content: "\f0ad";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-tasks:before {
content: "\f0ae";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-filter:before {
content: "\f0b0";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-briefcase:before {
content: "\f0b1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrows-alt:before {
content: "\f0b2";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-group:before, .fa-users:before {
content: "\f0c0";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-chain:before, .fa-link:before {
content: "\f0c1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cloud:before {
content: "\f0c2";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-flask:before {
content: "\f0c3";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cut:before, .fa-scissors:before {
content: "\f0c4";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-copy:before, .fa-files-o:before {
content: "\f0c5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-paperclip:before {
content: "\f0c6";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-save:before, .fa-floppy-o:before {
content: "\f0c7";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-square:before {
content: "\f0c8";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "\f0c9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-list-ul:before {
content: "\f0ca";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-list-ol:before {
content: "\f0cb";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-strikethrough:before {
content: "\f0cc";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-underline:before {
content: "\f0cd";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-table:before {
content: "\f0ce";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-magic:before {
content: "\f0d0";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-truck:before {
content: "\f0d1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-pinterest:before {
content: "\f0d2";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-pinterest-square:before {
content: "\f0d3";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-google-plus-square:before {
content: "\f0d4";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-google-plus:before {
content: "\f0d5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-money:before {
content: "\f0d6";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-caret-down:before {
content: "\f0d7";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-caret-up:before {
content: "\f0d8";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-caret-left:before {
content: "\f0d9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-caret-right:before {
content: "\f0da";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-columns:before {
content: "\f0db";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-unsorted:before, .fa-sort:before {
content: "\f0dc";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sort-down:before, .fa-sort-desc:before {
content: "\f0dd";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sort-up:before, .fa-sort-asc:before {
content: "\f0de";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-envelope:before {
content: "\f0e0";
}
.fa-user-plus:before {
content: "\f234";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-linkedin:before {
content: "\f0e1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-rotate-left:before, .fa-undo:before {
content: "\f0e2";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-legal:before, .fa-gavel:before {
content: "\f0e3";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-dashboard:before, .fa-tachometer:before {
content: "\f0e4";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-comment-o:before {
content: "\f0e5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-comments-o:before {
content: "\f0e6";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-flash:before, .fa-bolt:before {
content: "\f0e7";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sitemap:before {
content: "\f0e8";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-umbrella:before {
content: "\f0e9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-paste:before, .fa-clipboard:before {
content: "\f0ea";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-lightbulb-o:before {
content: "\f0eb";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-exchange:before {
content: "\f0ec";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cloud-download:before {
content: "\f0ed";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cloud-upload:before {
content: "\f0ee";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-user-md:before {
content: "\f0f0";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-stethoscope:before {
content: "\f0f1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-suitcase:before {
content: "\f0f2";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bell-o:before {
content: "\f0a2";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-coffee:before {
content: "\f0f4";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cutlery:before {
content: "\f0f5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-text-o:before {
content: "\f0f6";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-building-o:before {
content: "\f0f7";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-hospital-o:before {
content: "\f0f8";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-ambulance:before {
content: "\f0f9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-medkit:before {
content: "\f0fa";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-fighter-jet:before {
content: "\f0fb";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-beer:before {
content: "\f0fc";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-h-square:before {
content: "\f0fd";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-plus-square:before {
content: "\f0fe";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-angle-double-left:before {
content: "\f100";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-angle-double-right:before {
content: "\f101";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-angle-double-up:before {
content: "\f102";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-angle-double-down:before {
content: "\f103";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-angle-left:before {
content: "\f104";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-angle-right:before {
content: "\f105";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-angle-up:before {
content: "\f106";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-angle-down:before {
content: "\f107";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-desktop:before {
content: "\f108";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-laptop:before {
content: "\f109";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-tablet:before {
content: "\f10a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-mobile-phone:before, .fa-mobile:before {
content: "\f10b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-circle-o:before {
content: "\f10c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-quote-left:before {
content: "\f10d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-quote-right:before {
content: "\f10e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-spinner:before {
content: "\f110";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-circle:before {
content: "\f111";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-mail-reply:before, .fa-reply:before {
content: "\f112";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-github-alt:before {
content: "\f113";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-folder-o:before {
content: "\f114";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-folder-open-o:before {
content: "\f115";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-smile-o:before {
content: "\f118";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-frown-o:before {
content: "\f119";
}
.fa-question-circle-o:before {
content: "\f29c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-meh-o:before {
content: "\f11a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-gamepad:before {
content: "\f11b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-keyboard-o:before {
content: "\f11c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-flag-o:before {
content: "\f11d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-flag-checkered:before {
content: "\f11e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-terminal:before {
content: "\f120";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-code:before {
content: "\f121";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-mail-reply-all:before, .fa-reply-all:before {
content: "\f122";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content: "\f123";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-location-arrow:before {
content: "\f124";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-crop:before {
content: "\f125";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-code-fork:before {
content: "\f126";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-unlink:before, .fa-chain-broken:before {
content: "\f127";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-question:before {
content: "\f128";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-info:before {
content: "\f129";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-exclamation:before {
content: "\f12a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-superscript:before {
content: "\f12b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-subscript:before {
content: "\f12c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-eraser:before {
content: "\f12d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-puzzle-piece:before {
content: "\f12e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-microphone:before {
content: "\f130";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-microphone-slash:before {
content: "\f131";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-shield:before {
content: "\f132";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-calendar-o:before {
content: "\f133";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-fire-extinguisher:before {
content: "\f134";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-rocket:before {
content: "\f135";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-maxcdn:before {
content: "\f136";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-chevron-circle-left:before {
content: "\f137";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-chevron-circle-right:before {
content: "\f138";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-chevron-circle-up:before {
content: "\f139";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-chevron-circle-down:before {
content: "\f13a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-html5:before {
content: "\f13b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-css3:before {
content: "\f13c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-anchor:before {
content: "\f13d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-unlock-alt:before {
content: "\f13e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bullseye:before {
content: "\f140";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-ellipsis-h:before {
content: "\f141";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-ellipsis-v:before {
content: "\f142";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-rss-square:before {
content: "\f143";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-play-circle:before {
content: "\f144";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-ticket:before {
content: "\f145";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-minus-square:before {
content: "\f146";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-minus-square-o:before {
content: "\f147";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-level-up:before {
content: "\f148";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-level-down:before {
content: "\f149";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-check-square:before {
content: "\f14a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-pencil-square:before {
content: "\f14b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-external-link-square:before {
content: "\f14c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-share-square:before {
content: "\f14d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-compass:before {
content: "\f14e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-toggle-down:before, .fa-caret-square-o-down:before {
content: "\f150";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-toggle-up:before, .fa-caret-square-o-up:before {
content: "\f151";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-toggle-right:before, .fa-caret-square-o-right:before {
content: "\f152";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-euro:before, .fa-eur:before {
content: "\f153";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-gbp:before {
content: "\f154";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-dollar:before, .fa-usd:before {
content: "\f155";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-rupee:before, .fa-inr:before {
content: "\f156";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
content: "\f157";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
content: "\f158";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-won:before, .fa-krw:before {
content: "\f159";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bitcoin:before, .fa-btc:before {
content: "\f15a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file:before {
content: "\f15b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-text:before {
content: "\f15c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sort-alpha-asc:before {
content: "\f15d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sort-alpha-desc:before {
content: "\f15e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sort-amount-asc:before {
content: "\f160";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sort-amount-desc:before {
content: "\f161";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sort-numeric-asc:before {
content: "\f162";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sort-numeric-desc:before {
content: "\f163";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-thumbs-up:before {
content: "\f164";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-thumbs-down:before {
content: "\f165";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-youtube-square:before {
content: "\f166";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-youtube:before {
content: "\f167";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-xing:before {
content: "\f168";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-xing-square:before {
content: "\f169";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-youtube-play:before {
content: "\f16a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-dropbox:before {
content: "\f16b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-stack-overflow:before {
content: "\f16c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-instagram:before {
content: "\f16d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-flickr:before {
content: "\f16e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-adn:before {
content: "\f170";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bitbucket:before {
content: "\f171";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bitbucket-square:before {
content: "\f172";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-tumblr:before {
content: "\f173";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-tumblr-square:before {
content: "\f174";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-long-arrow-down:before {
content: "\f175";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-long-arrow-up:before {
content: "\f176";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-long-arrow-left:before {
content: "\f177";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-long-arrow-right:before {
content: "\f178";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-apple:before {
content: "\f179";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-windows:before {
content: "\f17a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-android:before {
content: "\f17b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-linux:before {
content: "\f17c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-dribbble:before {
content: "\f17d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-skype:before {
content: "\f17e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-foursquare:before {
content: "\f180";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-trello:before {
content: "\f181";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-female:before {
content: "\f182";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-male:before {
content: "\f183";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-gittip:before {
content: "\f184";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sun-o:before {
content: "\f185";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-moon-o:before {
content: "\f186";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-archive:before {
content: "\f187";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bug:before {
content: "\f188";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-vk:before {
content: "\f189";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-weibo:before {
content: "\f18a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-renren:before {
content: "\f18b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-pagelines:before {
content: "\f18c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-stack-exchange:before {
content: "\f18d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-arrow-circle-o-left:before {
content: "\f190";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-toggle-left:before, .fa-caret-square-o-left:before {
content: "\f191";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-dot-circle-o:before {
content: "\f192";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-wheelchair:before {
content: "\f193";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-vimeo-square:before {
content: "\f194";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-turkish-lira:before, .fa-try:before {
content: "\f195";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-plus-square-o:before {
content: "\f196";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-space-shuttle:before {
content: "\f197";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-slack:before {
content: "\f198";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-envelope-square:before {
content: "\f199";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-wordpress:before {
content: "\f19a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-openid:before {
content: "\f19b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-institution:before, .fa-bank:before, .fa-university:before {
content: "\f19c";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-mortar-board:before, .fa-graduation-cap:before {
content: "\f19d";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-yahoo:before {
content: "\f19e";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-google:before {
content: "\f1a0";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-reddit:before {
content: "\f1a1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-user-secret:before {
content: "\f21b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-stumbleupon:before {
content: "\f1a4";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-delicious:before {
content: "\f1a5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-digg:before {
content: "\f1a6";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-pied-piper:before {
content: "\f1a7";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-pied-piper-alt:before {
content: "\f1a8";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-drupal:before {
content: "\f1a9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-joomla:before {
content: "\f1aa";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-language:before {
content: "\f1ab";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-fax:before {
content: "\f1ac";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-building:before {
content: "\f1ad";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-child:before {
content: "\f1ae";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-paw:before {
content: "\f1b0";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-spoon:before {
content: "\f1b1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cube:before {
content: "\f1b2";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cubes:before {
content: "\f1b3";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-behance:before {
content: "\f1b4";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-behance-square:before {
content: "\f1b5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-steam:before {
content: "\f1b6";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-steam-square:before {
content: "\f1b7";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-recycle:before {
content: "\f1b8";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-automobile:before, .fa-car:before {
content: "\f1b9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cab:before, .fa-taxi:before {
content: "\f1ba";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-tree:before {
content: "\f1bb";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-spotify:before {
content: "\f1bc";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-deviantart:before {
content: "\f1bd";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-soundcloud:before {
content: "\f1be";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-database:before {
content: "\f1c0";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-pdf-o:before {
content: "\f1c1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-word-o:before {
content: "\f1c2";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-excel-o:before {
content: "\f1c3";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
content: "\f1c5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-zip-o:before, .fa-file-archive-o:before {
content: "\f1c6";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-sound-o:before, .fa-file-audio-o:before {
content: "\f1c7";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-movie-o:before, .fa-file-video-o:before {
content: "\f1c8";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-file-code-o:before {
content: "\f1c9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-vine:before {
content: "\f1ca";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-codepen:before {
content: "\f1cb";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-jsfiddle:before {
content: "\f1cc";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
content: "\f1cd";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-circle-o-notch:before {
content: "\f1ce";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-ra:before, .fa-rebel:before {
content: "\f1d0";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-ge:before, .fa-empire:before {
content: "\f1d1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-git-square:before {
content: "\f1d2";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-git:before {
content: "\f1d3";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-hacker-news:before {
content: "\f1d4";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-tencent-weibo:before {
content: "\f1d5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-qq:before {
content: "\f1d6";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-wechat:before, .fa-weixin:before {
content: "\f1d7";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-send:before, .fa-paper-plane:before {
content: "\f1d8";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-send-o:before, .fa-paper-plane-o:before {
content: "\f1d9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-history:before {
content: "\f1da";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-circle-thin:before {
content: "\f1db";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-header:before {
content: "\f1dc";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-paragraph:before {
content: "\f1dd";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-sliders:before {
content: "\f1de";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-share-alt:before {
content: "\f1e0";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-share-alt-square:before {
content: "\f1e1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bomb:before {
content: "\f1e2";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-soccer-ball-o:before, .fa-futbol-o:before {
content: "\f1e3";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-tty:before {
content: "\f1e4";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-binoculars:before {
content: "\f1e5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-plug:before {
content: "\f1e6";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-slideshare:before {
content: "\f1e7";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-twitch:before {
content: "\f1e8";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-yelp:before {
content: "\f1e9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-newspaper-o:before {
content: "\f1ea";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-wifi:before {
content: "\f1eb";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-calculator:before {
content: "\f1ec";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-paypal:before {
content: "\f1ed";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-google-wallet:before {
content: "\f1ee";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cc-visa:before {
content: "\f1f0";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cc-mastercard:before {
content: "\f1f1";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cc-discover:before {
content: "\f1f2";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cc-amex:before {
content: "\f1f3";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cc-paypal:before {
content: "\f1f4";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cc-stripe:before {
content: "\f1f5";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bell-slash:before {
content: "\f1f6";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bell-slash-o:before {
content: "\f1f7";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-trash:before {
content: "\f1f8";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-copyright:before {
content: "\f1f9";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-at:before {
content: "\f1fa";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-eyedropper:before {
content: "\f1fb";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-paint-brush:before {
content: "\f1fc";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-birthday-cake:before {
content: "\f1fd";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-area-chart:before {
content: "\f1fe";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-pie-chart:before {
content: "\f200";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-line-chart:before {
content: "\f201";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-lastfm:before {
content: "\f202";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-lastfm-square:before {
content: "\f203";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-toggle-off:before {
content: "\f204";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-toggle-on:before {
content: "\f205";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bicycle:before {
content: "\f206";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-bus:before {
content: "\f207";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-ioxhost:before {
content: "\f208";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-angellist:before {
content: "\f209";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-cc:before {
content: "\f20a";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
content: "\f20b";
}
/* line 1, sass/module/_font-awesome.scss */
.fa-meanpath:before {
content: "\f20c";
}
.vignette .card-image {
position: relative;
height: 200px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.vignettepub{
cursor:pointer;
}
.vignettepub:hover{
box-shadow: 0px 2px 4px rgba(134, 134, 134, 0.29)!important;
}
.vignettepublogo{
width: 100%!important;
margin: 0 auto!important;
text-align: center!important;
font-weight: 700;
background: transparent!important;
line-height: 35px!important;
color: white;
font-size: 1.1em;
text-shadow: 0px 1px 2px dimgray;
}
.checkbox label:after,
.radio label:after {
content: '';
display: table;
clear: both;
}
.checkbox .cr,
.radio .cr {
position: relative;
display: inline-block;
border: 1px solid #a9a9a9;
border-radius: .25em;
width: 1.3em;
height: 1.3em;
float: left;
margin-right: .5em;
}
.radio .cr {
border-radius: 50%;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
position: absolute;
font-size: .8em;
line-height: 0;
top: 50%;
left: 20%;
color:#174E71;
}
.radio .cr .cr-icon {
margin-left: 0.04em;
}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
transform: scale(3) rotateZ(-20deg);
opacity: 0;
transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
transform: scale(1) rotateZ(0deg);
opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
opacity: .5;
}
.vignette .pub-vignette {
display: block;
width: 100%;
height: 100%;
}
.vignette {
margin: 0px;
margin-left: 10px;
/* margin-right: -10px; */
background: white;
margin-bottom: 15px;
}
.vignette .card-image img {
max-height: 100%;
}
.vignette .card-image .logo-ent {
width: 120px;
height: 120px;
background: #fff;
border-radius: 5px;
line-height: 109px;
position: absolute;
left: 0;
right: 0;
top: 40px;
margin: 0 auto;
}
.vignette .card-image img {
max-height: 100%;
width: 100%;
}
.vignette .card-content {
color: initial;
padding: 10px;
height: 100px;
font-size: 15px;
letter-spacing: initial;
text-transform: none;
}
.titrersvignette{
font-size: 0.9em;
font-weight: bold;
color: #0a0c16;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
display: inherit;
font-size: 13px;
font-family: "Signika";
margin-top: 5px;
}
.descriptionvignette{
word-break: break-word;
text-align: left;
font-weight: 300;
font-size: 12px;
color: #aeb2c5;
margin-bottom: 0;
}
.descriptionvignette strong{
display: block;
margin-bottom: 5px;
color: #263bff;
font-family: "Nunito";
}
.nav-title-produit.fixed{
z-index: 800;
max-width: 1214px!important;
width:100%;
padding: 2px;
}
@media(min-width:1510px){
.nav-title-produit.fixed{
max-width: 1088px!important;
}
}
@media(min-width:1610px){
.nav-title-produit.fixed{
max-width: 1214px!important;
}
}
.sidebarvignette {
height: 100%;
padding: 25px;
padding-top: 0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
z-index: 3;
color: #2e3d79;
font-weight: 800;
font-size: 14px;
position: relative;
display: block;
padding: 13px 15px 7px;
color: #2313a3;
font-size: 17px;
font-weight: 800;
font-family: 'Signika', sans-serif;
}
.nav>li>a {
position: relative;
display: block;
padding: 13px 15px 7px;
color: #0b124b;
font-size: 17px;
font-weight: 800;
font-family: 'Signika', sans-serif;
}
.itemnoread {
color: #2e3a49;
font-weight: 600;
text-align: center;
border: 1px solid #ebecec;
box-shadow: 0 5px 24px rgba(49, 49, 179, 0.11), 0 3px 17px rgba(53, 84, 154, 0);
background: rgba(158,178,248,0.17)!important;
}
.itemread {
color: #2e3a49;
font-weight: 600;
text-align: center;
border: 1px solid #ebecec;
box-shadow: 0 5px 24px rgba(49, 49, 179, 0.11), 0 3px 17px rgba(53, 84, 154, 0);
background: white!important;
background: white;
}
.allnotif .item {
background-color: rgba(255,255,255,.8);
border-top: 1px solid rgba(221, 221, 221, 0.48);
clear: both;
padding: 0px;
}
.itemnoread a, .itemread a {
color: #2e3a49;
padding: 11px!important;
margin: 0;
display: block;
font-weight: 600;
text-align: left;
}
.blockcontactrubrique
{
display: inline-block;
float: right;
}
@media (max-width: 767px) {
.header-item__hgroup .blockcontactrubrique{
text-align: center;
width:100%;
padding-top:10px;
}
}
.contact-rubrique
{
margin-bottom: 0;
padding: 8px;
margin-top: 0px;
padding-left: 12px;
padding-right: 12px;
font-size: 1.3rem;
}
.contact-rubrique i{
margin-right: 5px;
font-weight: bold;
}
.iconouveauteprod
{
position: absolute;
left: 8px;
top: -2px;
z-index: 1;
width: 50px;
border-radius: 50%;
}
.ent-client:hover {
box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
}
.produit:hover {
box-shadow: 0 7px 26px rgba(46, 72, 201, 0.1);
}
.block-logo-marque{
width: 75px;
height: 75px;
line-height: 75px;
position: absolute;
left: 15px;
top: 4px;
}
.marque
{
line-height: 20px;
margin-bottom: 15px;
padding-left: 100px;
height: 85px;
border: 1px solid rgba(216, 216, 216, 0.35);
position: relative;
border: 1px solid #D5DCE7;
border-radius: 3px;
padding-right: 10px;
}
.description-marque{
margin: 0;
max-width: 750px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
font-size: 0.85em;
}
.itemsalonencour{
text-align: left; border-radius: 5px; background: white;
margin-bottom: 10px;
border:1px solid rgba(220, 220, 220, 0.79);position: relative;
padding: 0px;
}
.imgevent{
width: 60px;
height: 60px;
margin-right: 5px;
vertical-align: top;
line-height: 60px;
border-radius: 50%;
overflow: hidden;
background: white;
margin-top: 2px;
/* line-height: 90px; */
border-bottom: 1px solid rgba(220, 220, 220, 0.56);
/* vertical-align: middle; */
/* margin-top: 0px; */
border-radius: 2px;
/* height: 100px; */
/* width: 100%; */
margin-bottom: 8px;
width: 100%;
height: auto;
max-height: initial;
padding: 0;
margin: 0px;
margin-bottom: 8px;
display: block;
}
.contenteventencour{
padding: 15px;
padding-top: 5px;
text-align: center;
}
.nameeventencour{
vertical-align: middle;
/* height: 50px; */
font-weight: 700;
word-break: break-word;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
/* max-width: 36%; */
color: #2f2f2f;
display: inline-block;
}
.iconloadsearch{
color: #4E86FF!important;
-webkit-animation: rotating 2s linear infinite!important;
animation: rotating 2s linear infinite;
font-size: 1.5em!important;
display:none;
vertical-align: middle;
position: absolute;
top: 18px;
z-index: 999;
right: 54px;
}
.section-header-entreprise
{
position: absolute!important;
top:-82px!important;left:0!important;right:0!important;
background: rgba(246, 247, 251, 0.66)!important;
border-radius: 8px!important;
}
.modalbtnclick {
font-weight: 400;
border: none;
font-size: 13px;
/* font-family: "Open Sans",Arial,sans-serif;*/
font-family: 'Nunito', sans-serif;
}
.register-subtitle i{
color: rgba(105, 105, 105, 0.82);
margin-left: 15px;
margin-right: 15px;
font-size: 1.3em;
color: white;
}
.modalbtnclick i {
margin-right: 4px;
font-size: 13px;
}
.right{
float:right;
display:inline-block;
}
.left{
float:left;
display:inline-block;
}
.block-reseaux .lien-rs-web {
display: block;
height: 30px;
width: 30px;
border-radius: 50%;
color: #fff;
display: inline-block;
vertical-align: top;
line-height: 30px;
text-align: center;
}
.facebook {
background: #3b5998!important;
}
.twitter {
background:black!important;
}
.google {
background: #d14836!important;
}
.linkedin {
background: #007fb1!important;
}
.autre {
background: #444!important;
}
.tel-entreprise{
font-weight: bold;
display: inline-block;
color: white;
font-size: 1.6em;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.52);
}
#bgvideo{ width:100%; height: 320px;
border: 1px solid gainsboro;
border-radius: 5px; }
.block-description
{
color: rgba(128, 128, 128, 0.84);
text-align: justify;
}
.block-juridique {
color: #3c3b47;
text-align: justify;
font-family: "Nunito";
font-size: 13px;
border-radius: 8px;
}
.block-juridique p span
{
text-align: right;
float: right;
/* margin-left: -84px; */
display: inline-block;
margin-right: 30px;
}
.logo-produit{
}
.liencatalogue
{
white-space: normal;
word-wrap: normal;
text-overflow: initial;
text-align: center;
width: 100%;
height: 100%;
padding: 25px;
padding-top: 60px;
}
.logo-produit-plus
{
max-width: 50px;
}
.tree, .tree ul {
margin:0;
padding:0;
list-style:none
}
.tree ul {
margin-left:6em;
position:relative
}
.tree ul ul {
margin-left:10em
}
.tree ul:before {
content:"";
display:block;
width:0;
position:absolute;
top:0;
bottom:0;
left:0;
border-left:1px solid
}
.tree li {
margin:0;
padding:0 2em;
line-height:1em;
color:#369;
font-weight:700;
position:relative;
font-size: 10px;
}
.tree ul li:before {
content:"";
display:block;
width:20px;
height:0;
border-top:1px solid;
margin-top:-1px;
position:absolute;
top:2.5em;
left:0
}
.tree ul li:last-child:before {
background:#fff;
height:auto;
top:2.5em;
bottom:0
}
.indicator {
margin-right:5px;
display: none;
}
.tree li a {
text-decoration: none;
color:#207BD6;
}
.tree li button, .tree li button:active, .tree li button:focus {
text-decoration: none;
color:#369;
border:none;
background:transparent;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
outline: 0;
}
.item-arbo
{
height: 35px;
line-height: 30px;
display: inline-block;
min-width: 150px;
border-radius: 4px;
background: rgba(247, 247, 247, 0.07);
padding: 10px;
padding-top: 2px;
margin-top: 8px;
box-shadow: 0px 1px 1px rgba(8, 8, 8, 0.18);
border: 1px solid;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
text-transform: uppercase;
}
.imgarbo
{
display: inline-block!important;
width: 25px;
height: 25px;
margin-right: 5px;
vertical-align: top;
line-height: 22px;
border-radius: 50%;
overflow: hidden;
margin-top: 2px;
}
.blockitem-nomenclature {
overflow: hidden;
text-align: left;
transition: height 1s ease;
color: rgba(128, 128, 128, 0.84);
padding-left: 14px;
}
.plusmoins {
display: inline-block;
margin-top: 10px;
text-align: center;
color: rgba(78, 78, 78, 0.64);
font-weight: bold;
cursor: pointer;
font-size: 13px;
border-top: 1px solid rgba(246, 250, 252, 0.82);
padding-top: 10px;
font-family: "Nunito";
}
.blockitem-entreprise
{
overflow: hidden;text-align: left; transition:height 1s ease;
}
.itement-entreprise {
border: 1px solid rgba(220, 220, 220, 0.74);
margin-bottom: 10px;
padding: 10px;
color: rgba(128, 128, 128, 0.84);
border-radius: 3px;
border: 1px solid #eeedf6;
border-radius: 8px;
font-family: "Nunito";
color: #0d1126;
}
.entnomentreprise {
font-size: 12px;
line-height: 26px;
display: inline-block;
max-width: 98%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
}
.activitenomentreprise
{
color:rgba(128, 128, 128, 0.84);
display: inline-block;
max-width: 98%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
}
.activiteicon
{
color:#207BD6!important;
margin-right: 5px;
}
.itemmarque-entreprise {
border: 1px solid rgba(220, 220, 220, 0.74);
margin-bottom: 10px;
padding: 10px;
color: rgba(128, 128, 128, 0.84);
border-radius: 3px;
border-radius: 8px;
font-family: "Nunito";
color: #0d1126;
}
.blockitem-marque
{
overflow: hidden;text-align: left; transition:height 1s ease;
}
.marquenomentreprise {
font-size: 12px;
line-height: 26px;
display: inline-block;
max-width: 98%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
width: 100%;
text-align: left;
}
.nommarqueentreprise{
display: block;
}
.statutmarqueentreprise{
float: right;
font-weight: bold;
font-size: 0.8em;
color: #4886D6;
line-height: 26px;
}
.plusproduitentreprise
{
width: 50%;
height: 94.7%;
position: absolute;
right: 0px;
top: 0px;
background: white;
border-radius: 3px;
vertical-align: middle;
text-align: center;
font-size: 3em;
color: rgb(28, 144, 216);
transition: width 1s ease;
overflow: hidden;
border: 1px solid rgba(213, 220, 231, 0.74);
box-shadow: 0px 0px 0px;
border-radius: 4px;
}
.plusproduitentreprise a
{
color: rgb(82, 82, 82);
}
.plusproduitentreprise:hover
{
}
.plusproduitentreprise div span
{
display: block;
font-weight: bold;
font-size:12px;
opacity: 0;
transition: opacity 1.2s ease-out;
-moz-transition: opacity 1.2s ease-out;
-webkit-transition: opacity 1.2s ease-out;
-o-transition: opacity 1.2s ease-out;
}
.plusproduitentreprise:hover div span
{
opacity:1;
}
.chrevonplusproduit{
padding: 20px;
padding-top: 160px;
}
.liste-entreprise-actu-client{
padding: 0;
}
.liste-entreprise-actu{
padding:0;
}
.liste-activite-actu-client{
padding: 0;
}
.liste-activite-actu{
padding:0;
text-align: left;
padding-left: 35px;
}
.name-actu {
text-align: left;
margin-bottom: 0;
font-size: 17px;
color: #0d1126;
padding-left: 15px;
padding-right: 5px;
font-weight: 800;
font-family: "Signika";
}
.description-actu {
padding: 25px;
text-align: justify;
color: #aeb2c5;
padding-top: 10px;
padding-left: 15px;
padding-right: 5px;
font-weight: 500;
font-size: 12px;
padding-bottom: 15px;
}
.web-source-actu {
padding: 25px;
text-align: justify;
color: rgb(174, 178, 197);
padding-top: 0;
padding-left: 15px;
font-weight: 300;
font-size: 12px;
padding-bottom: 10px;
}
.actuimg {
overflow: hidden;
vertical-align: middle;
text-align: center;
padding-left: 0;
background-size: cover;
height: 100%;
min-height: 185px;
background-repeat: no-repeat;
background-position: center center;
border-radius: 4px;
}
.actuimg img{
max-width: inherit;
max-height: 200px;
margin-left: -100%;
margin-right: -100%;
}
.actuimgdossier{
padding-right: 0;
min-height: 338px;
overflow: hidden;
vertical-align: middle;
text-align: center;
padding-left: 0;
background-size: cover;
height: 100%;
box-shadow: 0px 0px 0px;
background-repeat: no-repeat;
background-position: center center;
border-radius: 8px;
}
.actuimgdossier img{
max-width: 100%;
width: 100%;
max-height: initial;
top: 50%;
position: absolute;
left: 0;
height: auto;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.date-actu{
color: #82879c;
display: inline-block;
margin-left: 2px;
font-weight: 500;
font-size: 12px;
font-family: "Nunito";
}
.action-head-actu
{
margin-left: 1px;
}
.action-head-actu h5{
margin-bottom: 5px;
font-size: 1.1em;
font-weight: 600;
color: #3c3b47;
font-family: "Nunito";
font-size: 14px;
line-height: 25px;
}
.action-head-actu > div{
margin-bottom: 5px;
font-size: 1.1em;
font-weight: 600;
color: #3c3b47;
font-family: "Nunito";
font-size: 14px;
line-height: 25px;
}
.citation{
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0px;
line-height: 35px;
}
.questionupvote{
cursor:pointer;
vertical-align: middle;
padding: 5px;
}
.questionupvote.active i{
color: #26ba78;
}
.questionupvote i{
font-weight: 500;
font-size: 17px;
color: #575757;
}
.questiondownvote{
cursor:pointer;
vertical-align: middle;
padding: 5px;
}
.questiondownvote.active i{
color: #d35f1b;
}
.questiondownvote i{
font-weight: 500;
font-size: 17px;
color: #575757;
}
.votequest{
font-weight: 600;
margin-right: 8px;
vertical-align: middle;
display: inline-block;
padding: 2px 0px 2px 0px;
min-width: 33px;
border-radius: 4px;
background: rgba(245, 245, 245, 0.91);
border: 1px solid rgba(220, 220, 220, 0.48);
text-align: center;
color: rgba(0, 0, 0, 0.65);
}
.citationrep{
display: inline-block;
font-weight: 700;
font-size: 12px;
line-height: 18px;
padding: 6px 16px 6px 16px;
border-radius: 12px;
margin-bottom: 8px;
cursor: pointer;
color: #476271!important;
text-align: center;
background: rgba(240, 243, 245, 0.8509803921568627)!important;
box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
margin-left: 5px;
margin-right: 5px;
}
.citation span {
color: #142b6c;
font-family: 'Nunito', sans-serif;
font-weight: 600;
font-size: 12px;
}
.actu-head{
padding: 20px;
color: #636161;
padding-bottom: 15px;
padding-top: 20px;
padding-left: 0px;
}
.actu-info
{
padding-top: 15px;
padding-left: 0;
}
.actuitem {
/* border: 1px solid rgba(92, 131, 165, 0.15)!important; */
background: white;
padding: 20px;
font-size: 1.2rem;
border-radius: 8px;
padding-bottom: 0px;
padding-top: 0px;
margin-bottom: 15px;
position: relative;
z-index: 1;
box-shadow:0 15px 56px rgb(161 169 206 / 11%), 3px -6px 45px rgb(225 226 237 / 24%);
}
.block-entreprise
{
background: white;
padding: 15px;
font-size: 1.2rem;
border: 1px solid #eeedf6;
border-radius: 8px;
}
.navent
{
transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-webkit-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: height 0.5s ease-out;
-moz-transition: height 0.5s ease-out;
-webkit-transition: height 0.5s ease-out;
-o-transition: height 0.5s ease-out;
transition: font-size 0.5s ease-out;
-moz-transition: font-size 0.5s ease-out;
-webkit-transition: font-size 0.5s ease-out;
-o-transition: font-size 0.5s ease-out;
}
.contact-entreprise-block{
position: absolute;top:28px;right:28px;
}
.actu-action
{
padding-bottom: 12px;
text-align: right;
padding-top: 5px;
margin-top: 5px;
}
.blockimagecollasp
{
background: #ECECEC;
width: 25px;
height: 25px;
line-height: 0px;
vertical-align: middle;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
padding: 5px;
}
.collapsible-header-rubrique {
border: none;
width: 100%;
height: 35px;
line-height: 35px;
vertical-align: middle;
cursor: pointer;
font-size: 13px!important;
color: #1b1838;
font-family: "Nunito";
font-weight: 500;
}
.titressrubriqueact {
color: rgb(13 26 102);
font-family: "Nunito";
font-size: 13px;
}
.titressrubriqueact:hover {
color: #3721b2;
}
.uldropdown li.btn-connection:hover > #admin-dp{
/* display: block!important;
-webkit-animation: fadeInFromNone 0.5s ease-out;
-moz-animation: fadeInFromNone 0.5s ease-out;
-o-animation: fadeInFromNone 0.5s ease-out;
animation: fadeInFromNone 0.5s ease-out;*/
}
.imgarbomarque {
display: inline-block!important;
width: 60px;
height: 60px;
margin-right: 5px;
vertical-align: top;
line-height: 60px;
border-radius: 50%;
overflow: hidden;
background: white;
margin-top: 2px;
}
.imgentlist {
display: inline-block !important;
width: 52px;
height: 52px;
margin-right: 10px;
vertical-align: top;
line-height: 60px;
border-radius: 10px;
overflow: hidden;
background: white;
margin-top: 2px;
line-height: 50px;
box-shadow: 0 9px 9px rgb(21 21 81 / 3%), 0 1px 10px rgba(21, 71, 160, 0.02);
margin-top: 8px;
}
.nommarqueentreprise
{
display: block;
}
.block-ent-free{
width: 100%;
height: 50px;
line-height: 50px;
vertical-align: middle;
position: relative;
padding-left: 80px;
}
.block-logo-ent-free-similaire
{
width: 50px;
height: 50px;
line-height: 50px;
position: absolute;
left: 15px;
top: 0px;
display: inline-block;
}
.block-concurrent
{
padding: 15px;
padding-bottom: 15px;
background: white;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
border: 1px solid;
margin-bottom: 15px;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
font-size: 1.1rem;
}
.nameproduitfiche{
font-size: 1.8em;
font-weight: bold;
color: #5a5a5a;
margin-top: 15px;
text-align: left;
padding-left: 15px;
letter-spacing: -0.2px;
/* right: 0; */
text-align: left;
margin: 0 auto;
/* width: 50%; */
text-shadow: 3px 4px 0px rgba(234, 234, 234, 0.33);
font-family: 'Signika', sans-serif;
}
.ssnameproduitfiche{
font-size: 1.1em;
font-weight: 600;
color: #2c6e96;
margin-top: 15px;
text-align: left;
padding-left: 8px;
letter-spacing: -0.2px;
/* right: 0; */
text-align: left;
margin: 0 auto;
/* width: 50%; */
margin-top: 10px;
margin-left: 10px;
}
.btn-prev-prod a:hover{
background-color: rgba(244, 244, 244, 0.83);
}
.btn-next-prod a:hover{
background-color: rgba(244, 244, 244, 0.83);
}
.block-info-produit
{
padding:10px;
padding-top: 25px;
}
.block-info-produit-sub
{
padding: 15px;
padding-left: 0;
padding-right: 0;
border-top: 1px solid rgba(255, 255, 255, 0.56);
}
.titreblockinfoproduit{
color: white;
font-size: 1em;
font-weight: 600;
}
.grid {
position: relative;
margin: 0 auto;
padding: 1em 0 4em;
max-width: 1000px;
list-style: none;
text-align: center;
padding-bottom: 10px;
}
/* Common style */
.grid figure {
position: relative;
margin: 0 auto;
overflow: hidden;
min-width: 320px;
max-height: 430px;
width: 97%;
background: #072a4a;
text-align: center;
cursor: pointer;
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
border-radius: 3px;
overflow: hidden;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding-top: 0px;
}
.grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
width: 100%;
opacity: 0.45;
}
.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: inherit;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure .titlepub {
word-spacing: 1px;
font-weight: 300;
font-size: 1.2em;
text-shadow: 2px 3px 2px rgba(33, 32, 32, 0.42);
}
.grid figure h2 span {
font-weight: 800;
}
.grid figure .titlepub,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
figure.effect-chico img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
figure.effect-chico:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-chico figcaption {
padding: 3em;
}
figure.effect-chico figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.effect-chico figcaption::before,
figure.effect-chico p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 {
padding: 5% 0 20px 0;
}
figure.effect-chico p {
margin: 0 auto;
-webkit-transform: scale(1.5);
transform: scale(1.5);
max-height: 220px;
overflow: hidden;
line-height: 20px;
font-weight: 600;
}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
@media screen and (max-width: 50em) {
.content {
padding: 0 10px;
text-align: center;
}
.grid figure {
display: inline-block;
float: none;
margin: 10px auto;
width: 100%;
}
}
.nomactiviteentreprise:hover {
color: #21308d!important;
}
.nomactiviteentreprise {
display: inline-block;
max-width: 98%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
font-family: "Nunito";
}
.imagecollaspchapprod{
background: #FFFFFF;
padding: 3px;
line-height: 10px;
border:1px solid rgba(255, 255, 255, 0.35);
}
.card-image-fiche-produit
{
height: 500px;
vertical-align: middle;
line-height: 500px;
text-align: center;
width: auto;
}
.previewprod{
display: inline-block;
width:0px;
line-height: 60px;
text-overflow: ellipsis;
overflow: hidden;
max-width: 340px;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
transition: width 0.5s ease-out;
-moz-transition: width 0.5s ease-out;
-webkit-transition: width 0.5s ease-out;
-o-transition: width 0.5s ease-out;
}
.btn-next-prod:hover a div
{
width:330px;
}
.btn-prev-prod:hover a div
{
width:330px;
}
.motclenomentreprise
{
border-radius: 40px;
display: inline-block;
padding: 2px;
background: rgb(59, 155, 216);
padding-left: 10px;
margin-bottom: 4px;
padding-right: 10px;
color: white;
}
.block-description-produit
{
color: rgba(128, 128, 128, 0.87);
text-align: justify;
margin-top: 20px;
font-size: 0.9em;
color: #19181a;
font-weight: 500;
font-size: 13px;
line-height: 1.58;
letter-spacing: -.003em;
}
.block-description-produit ul li{
list-style: disc;
}
.block-recherche-produit{
border:none!important;
}
.block-juridique table tbody tr {
height: 37px;
/* border: 1px solid rgba(220, 220, 220, 0.29); */
border: 1px solid #eeedf6;
border-radius: 8px;
}
.block-juridique table tbody tr td
{
padding: 4px;
padding-left: 10px;
}
.fond-evenement
{
max-height: 300px;
border: 1px solid rgba(193, 193, 193, 0.17);
overflow: hidden;
}
.cardeventlieux{
margin-left: 10px;margin-top: 15px;text-align: left;color: #929292;margin-bottom: 10px;
}
.cardeventdate{
margin-left: 10px;margin-top: 15px;text-align: left;color:grey;font-weight: 600;
}
.card-action-event
{
width: 100%;
padding: 15px;
height: 50px;
text-align: left;
color: grey;margin-bottom: 10px;
border-left: 2px solid #1A82C3;
border: 1px solid rgba(220, 220, 220, 0.55);
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
word-wrap: normal;
white-space:nowrap;
font-weight: 600;
color: #3c3b47;
font-family: "Nunito";
font-size: 14px;
}
.card-action-event:hover{
box-shadow: 0px 1px 1px gainsboro;
}
.stand-entreprise
{
display: block;
margin-top: -8px;
color: #565656;
font-weight: 600;
}
.flipInY:hover{
}
.titleblockentreprise
{
white-space: nowrap;
overflow: hidden;
max-width: 100%;
word-wrap: normal;
text-overflow: ellipsis;
color: #0d0d20;
font-size: 16px;
font-family: "Signika";
}
.modalcustom .modal-dialog, .modalcustom .modal-dialog-pdf, .modalcustom .modal-dialog-partage{
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.in.modalcustom .modal-dialog, .modalcustom .modal-dialog-pdf, .modalcustom .modal-dialog-partage {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
top: 30px;
}
.loadergif
{
margin: 0 auto;display: none; top:80px;left:50%; text-align: center;
}
.content-modalbody{
padding-top: 15px; text-align: center; box-shadow: none; border: white; border-radius: 0px;padding-bottom: 35px;
}
.titleblockModal i
{
display:none; font-size: 1.4em; vertical-align: bottom; margin-right: 10px; color: rgba(39, 106, 156, 0.8)!important;
}
.titleblockModal
{
font-weight: 800;
color: #0d1422;
font-family: "Signika";
font-size: 16px;
}
.content-modalbody p{
color:#322c2c;
}
.modal-header button span{
color: blue;font-size: 1.5em;
}
.modal-header
{
background:rgba(243, 243, 243, 0.68);border-bottom:none;
}
.modal-content
{
border-radius: 3px; box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.10);-webkit-box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.10); border:none;
}
body.modal-open .container .main_container .home header .navbar-fixed nav {
padding-right: 21px!important;
}
.determinate{
background: #445DEF;
height: 28px;
opacity: 1;
}
.form-modal{
padding-left: 50px;
padding-right: 50px;
color: grey;
}
.sub-form-modal{
margin-bottom: 25px;
}
.sub-form-modal-connect{
margin-bottom: 25px;
color: rgba(102, 102, 102, 0.89)!important;
font-size: 14px;
font-weight: 600;
}
.titleblockModalConnect
{
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
color: #444242;
font-weight: 600;
font-size: 1.2em;
}
.subtitlemodal{
display: block;
font-size: 0.8em;
color: grey;
}
.auli-or {
color: rgba(102, 102, 102, 0.89)!important;
font-size: 14px;
font-weight: 600;
margin: 25px 0 35px 0;
position: relative;
text-align: center;
}
.auli-or:before, .auli-or:after {
border-top: 2px solid #DCDCDC;
display: block;
height: 1px;
content: " ";
width: 42%;
position: absolute;
left: 0;
top: 8px;
}
.auli-or:after {
right: 0;
left: auto;
}
.aure-cgu{
font-size: 0.8em;
color: #A0A0A0;
font-weight: normal;
}
.form-group-valid{
margin-top: 20px;
margin-bottom: 0px;
}
.register-title
{
text-align: center;
padding-top: 40px;
color: rgba(0, 0, 0, 0.64);
font-weight: 600;
color: white;
font-family: 'Signika';
font-size: 3em;
letter-spacing: -2px;
}
.register-subtitle
{
text-align: center;
padding-top: 10px;
font-size: 1.3em;
font-weight: 600;
color: white;
}
.gratuitement
{
font-size: 1.5em;
color: #1c3a69!important;
font-weight: bold;
text-align: center;
font-family: "Nunito";
}
.form-register
{
width: 500px;
text-align: center;
margin: 0 auto;
margin-top: 55px;
}
.prod-navbar
{
width: 100%;
height: 60px;
position: fixed;
z-index: 100;
text-align: center;
max-width: 1340px;
bottom: 0;
line-height: 60px;
vertical-align: middle;
}
.btn-retour-prod
{
height: 60px;
position: fixed;
z-index: 100;
text-align: center;
left:0;
top: 0;
line-height: 60px;
vertical-align: middle;
}
.btn-prev-prod
{
height: 60px;
position: fixed;
z-index: 100;
text-align: center;
left:0;
transition: width 0.5s ease-out;
display:none;
bottom: 50%;
line-height: 60px;
vertical-align: middle;
}
.btn-next-prod{
height: 60px;
position: fixed;
z-index: 100;
text-align: center;
right:0;
display:none;
bottom: 50%;
line-height: 60px;
vertical-align: middle;
}
.btn-prev-prod a i, .btn-next-prod a i{
font-size: 2.2em;
vertical-align: middle;
margin-right: 20px;
color: #9e9e9e;
}
.card-fiche-produit
{
overflow: hidden;
box-shadow: 4px 5px 9px rgba(0, 0, 0, 0.02);
border: 1px solid;
border:none;
background:rgb(47, 134, 187);
padding: 15px;
font-size: 1.1rem;
margin: 0;
}
.card-right-fiche-prod
{
box-shadow: 4px 5px 9px rgba(0, 0, 0, 0.12); padding-top: 0;border:none; padding-bottom:35px; min-height: 500px; background:rgb(47, 134, 187); background: linear-gradient(135deg,rgb(90, 135, 162) 0,rgb(24, 81, 117) 100%);
}
.block-fiche-description
{
padding: 50px;
box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
border-radius: 3px;
margin-top: 20px; padding-top: 10px; background: white;
}
.modal-message .modal-header {
text-align: left;
overflow: hidden;
padding: 8px 55px 8px 15px;
position: relative;
}
.prodsponsor-card:hover .card-image a img {
-webkit-transform: scale(1.2) rotate(5deg);
transform: scale(1.2) rotate(5deg);
transition-duration: 3s, 1s;
}
.modal-message .modal-dialog {
margin: 0;
}
.pull-right {
float: right!important;
}
.modal-message .modal-buttons {
position: absolute;
top: 50%;
right: 15px;
margin-top: -8px;
}
.modal-message-header {
line-height: normal;
}
.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag, .lg-outer .lg-caret, .lg-outer .lg-image, .modal-message-header {
vertical-align: middle;
}
.modal-header .btn-full, .modal-header .fs-medium, .modal>.modal-header .btn-full, .modal>.modal-header .fs-medium {
margin: 0; font-weight: 600; width: 255px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.form-horizontal .form-group.no-mg, .form-horizontal figure.form-group, .no-mg, figure {
margin: 0;
}
.modal-message-body input, .modal-message-body textarea {
border-width: 0 0 1px;
padding-right: 15px;
padding-left: 15px;
border: 1px solid #F1F1F1;
resize: none;
width: 100%;
height: 100%;
}
.modal-dialog-message .modal-content{
border-radius: 3px;
overflow: hidden;
}
.modal-message .btn-group {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 6px;
}
.modal-message .button-box {
border: 1px solid transparent;
margin-bottom: .5em;
overflow: hidden;
}
.modal-dialog-message.expend{
width:100%;
}
.modal-message .button-box:hover {
border: 1px solid #b8b8b8;
}
#file-attachments-bar .button-box {
color: #777;
border: 1px solid rgba(220, 220, 220, 0.44);
padding-top: 19px;
border-radius: 3px;
padding: 12px;
padding-bottom: 7px;
margin-bottom: 0;
}
#file-id {
position: absolute;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
top: -45px;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
}
.modal-message-body input {
height: 46px;
}
.modal-message .modal-header {
background: #1A82C3!important;
color:white!important;
border-radius: 0px!important;
padding: 20px;
}
.modal .hp-close {
float: right;
border: 0;
padding: 0;
background-color: transparent;
}
.modal-message .btn-reduce {
float: right;
line-height: 1.4;
outline: 0;
margin-right: 10px;
}
.sr-only {
}
.btn-reduce:before {
content: '';
width: 12px;
border-top: 2px solid #FFF;
margin: 0 10px 0 0;
}
.modal-message .modal-header img {
position: static;
margin-right: 10px;
}
.btn-neutral {
padding: 0;
background: 0 0;
border: none;
}
.modal-message .modal-dialog-message{
margin: 0;
}
.pull-right {
float: right!important;
}
.modal-dialog-message {
position: relative;
width: auto;
margin: 10px;
}
#outdatedUpload
{
font-size: 0.8em;
}
.modal-notice {
background-color: #fff;
color: red;
padding-top: 20px;
}
.nouveauteprod{
}
.auth-error {
color: #FF0000;
font-size: 13px;
}
.auth-success {
color: green;
font-size: 13px;
}
.icon-user{
color: white;
margin-right: 5px;
}
.pvi-hero-overlay {
background:rgba(12, 14, 91, 0.7);
}
.pvi-hero {
background-color: #3B599A;
background-position: center 45%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.pvi-hero.type-1 {
border-top: 6px solid #31ACE0;
}
.pvi-hero-content {
color: #FFF;
padding-bottom: 75px;
padding-top: 265px;
position: relative;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.d-grid-extend {
margin: 0 auto;
width: 1300px;
}
.menu-entreprise-item
{
font-size: 0.9em!important;
vertical-align: middle;
}
.menu-entreprise-item a
{
color: rgba(0, 0, 0, 0.8)!important;
}
.menu-entreprise-item:hover
{
color:#4271D6!important;
}
.menu-entreprise-item i
{
margin-right: 8px;
margin-left: 8px;
}
.menu-entreprise-item.activemenu
{
border-top: 6px solid #1C90D8!important;
color:#4271D6!important;
}
.tabmenuent{
box-shadow: 0px 0px 0px!important;
border: none!important;
}
.tabmenuprod{
box-shadow: 0px 0px 0px!important;
border: none!important;
}
.nav-tabs .tabmenuprod.active{
box-shadow: 0px 0px 0px!important;
border: none!important;
border-right: transparent!important;
border-bottom: 5px solid #5986a1!important;
color: #5986a1!important;
}
.nav-tabs{
border: none!important;
}
.nav-tabs li.active {
border-bottom: 6px solid #2313a3;
/* background-color: #ffffff!important; */
/* border-top: 1px solid #e2e6ed!important; */
/* border-left: 1px solid #e2e6ed!important; */
/* border-right: 1px solid #e2e6ed!important; */
position: relative!important;
z-index: 1;
border-top-left-radius: 3px!important;
border-top-right-radius: 3px!important;
/* box-shadow: 1px -7px 11px 0px rgba(41, 41, 187, 0.01), 0px -6px 7px rgba(39, 72, 132, 0.01); */
}
.nav-tabs .tabmenuent.active{
border: none!important;
border-bottom: 6px solid #2270a0!important;
}
.nav-tabs .tabmenuent.active a{
color: #246288!important;
padding-top: 14px;
padding-bottom: 6px;
}
.tabent{
padding: 1px;
padding-top: 0px;
}p
.block-recherche-produit
{
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 15px;
background: white;
margin-bottom: 15px;
}
.chip-footer a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: "Nunito";
font-weight: 700;
}
.chip-footer {
display: inline-block;
height: 25px;
font-size: 10px;
font-weight: 500;
color: rgba(0,0,0,0.6);
line-height: 25px;
vertical-align: middle;
border-radius: 5px;
background-color: white;
border: none;
max-width: 175px;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 4px;
margin-left: 2.5px;
margin-top: -3px;
box-shadow: -1px 2px 8px rgba(61, 102, 165, 0.12);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.chip-footer:hover {
box-shadow: 0px 2px 6px 0px rgba(9, 61, 106, 0.48);
}
.chip-footer img {
float: left;
height: 24px;
width: 24px;
border-radius: 5px;
}
.chip-footer .tooltip > .tooltip-inner {
background-color: #1A82C3!important;
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.35);
border: none;
padding: 5px;
font-size: 10px;
border-radius: 15px;
font-family: "Open Sans",Arial,sans-serif;
font-weight: 600;
color:white;
text-transform: capitalize;
}
.chip {
display: inline-block;
height: 24px;
font-size: 10px;
font-weight: 500;
color: rgba(0, 0, 0, 0.9);
line-height: 22px;
text-transform: lowercase;
vertical-align: top;
padding: 0px 0px;
/* border-radius: 15px; */
background-color: rgba(228, 228, 228, 0.58);
/* border: 1px solid rgba(220, 220, 220, 0.65); */
max-width: 300px;
word-wrap: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 0.5px;
margin-left: 2.5px;
background-color: rgb(255, 255, 255);
line-height: 24px;
}
.chip:hover a{
color:rgb(72, 155, 243);
}
.chip img{
float: left;
margin: 0px 6px 0 0px;
height: 24px;
width: 24px;
border-radius: 5px;
margin-left: 0px;
padding-left: 0px;
vertical-align: middle;
margin-top: 0px;
}
.premierchip a{
font-size: 14px;
text-transform: none;
font-weight: 700;
color: #21308d!important;
font-family: "Signika";
line-height: 22px;
}
.action-head-actu h5 a strong{
font-size: 14px;
text-transform: none;
font-weight: 700;
color: #21308d!important;
font-family: "Signika";
line-height: 22px;
}
.action-head-actu div a strong{
font-size: 14px;
text-transform: none;
font-weight: 700;
color: #21308d!important;
font-family: "Signika";
line-height: 22px;
}
.chip a {
font-size: 14px;
text-transform: none;
font-weight: 700;
color: #21308d!important;
font-family: "Signika";
vertical-align: middle;
line-height: 22px;
}
.chipnonc{
display: inline-block;
margin-left: 0px;
margin-bottom: 4px;
font-size: 13px;
text-transform: none;
font-weight: 700;
color: #21308d!important;
vertical-align: inherit;
font-family: "Signika";
}
.chipnonc a{
color: #21308d!important;
}
.actuvideo
{
text-align: center; padding: 0;
padding-bottom: 0;
border-bottom: 1px solid gainsboro;
margin-bottom: 15px;
border-radius: 5px;
overflow: hidden;
}
.actuvideo iframe{
width: 100%;
margin: 0 auto;
min-height: 300px;
margin-bottom: -4px;
}
.liste-entreprise-actu li{
list-style-type: none;
}
.liste-entreprise-actu li a
{
color:#525252;
font-weight: 600;
font-size: 11px;
}
.liste-entreprise-actu li a:hover
{
color:#1A82C3;
}
.liste-activite-actu li{
list-style-type: none;
}
.liste-activite-actu li a{
font-weight: 600;
font-size: 13px;
}
.liste-activite-actu li a:hover{
color:#1A82C3;
}
.liste-entreprise-actu-client li{
list-style-type: none;
padding-bottom: 5px;
}
.liste-entreprise-actu-client li a
{
font-weight: 700;
}
.liste-entreprise-actu-client li a:hover
{
}
.nav-tabs>li {
float: left;
margin-bottom: -2px;
}
.company-citation{
font-size: 11px;
display: inline-block;
margin-right: 5px;
cursor: pointer;
font-weight: 500;
color: #44538f;
}
.company-citation:hover{
color:#1a1fc3;
}
.likeactualready i{
color: #ff4700;
}
.likeactualready span{
color: #ff4700;
}
.likeavisalready i{
color: #ff4700;
}
.likeavisalready span{
color: #ff4700;
}
.likeavisfluxalready{
}
.likeavisfluxalready i{
color: #ff4700;
}
.likeavisfluxalready span{
color: #ff4700;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
animation: fa-spin 1s infinite steps(8);
}
.nblike{
color: dimgray;
font-weight: 700;
margin: 4px;
}
.info-txt{
color: rgba(128, 128, 128, 0.79);
font-weight: 600;
}
.activite-citation{
font-size: 11px;
display: inline-block;
margin-right: 5px;
cursor: pointer;
font-weight: 500;
color: #44538f;
}
.activite-citation:hover{
color: #1a1fc3;
}
.action-actualite .btn-default {
font-weight: 700!important;
color: #ffffff!important;
background:#263bff!important;
border: none!important;
}
.thumbnailresize{
height: 300px;
max-height: 300px;
overflow: hidden;
}
.thumbnailresize img {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: auto;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.frontpage_square{
position:relative;
overflow:hidden;
padding-bottom:100%;
}
.frontpage_square img{
position:absolute;
max-width: inherit;
left: 0;
right: 0;
margin: 0 auto;
}
.frontpage_squareentreprise{
position:relative;
overflow:hidden;
padding-bottom:100%;
}
.frontpage_squareentreprise img{
position:absolute;
max-width: inherit;
}
.date-actu-creat
{
color: #aeb2c5;
font-family: 'Signika', sans-serif;
font-size: 0.9em;
display: inline-block;
margin-left: 5px;
padding-left: 11px;
/* margin-right: 55px; */
margin-bottom: 10px;
margin-top: 5px;
}
.card-link
{
padding: 0px;
padding-left: 0;
margin: 0;
border-radius: 4px;
margin-bottom: 8px;
}
.premierchip
{
display: inline-block;
margin-left: -5px;
margin-bottom: 4px;
font-size: 13px;
text-transform: initial;
font-weight: 700;
color: #04286E;
}
.nbalbumplus
{
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
top: 90%;
/* transform: translateY(-50%); */
color: white;
text-align: center;
font-weight: 600;
/* font-size: 100%; */
vertical-align: middle;
height: 100%;
font-size: 1.5em;
}
._52d9 {
background-color: rgba(0, 0, 0, .4);
bottom: 0;
color: #fff;
font-size: 35px;
font-weight: normal;
left: 0;
position: absolute;
right: 0;
top: 0;
padding: 10px;
margin: 11px;
margin-bottom: 0;
margin-top: 0px;
}
._52da {
display: table;
height: 100%;
width: 100%;
}
._52db {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.thumbnail{
padding: 0px;
border: 1px solid rgba(0, 0, 0, .1);
}
.citation-footer
{
margin-bottom: 5px;
font-size: 0.9em;
padding: 0;
border-radius: 20px;
margin-left: 0;
margin-right: 0;
background: rgba(240, 243, 245, 0.52)!important;
}
.listcitation
{
border-left: 1px solid rgba(217, 227, 235, 0.07);
}
.titlecitationfooter
{
}
.photos{
margin-right: -5px;
margin-left: -5px;
margin-bottom: 10px;
}
.albumitemcard {
border: 1px solid rgba(227, 233, 241, 0.7)!important;
padding: 10px;
border-radius: 8px;
padding-bottom: 0;
}
.actu-info-album {
margin-right: -10px;
border-top: 1px solid rgba(227, 233, 241, 0.7)!important;
padding-top: 15px;
margin-left: -10px;
}
.videocarditem
{
margin: 0;
}
.namedossier{
position: absolute;
transform: translateY(-50%);
top: 75%;
color: white;
background: #070913;
padding: 14px;
font-size: 18px;
font-weight: 900;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.prodactuimg{
overflow: hidden;
vertical-align: middle;
padding-right: 0;
text-align: center;
padding-left: 0;
}
.prodactuimg img{
width: 100%;
margin-left: -100%;
margin-right: -100%;
}
.videosentreprise iframe{
width:100%;
height: 320px;
border: 1px solid gainsboro;
border-radius: 5px;
}
.tel-ent-client {
color: white;
background: #0d1126;
padding: 5px 15px 5px 15px;
border-radius: 4px;
line-height: 22px;
font-family: "Nunito";
font-size: 17px;
}
ul{
list-style: none;
}
.filter-prod{
padding: 0;
margin-bottom: 20px;
}
.filter-prod ul{ padding-left: 0; }
.filter-prod ul .dropdown {
min-width: 75px;
margin-right: 5px;
float: left;
font-size: 1em;
}
.filter-prod ul .dropdown .dropdown-menu{
top:46px;
z-index: 999;
border: 1px solid rgba(0,0,0,.15);
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.176);
box-shadow: 0 6px 12px rgba(0,0,0,.176);
}
.suppfilter{
border: none;
font-size: 12px;
color: #1e1818;
font-weight: 700;
font-family: "Nunito";
border-radius: 50px;
box-shadow: 0px 1px 5px rgba(69, 97, 118, 0.07);
}
.suppfilter i {
margin-left: 5px;
}
.slider.slider-horizontal {
height: 20px;
display: block;
}
.unitefilter{
font-weight: 700;
}
.filter-prod ul .dropdown .dropdown-menu:after {
border-bottom: 6px solid #1d2a49;
left: 6%;
right: initial;
}
.filter-prod ul .dropdown .dropdown-toggle {
text-align: center;
text-transform: uppercase;
color: #fff;
background-color: #193664!important;
cursor: pointer;
font-family: "Nunito";
font-weight: 800;
font-size: 11px;
padding: 15px;
padding-top: 14px;
border-radius: 50px;
padding-bottom: 12px;
}
.thead-inverse{
color: #fff;
background-color: #263bff;
font-family: "Nunito";
font-size: 15px;
}
.tableproduct>tbody>tr:nth-of-type(odd){
background-color: rgba(230, 235, 242, 0.56)!important;
}
.tableproduct>tbody>tr>td, .tableproduct>tbody>tr>th, .tableproduct>tfoot>tr>td, .tableproduct>tfoot>tr>th, .tableproduct>thead>tr>td, .tableproduct>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: none!important;
}
.thead-inverse tr th{
border-bottom-width: 0px!important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: rgba(232, 232, 232, 0.56);
color: #2b2b2b;
}
.filter-prod ul .dropdown .dropdown-toggle i.fa.fa-angle-down {
margin-left: 6px;
font-weight: 700;
}
.valuemax{
font-weight: 600;
}
.valuemin{
font-weight: 600;
}
.actuloader{
color: #4E86FF!important;
-webkit-animation: rotating 2s linear infinite!important;
/* animation: rotating 2s linear infinite; */
/* font-size: 1.5em!important; */
display: none;
vertical-align: middle;
position: absolute;
top: 13px;
z-index: 999;
right: 54px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
font-size: 35px!important;
top: 315px;
width: 50px;
border-radius: 50%;
background: white;
height: 50px;
line-height: 53px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.actuloaderplus{
color: #4E86FF!important;
-webkit-animation: rotating 2s linear infinite!important;
/* animation: rotating 2s linear infinite; */
/* font-size: 1.5em!important; */
display: none;
vertical-align: middle;
position: absolute;
z-index: 999;
right: 54px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
font-size: 35px!important;
bottom: 0px;
width: 50px;
border-radius: 50%;
background: white;
height: 50px;
line-height: 53px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.logoentpub
{
background: white;
bottom: 25px;
top: inherit;
width: 120px;
height: 120px;
line-height: 118px;
left: 18px;
box-shadow: 4px 4px 3px rgba(128, 128, 128, 0.27);
}
#searchfull {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.98);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#searchfull.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
z-index: 9999;
}
#searchfull input[type="search"] {
width: 100%;
color: rgb(56, 53, 53);
background: rgba(0, 0, 0, 0);
font-size: 50px;
font-weight: 300;
text-align: left;
border: 0px;
margin: 0px auto;
margin-top: -51px;
padding-left: 30px;
padding-right: 30px;
outline: none;
border:1px solid gainsboro;
border-radius: 35px;
margin-top: 45px;
}#searchfull input[type="search"]:focus{
border:1px solid gainsboro!important;
}
#searchfull .btn {
margin: 0 auto;
}
#searchfull .close {
position: fixed;
top: 15px;
right: 15px;
color: #fff;
background-color: #428bca;
border-color: #357ebd;
opacity: 1;
padding: 10px 16px;
border-radius: 50%;
font-size: 27px;
box-shadow: 2px 4px 2px gainsboro;
z-index: 9999;
}
.searchfullphrase{
color:grey;
}
#searchfullform{
height: 100%;
}
#searchfullform .row{
height: 100%;
}
#searchfullform .row .blocksearchavance{
height: 100%;
}
#searchfullform .row .blocksearchavance .searchfullphrase{
/* position: absolute;
top: 20%;*/
font-size: 40px;
display: inline-block;
}
.buttonPresence{
font-weight: 600;
font-family: 'Signika', sans-serif!important;
}
input:-webkit-autofill {
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: white !important;
background-image: none;
color: rgb(0, 0, 0);
}
div.cs-select {
display: inline-block;
vertical-align: middle;
position: relative;
text-align: left;
background: #fff;
z-index: 100;
width: 100%;
max-width: 500px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.cs-select:focus {
outline: none; /* For better accessibility add a style for this in your skin */
}
.cs-select select {
display: none;
}
.cs-select span {
display: block;
position: relative;
cursor: pointer;
padding: 1em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Placeholder and selected option */
.cs-select > span {
padding-right: 3em;
}
.cs-select > span::after,
.cs-select .cs-selected span::after {
speak: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cs-select > span::after {
content: '\25BE';
right: 1em;
}
.cs-select .cs-selected span::after {
content: '\2713';
margin-left: 1em;
}
.cs-select.cs-active > span::after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
div.cs-active {
z-index: 200;
}
/* Options */
.cs-select .cs-options {
position: absolute;
overflow: hidden;
width: 100%;
background: #fff;
visibility: hidden;
}
.cs-select.cs-active .cs-options {
visibility: visible;
}
.cs-select ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.cs-select ul span {
padding: 1em;
}
.cs-select ul li.cs-focus span {
background-color: #ddd;
}
/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
padding-left: 1em;
}
.cs-select li.cs-optgroup > span {
cursor: default;
}
div.cs-skin-underline {
background: transparent;
font-size: 1.8em;
max-width: 400px;
}
.cs-options ul li{
border:1px solid gainsboro;
}
@media screen and (max-width: 30em) {
div.cs-skin-underline { font-size: 1.2em; }
}
.cs-skin-underline > span {
padding: 0.5em 3em 0.5em 0.5em;
border-bottom: 3px solid #000;
border-color: inherit;
font-weight: bold;
}
/*.cs-skin-underline > span::after {
font-family: 'icomoon';
content: '\e003';
right: 0.25em;
-webkit-transform: translate3d(0,-50%,0) rotate3d(0,0,1,45deg);
transform: translate3d(0,-50%,0) rotate3d(0,0,1,45deg);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}*/
.cs-skin-underline.cs-active > span::after {
-webkit-transform: translate3d(0,-50%,0) rotate3d(0,0,1,270deg);
transform: translate3d(0,-50%,0) rotate3d(0,0,1,270deg);
}
.cs-skin-underline .cs-options {
border: 1px solid gainsboro;
opacity: 0;
-webkit-transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
}
.cs-skin-underline.cs-active .cs-options {
opacity: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cs-skin-underline ul span {
position: relative;
text-transform: uppercase;
font-size: 66%;
font-weight: 700;
letter-spacing: 1px;
padding: 1.2em 0.8em;
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.cs-select ul span::after {
content: '';
opacity: 0;
}
/*.cs-select .cs-selected span::after {
font-family: 'icomoon';
content: '\e010';
opacity: 1;
-webkit-transition: opacity 0.3s 0.7s;
transition: opacity 0.3s 0.7s;
}*/
.cs-skin-underline ul span::before {
content: '';
position: absolute;
bottom: 1px;
left: 0;
height: 3px;
width: 100%;
-webkit-transform: translate3d(200%,0,0);
transform: translate3d(200%,0,0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.cs-skin-underline.cs-active ul span,
.cs-skin-underline.cs-active ul span::before {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.cs-skin-underline li:nth-child(5) span,
.cs-skin-underline li:nth-child(5) span::before,
.cs-skin-underline.cs-active li:first-child span,
.cs-skin-underline.cs-active li:first-child span::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.cs-skin-underline li:nth-child(4) span,
.cs-skin-underline li:nth-child(4) span::before,
.cs-skin-underline.cs-active li:nth-child(2) span,
.cs-skin-underline.cs-active li:nth-child(2) span::before {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.cs-skin-underline li:nth-child(3) span,
.cs-skin-underline li:nth-child(3) span::before {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.cs-skin-underline li:nth-child(2) span,
.cs-skin-underline li:nth-child(2) span::before,
.cs-skin-underline.cs-active li:nth-child(4) span,
.cs-skin-underline.cs-active li:nth-child(4) span::before {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.cs-skin-underline li:first-child span,
.cs-skin-underline li:first-child span::before,
.cs-skin-underline.cs-active li:nth-child(5) span,
.cs-skin-underline.cs-active li:nth-child(5) span::before {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
} /* more items require more delay declarations */
.cs-skin-underline .cs-options li span:hover,
.cs-skin-underline .cs-options li.cs-focus span,
.cs-skin-underline li.cs-selected span {
color: #566473;
background: transparent;
}
div.cs-skin-elastic {
background: transparent;
font-size: 0.9em;
font-weight: 700;
color: #484a4a;
border: 1px solid gainsboro;
}
div.cs-skin-elastic {
border-radius: 8px;
font-family: 'Nunito';
color: #202035;
font-size: 13px;
}
@media screen and (max-width: 30em) {
div.cs-skin-elastic { font-size: 1em; }
}
.cs-skin-elastic > span {
background-color: #fff;
z-index: 100;
}
.cs-skin-elastic > span::after {
font: normal normal normal 14px/1 FontAwesome;
content: '\f0d7';
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cs-skin-elastic .cs-options {
overflow: visible;
background: transparent;
opacity: 1;
visibility: visible;
padding-bottom: 1.25em;
pointer-events: none;
}
.cs-skin-elastic.cs-active .cs-options {
pointer-events: auto;
padding-bottom: 0px;
}
.cs-skin-elastic .cs-options > ul::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transform: scale3d(1,0,1);
transform: scale3d(1,0,1);
background: #fff;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.cs-skin-elastic.cs-active .cs-options > ul::before {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: none;
transition: none;
-webkit-animation: expand 0.6s ease-out;
animation: expand 0.6s ease-out;
}
.cs-skin-elastic .cs-options ul li {
opacity: 0;
-webkit-transform: translate3d(0,-25px,0);
transform: translate3d(0,-25px,0);
-webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
transition: opacity 0.15s, transform 0.15s;
}
.cs-skin-elastic.cs-active .cs-options ul li {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
-webkit-transition: none;
transition: none;
-webkit-animation: bounce 0.6s ease-out;
animation: bounce 0.6s ease-out;
border: 1px solid rgba(220, 220, 220, 0.81);
border-top: 1px solid rgba(220, 220, 220, 0.46);
}
/* Optional delays (problematic in IE 11/Win) */
/*
.cs-skin-elastic.cs-active .cs-options ul li:first-child {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.cs-skin-elastic.cs-active .cs-options ul li:nth-child(2) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
.cs-skin-elastic.cs-active .cs-options ul li:nth-child(3) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.cs-skin-elastic.cs-active .cs-options ul li:nth-child(4) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
/* with more items, more delays declarations are needed */
.cs-skin-elastic .cs-options span {
background-repeat: no-repeat;
background-position: 1.5em 50%;
background-size: 2em auto;
padding: 0.8em 1em 0.8em 4em;
}
.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span,
.cs-skin-elastic .cs-options .cs-selected span {
color: rgba(58, 147, 197, 0.99);
}
.cs-skin-elastic .cs-options .cs-selected span::after {
content: '';
}
.cs-skin-elastic .cs-options li.flag-france span {
background-image: url(img/france.svg);
}
.cs-skin-elastic .cs-options li.flag-brazil span {
background-image: url(img/brazil.svg);
}
.cs-skin-elastic .cs-options li.flag-safrica span {
background-image: url(img/south-africa.svg);
}
.cs-skin-elastic .cs-options li.flag-argentina span {
background-image: url(img/argentina.svg);
}
@-webkit-keyframes expand {
0% { -webkit-transform: scale3d(1,0,1); }
25% { -webkit-transform: scale3d(1,1.2,1); }
50% { -webkit-transform: scale3d(1,0.85,1); }
75% { -webkit-transform: scale3d(1,1.05,1) }
100% { -webkit-transform: scale3d(1,1,1); }
}
@keyframes expand {
0% { -webkit-transform: scale3d(1,0,1); transform: scale3d(1,0,1); }
25% { -webkit-transform: scale3d(1,1.2,1); transform: scale3d(1,1.2,1); }
50% { -webkit-transform: scale3d(1,0.85,1); transform: scale3d(1,0.85,1); }
75% { -webkit-transform: scale3d(1,1.05,1); transform: scale3d(1,1.05,1); }
100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}
@-webkit-keyframes bounce {
0% { -webkit-transform: translate3d(0,-25px,0); opacity:0; }
25% { -webkit-transform: translate3d(0,10px,0); }
50% { -webkit-transform: translate3d(0,-6px,0); }
75% { -webkit-transform: translate3d(0,2px,0); }
100% { -webkit-transform: translate3d(0,0,0); opacity: 1; }
}
@keyframes bounce {
0% { -webkit-transform: translate3d(0,-25px,0); transform: translate3d(0,-25px,0); opacity:0; }
25% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
50% { -webkit-transform: translate3d(0,-6px,0); transform: translate3d(0,-6px,0); }
75% { -webkit-transform: translate3d(0,2px,0); transform: translate3d(0,2px,0); }
100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
}
.resultatsearchacti{
text-align: center;
font-size: 25px;
font-weight: 600;
color: #428BCA;
margin-top: 55px;
display: none;
}
.block-recherche-knowledge .itemactulien span{
max-width: 285px;
display: inline-block;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
.block-recherche-knowledge .itemactulienc span{
max-width: 285px;
display: inline-block;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
@media only screen and (max-width: 784px){
.main_content{
overflow:hidden;
padding-left: 0px!important;
padding-right: 0px!important;
}
#searchfullform .row .blocksearchavance .searchfullphrase{
/* position: absolute;
top: 20%;*/
font-size: 20px;
display: block;
margin-bottom: 12px;
margin-top: 12px;
text-align: center;
}
.blocksearchavance div:first-child{
text-align: center;
margin-top: 100px!important;
}
#searchfull input[type="search"]{
font-size:13px;
}
.resultatsearchacti{
font-size:13px;
margin-top: 30px;
}
.block-presence{
margin-top: 10px!important;
}
.d-grid-extend {
margin: 0 auto;
width: inherit;
}
.liste-activite-actu{
padding: 0!important;
}
}
@media only screen and (max-width: 800px){
.main_content{
overflow:hidden;
padding-left: 0px!important;
padding-right: 0px!important;
}
}
@media only screen and (max-width: 960px){
.main_content{
overflow:hidden;
padding-left: 0px!important;
padding-right: 0px!important;
}
}
.alert-non-connect{
background: rgba(234, 234, 234, 0.93);
color: dimgray;
font-weight: 600;
border: 1px solid gainsboro;
}
.previewlogo
{
border: none;
overflow: hidden;
width: 120px;
height: 120px;
border: 2px solid rgba(255, 255, 255, 0.66);
border-radius: 4px;
line-height: 120px;
vertical-align: middle;
display: inline-block;
display: none;
margin: 0 auto;
margin-top: 10px;
box-shadow: 1px 0px 2px 2px rgba(6, 6, 6, 0.11);
}
.previewlogo img{
vertical-align: baseline;
}
.blockinfocompte{
padding: 10px;
border-bottom: 1px solid rgba(232, 232, 232, 0.63);
margin-bottom: 15px;
}
.blockinfocompte label{
color:#515151;
}
.blockinfocompte p{
color: grey;
}
#intercom-container .intercom-launcher-discovery-frame{
width:60px;
}
.follow {
border: 1px solid #222 !important;
border-radius: 4px;
background: #ffffff !important;
font-weight: 600 !important;
font-size: 12px;
padding: 2px 8px;
/* padding-left: 18px; */
/* padding-right: 18px; */
color: #222 !important;
font-family: "Nunito";
font-weight: 600 !important;
min-width: 200px;
margin-right: 0;
}
.follow-nonc{
border: 1px solid #222 !important;
border-radius: 4px;
background: #ffffff !important;
font-weight: 600 !important;
font-size: 12px;
padding: 2px 8px;
/* padding-left: 18px; */
/* padding-right: 18px; */
color: #222 !important;
font-family: "Nunito";
font-weight: 600 !important;
min-width: 200px;
margin-right: 0;
}
.defollow {
border-radius: 4px;
font-family: "Nunito";
background: #2e3d79!important;
font-weight: 600!important;
font-size: 12px;
padding: 2px 8px;
min-width: 200px;
margin-right: 0;
}
.namelistitem{
overflow: hidden;
max-width: 375px;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
/* line-height: 35px; */
margin-left: 5px;
color: #2f2f2f;
font-size: 12px;
text-transform: uppercase;
vertical-align: middle;
font-weight: 600;
font-family: 'Signika';
}
.nopicturenamelistitem{
line-height: 35px;
}
.desclistitem{
text-transform: lowercase;
font-size: 10px;
color: #ababab;
font-weight: 400;
margin-left: 42px;
overflow: hidden;
text-overflow: ellipsis;
max-width: 250px;
word-break: break-word;
white-space: nowrap;
display: list-item;
/* line-height: 10px; */
vertical-align: text-top;
margin-top: -8px;
margin-bottom: 4px;
}
.compte-title{
font-weight: 900;
font-family: "Signika", "Open Sans", "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
font-size: 25px;
margin-top: 40px;
margin-bottom: 15px;
text-align: center;
color: #17122e;
}
.info-txt-compte{
color: rgba(57, 67, 121, 0.56);
font-size: 15px;
text-align: center;
font-weight: 600;
margin-bottom: 30px;
}
.blockbtncomptecreate{
margin-top: -45px;
}
.block-page-compte{
background: white;
border-radius: 3px;
padding: 20px;
padding-bottom: 20px;
margin-top: 25px;
min-height: 500px;
box-shadow: 6px 11px 41px -28px #a99de7;
-webkit-box-shadow: 6px 11px 41px -28px #a99de7;
-moz-box-shadow: 6px 11px 41px -28px #a99de7;
-ms-box-shadow: 6px 11px 41px -28px #a99de7;
box-shadow: 0 6px 33px 0 rgba(50, 81, 99, 0.08), 0 4px 13px 0 rgba(73, 115, 146, 0.065);
}
.block-item-compte{
padding-bottom: 20px;
padding: 20px;
border: 1px solid #e5e5f7;
box-shadow: 0 15px 35px rgba(43, 43, 224, 0.18), 0 5px 15px rgba(47, 107, 183, 0.22)!important;
text-align: center;
border-radius: 3px;
}
.btn-compte-create{
padding: 18px!important;
border-radius: 50px!important;
box-shadow: 0 15px 35px rgba(43, 43, 224, 0.18), 0 5px 15px rgba(47, 107, 183, 0.22)!important;
}
.messageriemessage{
height: 20px;
overflow: hidden;
padding-left: 10px;
margin: 0;
color: rgba(128, 128, 128, 0.68)!important;
margin-top: 9px;
}
.imgarbomessagerie {
display: inline-block!important;
width: 30px;
height: 30px;
margin-right: 5px;
vertical-align: middle;
line-height: 30px;
border-radius: 50%;
overflow: hidden;
background: white;
margin-top: 2px;
}
.title-compte{
padding-top: 22px;
border-left: 4px solid rgba(32, 141, 210, 0.61);
}
.itemmessagerieconvers:hover{
background: rgba(32, 141, 210, 0.61);
color: white;
}
.itemmessagerieconversactive{
background: rgba(32, 141, 210, 0.61)!important;
color: white!important;
}
.itemmessagerieconversactive .messageriemessage{
color: white!important;
}
.itemmessagerieconversactive label{
color: white!important;
}
.itemmessagerieconversactive strong{
color: white!important;
}
.itemmessagerieconvers:hover .messageriemessage{
color: white!important;
}
.itemmessagerieconvers:hover label{
color: white!important;
}
.itemmessagerieconvers:hover strong{
color: white!important;
}
.itemmessagerieconvers{
cursor:pointer;
padding-top: 0;
padding-bottom: 0;
border-bottom: 1px solid rgba(232, 232, 232, 0.63);
}
.conversationliste{
max-height: 600px;
overflow-y: auto;
overflow-x: hidden;
}
.pointmessagerieent{
/* border-radius: 50%; */
/* height: 5px; */
/* width: 5px; */
background: #2885E2;
display: inline-block;
vertical-align: middle;
/* margin-right: 5px; */
float: left;
color: white;
padding: 4px;
font-weight: 600;
border: 1px solid rgba(220, 220, 220, 0.45);
font-size: 0.8em;
margin-top: 6px;
margin-left: -2px;
}
.pointmessagerieacti{
/* border-radius: 50%; */
/* height: 5px; */
/* width: 5px; */
background: #2885E2;
display: inline-block;
vertical-align: middle;
/* margin-right: 5px; */
float: left;
color: white;
padding: 4px;
font-weight: 600;
border: 1px solid rgba(220, 220, 220, 0.45);
font-size: 0.8em;
margin-top: 6px;
margin-left: -2px;
}
.pointmessagerieprod{
/* border-radius: 50%; */
/* height: 5px; */
/* width: 5px; */
background: #2885E2;
display: inline-block;
vertical-align: middle;
/* margin-right: 5px; */
float: left;
color: white;
padding: 4px;
font-weight: 600;
border: 1px solid rgba(220, 220, 220, 0.45);
font-size: 0.8em;
margin-top: 6px;
margin-left: -2px;
}
.itemmessagerieconversplain{
padding: 0;
border-bottom: 1px solid rgba(232, 232, 232, 0.63);
}
.messageriemessageplain{
padding-left: 48px;
margin: 0;
color: rgba(128, 128, 128, 0.68)!important;
}
.classementactu {
position: absolute;
width: 200px;
background: white;
text-align: center;
right: -30px;
border-radius: 2px;
box-shadow: 0 4px 2px 1px rgba(0, 0, 0, 0), 0 1px 6px rgba(107, 107, 107, 0.27);
z-index: 999;
border: 1px solid rgba(211, 211, 211, 0.94);
}
.classementactu label{
color:grey;
margin-top: 5px;
}
.classementactu .ajoutdossierclassementactu{
color: #137DC7;
margin: 0px;
}
.dossierclassementactu a{
width:100%;
border-radius: 0px;
}
.itemdossiercompteactive{
background: rgb(26, 130, 195);
color: white;
border-left: 4px solid #02A2FF;
}
.itemdossiercompteactive h3{
color:white!important;
}
.itemdossiercompte{
cursor:pointer;
}
.itemdossiercompte:hover{
background: rgb(26, 130, 195);
color: white;
border-left: 4px solid #02A2FF;
}
.itemdossiercompte:hover h3{
color:white!important;
}
.autocompletelisteemailsahare{
position: absolute;
width:100%;
background: white;
top: 58px;
left: 1px;
border-radius: 2px;
box-shadow: 0 4px 2px 1px rgba(0, 0, 0, .1), 0 1px 6px rgba(107, 107, 107, 0.73);
z-index: 999;
}
.autocompletelisteemailsahareitem
{
width: 100%;
height: 30px;
text-align: left;
padding: 5px;
cursor: pointer;
font-weight: 600;
}
.autocompletelisteemailsahareitem:hover{
background: #4271D6;
color:white;
}
.accessmessagerie{
color: #041F7F;
font-size: 1.6em;
vertical-align: middle;
}
.blockmyent{
background: linear-gradient(135deg,rgb(90, 135, 162) 0,rgb(24, 81, 117) 100%);
text-align: center;
color: white;
font-weight: 700;
line-height: 25px;
border-radius: 4px;
margin-bottom: 20px;
}
.dropdown .dp-notif{
padding: 0;
min-width: 385px!important;
right: 0;
left: inherit;
}
.header-notif{
padding-left: 15px;
border-bottom: 1px solid rgba(220, 220, 220, 0.8);
height: 43px;
}
.header-notif label{
margin-bottom: 0px;
padding: 0px;
margin: 0px;
float: none;
line-height: 12px;
vertical-align: super;
}
.footer-notif{
text-align: center;
border-top: 1px solid gainsboro;
}
.footer-notif a{
color: #2d2d2d!important;
}
.badge-message {
position: absolute;
top: 5px;
padding: 3px;
font-size: 9px;
left: 4px;
font-weight: 700;
background: #e94948;
height: 16px;
line-height: 11px;
display: none;
width: 17px;
text-align: center;
border-radius: 50%;
box-shadow: 0px 2px 2px rgba(78, 78, 78, 0.48);
}
.btn-message{
}
.badge-notif{
position: absolute;
top: 5px;
padding: 3px;
font-size: 9px;
left: 4px;
font-weight: 700;
background: #e94948;
height: 16px;
line-height: 11px;
display: none;
width: 17px;
text-align: center;
border-radius: 50%;
box-shadow: 0px 2px 2px rgba(78, 78, 78, 0.48);
}
.dp-notif .row .item{
color: dimgray;
font-weight: 600;
text-align: left;
border: 1px solid #eeeeee;
min-height: 65px;
background: #f6f6f6;
font-size: 1.1em;
}
.replyavis{
margin-top: -20px!important;
}
.dp-notif .row .itemnoread{
color: dimgray;
font-weight: 600;
text-align: center;
border: 1px solid #eeeeee;
background: rgba(158,178,248,0.17)!important;
}
.dp-notif .row .itemnoread:hover{
background: rgb(244, 244, 244)!important;
}
.dp-notif .row .itemread{
color: dimgray;
font-weight: 600;
text-align: center;
border: 1px solid #eeeeee;
background: rgba(246, 246, 246, 0.82)!important;
background: #f6f6f6;
}
.dp-notif .row .itemread a{
color: dimgray;
font-weight: 600;
text-align: left;
}
.dp-notif .row .itemread:hover{
background: #f6f6f6!important;
}
.dp-notif .row .itemnoread a{
color: dimgray;
font-weight: 600;
text-align: left;
}
.imagenotif{
line-height: 45px;
overflow: hidden;
border: 1px solid gainsboro;
width: 50px;
height: 50px;
margin-right: 10px;
background: white;
float: left;
text-align: center;
}
.datenotif{
font-size: 0.9em;
color: #aaaaaa;
}
.content-notif{
padding-left: 60px;
line-height: 16px;
font-size: 12px;
color: #22272e;
text-transform: initial;
font-family: "Nunito";
}
.itemmoisevcompteactive{
background: rgb(26, 130, 195);
color: white;
border-left: 4px solid #02A2FF;
}
.itemmoisevcompteactive h3{
color:white!important;
}
.itemmoisevcompte{
cursor:pointer;
}
.itemmoisevcompte:hover{
background: rgb(26, 130, 195);
color: white;
border-left: 4px solid #02A2FF;
}
.itemmoisevcompte:hover h3{
color:white!important;
}
.dossierclassementactu a:hover{
box-shadow: 0 0px 0px 0 rgba(0,0,0,0) !important;
background: #35d549;
color:white;
}
.partageur
{
font-size: 0.8em; float: right; display: inline-block; text-align: right; color: #B2B2B2;
}
.nouvelle-fiche
{
text-align: center;
height: 150px;
line-height: 150px;
vertical-align: middle;
}
.nouvelle-fiche h2{ line-height: 162px;
font-size: 3em;
color: #1A82C3;
letter-spacing: -1px;
text-shadow: 1px 2px 1px rgba(218, 218, 218, 0.71);}
.nouvelle-fiche p
{
font-weight: 600;
font-size: 1.2em;
color: #1A82C3;
}
.itemprodmess{
height: 58px;
width: 100%;
}
.card-image-fiche-produit-mess{
width: 50px;
height: 50px;
line-height: 45px;
overflow: hidden;
float: left;
border: 1px solid #E8E8E8;
}
.titleproduitinmess{
float: left;
margin: 0;
margin-top: 14px;
margin-left: 10px;
font-weight: 600;
color: #1A82C3;
}
.titleproduitinmess span {
color: rgba(68, 67, 67, 0.55);
}
.pointmessagerieavalider{
background: #E2A228;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
float: left;
color: white;
padding: 4px;
font-weight: 600;
border: 1px solid rgba(220, 220, 220, 0.45);
font-size: 0.8em;
margin-top: 6px;
margin-left: -2px;
}
.pointmessageriestop
{
background: #D46827;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
float: left;
color: white;
padding: 4px;
font-weight: 600;
border: 1px solid rgba(220, 220, 220, 0.45);
font-size: 0.8em;
margin-top: 6px;
margin-left: -2px;
}
.pointmessagerieenvoyer{
background: #64B367;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
float: left;
color: white;
padding: 4px;
font-weight: 600;
border: 1px solid rgba(220, 220, 220, 0.45);
font-size: 0.8em;
margin-top: 6px;
margin-left: -2px;
}
.stripe-button-el {
box-shadow: 0px 0px 0px!important;
border: none!important;
background: #35d549!important;
background-color: transparent;
/* padding: 2px 12px!important; */
border-radius: 4px!important;
width: 100%;
}
.stripe-button-el span {
box-shadow: 0px 0px 0px!important;
border: none!important;
background: #35d549!important;
font-family: 'Signika', sans-serif!important;
}
.stripe-button-el:hover {
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25) !important;
}
.block-reseaux .otherplateformeitem{
background: transparent;
border-radius: 50%;
overflow: hidden;
line-height: 28px;
}
.logo-ent-client-fiche {
overflow: hidden;
width: 100px;
height: 100px;
background: white;
line-height: 94px;
vertical-align: middle;
display: inline-block;
border-radius: 8px;
border: none;
}
.titleentreprise-fiche {
color: white!important;
font-size:26px;
font-weight: 800;
font-family: 'Signika', sans-serif;
text-shadow: 1px 1px 6px rgba(27, 55, 97, 0.29);
height: 40px;
}
.blocktitleficheentreprise{
height:120px;
vertical-align: middle;
padding-top: 50px;
padding-left: 30px;
display: inline-block;
}
.content-entreprise-section .title {
position: absolute;
width: 100%;
top: 35%;
text-align: center;
color: #FFF;
font-weight: 700;
}
.content-entreprise-section .title .wrapper {
width: 80%;
margin: auto;
}
.caption {
background: #ffffff!important;
}
.block-logo-real{
width: 40px;
height: 40px;
border: 1px solid gainsboro;
border-radius: 3px;
line-height: 35px;
}
.block-partage{
margin-bottom: 20px;
margin-top: 15px;
}
.btn-partage{
}
.btn-partage:after {
}
.btn-partage:hover {
}
.label-primary{
background-color: #263bff;
}
.closepartage{
position: absolute;
right: 2px;
z-index: 1000;
top: 2px;
}
.label-home{
color: rgba(62, 62, 62, 0.55);
font-family: 'Signika', sans-serif;
}
.btn-partage i {
margin-right: 5px;
font-size: 1.8em;
color: #ff9e25;
vertical-align: sub;
}
#inputlien{
border-radius: 4px;
border: 1px solid rgba(58, 147, 197, 0.69);
margin: 0 auto;
max-width: 500px;
}
#inputlien::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #b5b5b5!important;
}
#inputlien::-moz-placeholder { /* Firefox 19+ */
color: #b5b5b5!important;
}
#inputlien:-ms-input-placeholder { /* IE 10+ */
color: #b5b5b5!important;
}
#inputlien:-moz-placeholder { /* Firefox 18- */
color: #b5b5b5!important;
}
#inputlien::placeholder{
color: #b5b5b5!important;
}
input#search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: "Nunito";
font-weight: 600!important;
color: white!important;
font-size: 14px!important;
}
input#search::-moz-placeholder { /* Firefox 19+ */
font-family: "Nunito";
font-weight: 600!important;
color: white!important;
font-size: 14px!important;
}
input#search:-ms-input-placeholder { /* IE 10+ */
font-family: "Nunito";
font-weight: 600!important;
color: white!important;
font-size: 14px!important;
}
input#search:-moz-placeholder { /* Firefox 18- */
font-family: "Nunito";
font-weight: 600!important;
color: white!important;
font-size: 14px!important;
}
input#search::placeholder{
font-family: "Nunito";
font-weight: 600!important;
color: white!important;
font-size: 14px!important;
}
.author{
margin-top: 25px;
color: #2c323d;
}
.author strong {
font-size: 12px;
font-weight: 600;
color: #2e3f76;
line-height: 28px;
border-bottom: 1px solid rgb(208 216 226 / 61%);
padding-bottom: 14px;
font-family: 'Signika';
}
.epingleactu{
float: right;
color: #4e4e4e;
margin-right: -20px;
margin-top: -5px;
display: inline-block;
padding: 2px 12px 3px 12px;
border:1px solid rgba(220, 220, 220, 0.21);
border-radius: 11px;
background: rgba(236, 236, 236, 0.53);
font-weight: 600;
}
.epingleactu i{
color: dodgerblue;
margin-right: 3px;
vertical-align: middle;
}
.datepublish{
margin-top: 25px;
color: #2c323d;
}
.datepublish strong {
font-size: 11px;
font-weight: 500;
color: #616161;
line-height: 28px;
/* letter-spacing: 0.04em; */
text-transform: lowercase;
}
.titlecitationactu{
margin-top: 25px;
color: #2c323d;
}
.socialshareactu{
text-align: center;
margin-top: 30px;
}
.titleshareactu{
font-weight: 600;
}
.block-liaisonactu{
padding: 20px;
padding-right: 0;
padding-left: 0;
overflow: hidden;
margin-top: 35px;
}
ul.infoprodmenu {
text-align: left;
display: inline;
margin: 0;
padding: 15px 4px 17px 0;
list-style: none;
}
ul.infoprodmenu li {
font-weight: 700;
font-size: 12px;
display: inline-block;
margin-right: -4px;
position: relative;
border-radius: 3px;
padding: 15px 20px;
box-shadow: 2px 1px 2px rgba(47, 47, 47, 0.33);
background: rgb(51, 122, 183);
font-family: "Signika", sans-serif;
color: #fff;
margin: 4px;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.descriptionsujetprod{
letter-spacing: 0.5px;
margin-left: 20px;
margin-top: 14px;
display: block;
font-size: 1.2em;
}
ul.infoprodmenu li:hover {
background: white;
color: dimgrey;
}
ul.infoprodmenu li ul {
z-index: 1000;
padding: 0;
position: absolute;
top: 46px;
left: 0;
width: 300px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
ul.infoprodmenu li ul li {
background: #555;
display: block;
color: #fff;
text-shadow: 0 -1px 0 #000;
}
ul.infoprodmenu li ul li:hover { background: #666; }
ul.infoprodmenu li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
.menu-prodinfo{
}
.actu-action-check{
color:#35d549;
}
.actu-action-check:hover{
color:#35d549;
}
.btn-action-check{
background: #35d549;
color:white;
}
.btn-action-check:hover{
background: #35d549;
color:white;
}
.block-liaisonactu span{
color: rgba(0, 0, 0, 0.47);
display: inline-block;
margin-bottom: 10px;
}
.btn-action-alph{
background: #C5C5C5;
border: 1px solid #B3B3B3;
color: white;
}
.btn-action-alph:hover{
background: #C5C5C5;
color: white;
border: 1px solid #B3B3B3;
}
.askackground{
color: #9197a3;
font-size: 14px;
font-weight: 500;
text-shadow: 0 1px 0 #f6f7f8;
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
}
.askackground-client{
color: #555658;
font-size: 14px;
font-weight: 600;
text-shadow: 0 1px 0 #f6f7f8;
text-align: center;
margin-top: 15px;
margin-bottom: 20px;
}
.askackground-ent {
color: #555658;
font-size: 14px;
font-weight: 600;
text-shadow: 0 1px 0 #f6f7f8;
text-align: center;
margin-top: 15px;
margin-bottom: 20px;
}
.encardtypeevent{
color: white;
display: inline-block;
font-size: 13px;
background: #4e86ff;
padding: 2px 10px 2px 10px;
border-radius: 5px;
font-weight: 700;
text-transform: capitalize;
margin-top: 16px;
margin-left: 8px; position: absolute;
}
.nameeventavenir{
width: 100%;
background: rgba(0, 0, 0, 0.50);
/* height: 38px; */
/* line-height: 38px; */
color: white;
font-weight: bold;
padding-left: 10px;
font-size: 18px;
position: absolute;
bottom: -7px;
text-overflow: ellipsis;
overflow: hidden;
text-align: left;
margin-bottom: 0;
font-size: 1.1em;
/* position: absolute; */
color: rgba(26, 27, 33, 0.76);
/* background: rgba(51, 50, 50, 0.11); */
padding-left: 15px;
padding-right: 15px;
/* bottom: 55px; */
font-weight: bold;
position: absolute;
transform: translateY(-50%);
top: 85%;
color: white;
background: rgba(0, 0, 0, 0.61);
padding: 9px 8px 10px 10px;
}
.motcleprodserviceinput{
font-size: 50px;
font-weight: 300;
color: white;
background: #428BCA;
border-radius: 30px;
padding: 10px;
padding-top: 0px;
padding-left: 13px;
margin-right: -9px;
opacity: 0.9;
}
.motcleprodserviceinput:hover{
cursor:pointer;
box-shadow: 0px 2px 4px 1px gainsboro;
}
.motclehightligth{
position:absolute;
top: 150px;
left: 15px;
}
.listeclassementactu
{
max-height: 138px;
overflow: auto;
overflow-x: hidden;
}
.valident{
width: 25px;
position: absolute;
margin-left: 8px;
}
.validentmin{
width: 14px;
/* position: absolute; */
margin-left: 8px;
/* z-index: 999999; */
margin-top: -2px;
}
.determinatedossier{
height: 6px;
background: #3482C1;
}
#login-dp .item {
background-color: rgba(255,255,255,.8);
border-top: 1px solid rgba(221, 221, 221, 0.48);
box-shadow: none;
clear: both;
padding: 0px;
}
#login-dp .item:hover {
background-color:#F3F3F3;
}
#login-dp .item:hover a {
}
#login-dp .item a {
width: 100%;
display: inline-block;
height: 42px;
line-height: 25px;
font-family: "Open Sans", sans-serif ;
}
#login-dp .itemdeco {
background-color: #4686F6;
border-top: 1px solid rgba(221, 221, 221, 0.48);
clear: both;
padding: 0px;
}
#login-dp .itemdeco a {
color:white!important;
width: 100%;
display: inline-block;
height: 42px;
line-height: 25px;
}
#login-dp .item a i {
width: 60px;
margin-left: 22px;
font-size: 1.5em;
vertical-align: middle;
color: #CECECE;
}
#message-dp .item {
background-color: white;
border-top: 1px solid rgba(221, 221, 221, 0.48);
clear: both;
border-radius: 3px;
padding: 0px;
padding-left: 20px;
}
#message-dp .item:hover {
background-color:#f2f6fb;
}
#message-dp .item:hover a {
}
#message-dp .item a {
width: 100%;
display: inline-block;
height: 42px;
line-height: 25px;
color: #22272e!important;
text-transform: initial;
font-size: 14px;
font-family: "Nunito";
}
#message-dp .item a b {
font-weight: 800;
}
#admin-dp .item {
background-color: white;
border-top: 1px solid rgba(221, 221, 221, 0.48);
clear: both;
padding: 0px;
padding-left: 20px;
}
#admin-dp .item:hover {
background-color:#f2f6fb;
}
#admin-dp .item:hover a {
}
#admin-dp .item a {
width: 100%;
display: inline-block;
height: 42px;
line-height: 25px;
color: #22272e!important;
text-transform: initial;
font-size: 14px;
font-family: "Nunito";
}
#admin-dp .item a b {
font-weight: 800;
}
#admin-dp .itemdeco {
background-color: #4686F6;
border-top: 1px solid rgba(221, 221, 221, 0.48);
clear: both;
padding: 0px;
}
#admin-dp .itemdeco a {
color:white!important;
width: 100%;
display: inline-block;
height: 42px;
line-height: 25px;
}
#admin-dp .item a i {
width: 60px;
margin-left: 22px;
font-size: 1.5em;
vertical-align: middle;
color: #CECECE;
}
.unit-group-ss-title{
color: #8C8C8C;
font-size: 0.9em;
font-weight: 600;
margin-bottom: 30px;
}
.inputcaractlist li input{
vertical-align: middle;
margin-top: -2px;
margin-right: 5px;
}
.inputcaractlist li{
height: 25px;
line-height: 25px;
vertical-align: middle;
padding: 0px 5px 5px 5px;
font-weight: 600;
cursor: pointer;
}
.inputcaractlist li:hover{
background: gainsboro;
}
.actu-ent-btn
{
margin-left: 5px;
color: #999;
font-size: 0.9em;
padding: 17px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.actu-ent-btn-none
{
margin-left: 5px;
color: #999;
font-size: 0.9em;
padding: 17px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.menu-actu{
margin: 0;
margin-bottom: 25px;
}
.badgespecialiste{
display: inline-block;
overflow: hidden;
width: 75px;
line-height: 70px;
height: 75px;
margin-top: 15px;
}
.blockbadegvisiteur{
margin-bottom: 20px;
border: 0px;
border-radius: 4px;
background: #296d8e;
background-attachment: fixed;
box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.23);
color: #fff;
padding: 25px;
}
.item-chapitre-tag {
padding: 0px;
font-size: 14px;
text-align: left;
/* border-radius: 50px; */
font-weight: 700;
display: block;
margin: 5px;
padding-left: 15px;
word-wrap: normal;
word-break: normal;
white-space: nowrap;
color: rgb(18, 20, 36);
line-height: 35px;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Nunito";
}
.item-chapitre-tag img{
display: none;
}
.item-chapitre-tag i{
display: none;
}
.item-chapitre-tag.active{
font-weight: 700;
color: #263bff;
}
.item-chapitre-tag.active {
font-weight: 700;
color: #263bff;
}
.secteurmenubtn{
color: #999;
font-size: 0.9em;
padding: 17px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.secteurmenu{
height:0px;
overflow: hidden;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
border: none!important;
}
.btn-success {
color: #fff;
background-color:#35d549;
border-color: #35d549;
}
.nav-tabs>li>a:hover {
border: 1px solid transparent!important;
}
.fluid-section-h
{
border: none;
box-shadow: 0 6px 8px 0px rgba(234, 234, 234, 0.08);
height: 100%;
border-bottom: 1px solid #ECECEC;
}
.description-secteur{color:grey;
margin-top:15px;
}
.avisprodrep {
background: #f1f1f1;
margin-left: 50px!important;
background: rgba(208, 227, 248, 0.41)!important;
}
.navent.fixed{
position: fixed!important;
top:44px!important;
max-width: 1176px;
margin:0 auto;
z-index: 99;
}
.titleentreprise-fiche.fixed{
color: #636363!important;
font-size: 1.2em!important;
text-shadow: 0px 0px 0px!important;
height: initial!important;
vertical-align: middle;
margin-left: 11px;
font-weight: 600;
}
.specialistionexpert .item{
height: 50px;
line-height: 29px;
position: relative;
vertical-align: middle;
padding: 10px;
border: 1px solid rgba(220, 220, 220, 0.39);
border-radius: 4px;
white-space: nowrap;
cursor: pointer;
}
.specialistionexpert .item label{
cursor: pointer;
overflow: hidden;
vertical-align: middle;
padding-right: 35px;
font-size: 11px;
text-overflow: ellipsis;
}
.specialistionexpert .item .badge{
font-style: normal;
position: absolute;
background-color: #337ab7;
margin-top: 12px;
right: 3px;
bottom: 3px;
}
.logo-ent-client-fiche.fixed{
width: 59px!important;
height: 59px!important;
line-height: 47px!important;
}
.imagecomptemodif{
border: none;
overflow: hidden;
width: 100px;
height: 100px;
border: 2px solid rgba(255, 255, 255, 0.66);
/* border-radius: 50%; */
text-align: center;
box-shadow: 4px 3px 9px 0px rgba(89, 89, 89, 0.56);
border: 1px solid rgba(220, 220, 220, 0.61);
line-height: 97px;
vertical-align: middle;
display: inline-block;
background: white;
}
.titlenamecompte{
line-height: 40px; color: #ffffff!important; font-size: 2.4rem; font-weight: 500; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);
}
.sstitlecompte{
color:#ffffff!important;
}
.message-actu{
margin-top: 10px;
/* font-style: italic; */
font-size: 1.3em;
color: #0d1126;
font-weight: 500;
font-size: 15px;
line-height: 1.58;
word-break: break-word;
margin-left: 3px;
margin-right: 2px;
}
.message-actu p a{
color:#263bff!important;
}
.message-actu p {
margin-bottom: 4px;
}
.reponse-actu{
padding: 2px;
color: #19181a;
font-weight: 500;
font-size: 13px;
line-height: 1.58;
letter-spacing: -.003em;
}
.header-reponse {
font-size: 14px;
font-weight: 600;
padding-bottom: 5px;
color: #3c3b47;
line-height: 25px;
font-family: "Nunito";
}
.blockcardrep{
padding: 10px;
margin-top: 15px;
}
.linkbreve{
font-size: 1em;
}
.cardbrevelink{
margin-top: -10px;
margin-bottom: 15px;
}
.alpha-sprite {
display: inline-block;
}
.alpha-spinner-img {
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 4px;
}
.alpha-spinner-img, .alpha-spinner-overlay {
background: url(img/ajax-loader.gif) no-repeat center;
}
.hid{
display: none;
}
.chevron-up-alph{
position: fixed;
bottom: 20px;
left: 325px;
cursor: pointer;
display:none;
padding: 10px;
border-radius: 50%;
background: #BEC2D8;
}
.chevron-up-alph i{
color: #FFFFFF;
font-size: 2em;
}
.input-source{
margin-top: -20px;
margin-bottom: 20px;
}
.input-source input{
border: none;
border-radius: 5px;
}
/* purple */
.tpd-skin-purple .tpd-content,
.tpd-skin-purple .tpd-title,
.tpd-skin-purple .tpd-close { color: #fff; }
.tpd-skin-purple .tpd-background-content { background-color: #5b45e3; }
.tpd-skin-purple .tpd-background {
border-width: 1px;
border-color: rgba(6,0,12,.6);
}
.tpd-skin-purple .tpd-background-title { background-color: #5b45e3; }
/* line below the title */
.tpd-skin-purple .tpd-title-wrapper { border-bottom: 1px solid #2a1fb4; }
/* shadow */
.tpd-skin-purple .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
/* spinner */
.tpd-skin-purple .tpd-spinner-spin {
border-color: rgba(255,255,255,.2);
border-left-color: #fff;
}
/* links */
.tpd-skin-purple a { color: #ddd; }
.tpd-skin-purple a:hover { color: #c6c6c6; }
.uil-spin-css {
background: none;
position: relative;
width: 40px;
height: 20px;
vertical-align: middle;
margin-right: 7px;
margin-top: -28px;
display: inline-block;
margin-left: -25px;
}
.blockvignetteevent{
max-height: 240px;position: relative;
overflow: hidden;
}
.btn-compte{
border: none;
background: #263bff;
color: white;
}
.btn-compte i{
display: none!important;
}
.iconesupp {
font-size: 14px;
color: #e94948;
margin-top: 2px;
font-weight: 300;
}
.iconmodif {
font-size: 14px;
color: rgba(88, 145, 206, 0.79);
margin-top: 2px;
font-weight: 300;
margin-left: 15px;
margin-right: 10px;
vertical-align: bottom;
}
.textsizelist{
font-size: 12px;
font-family: "Nunito";
color: #070c18;
margin-right: 5px;
display: inline-block;
margin-left: 5px;
}
.itemimage {
width: 50px;
float: left;
margin-right: 10px;
border-radius: 50%;
overflow: hidden;
height: 50px;
line-height: 50px;
border: none;
box-shadow: 0 9px 9px rgba(147, 147, 198, 0.1), 0 1px 10px rgba(21, 71, 160, 0.02);
}
.item-list
{
min-height: 60px;line-height: 52px;
}
.itemactivite{
height: 35px;
line-height: 20px;
font-weight: 600;
padding: 5px;
border: 1px solid #e8e8e8;
cursor:pointer;
}
.itemactivite:hover{
background: #ececec;
}
.itemreseau{
height: 35px;
line-height: 20px;
font-weight: 600;
padding: 5px;
border: 1px solid #e8e8e8;
cursor:pointer;
}
.itemreseau:hover{
background: #ececec;
}
.actuloadercart{
background: white;
padding: 20px;
font-size: 1.2rem;
box-shadow: 0 15px 35px rgba(168, 168, 211, 0.1), 0 5px 15px rgba(210, 213, 219, 0.06);
border-radius: 6px;
border: none;
padding-bottom: 0px;
padding-top: 0px;
display: none;
height: 245px;
margin-bottom: 15px;
width: 100%;
margin-top: -15px;
}
.actuloadercart img{
width:100%;
}
.actu-infoloader {
padding-top: 15px;
padding-left: 0;
position:relative
}
.actuimgloader {
overflow: hidden;
vertical-align: middle;
text-align: center;
padding-left: 0;
background-size: cover;
height: 100%;
min-height: 185px;
background-repeat: no-repeat;
background-position: center center;
background: rgba(231, 237, 241, 0.42)!important;
}
.selecteditereseau{
height: 35px;
line-height: 20px;
font-weight: 600;
padding: 5px;
border: 1px solid #e8e8e8;
cursor:pointer;
}
.selecteditereseau:hover{
background: #ff8353;
}
.itemaff{
height: 35px;
line-height: 20px;
font-weight: 600;
padding: 5px;
border: 1px solid #e8e8e8;
cursor:pointer;
overflow: hidden;
}
.itemaff:hover{
background: #ececec;
}
.selectediteaff{
height: 35px;
line-height: 20px;
font-weight: 600;
padding: 5px;
border: 1px solid #e8e8e8;
cursor:pointer;
}
.selectediteaff:hover{
background: #ff8353;
}
.itemmarque{
height: 35px;
line-height: 20px;
font-weight: 600;
padding: 5px;
border: 1px solid #e8e8e8;
cursor:pointer;
overflow: hidden;
}
.itemmarque:hover{
background: #ececec;
}
.selecteditemmarque{
height: 35px;
line-height: 20px;
font-weight: 600;
padding: 5px;
border: 1px solid #e8e8e8;
cursor:pointer;
}
.selecteditemmarque:hover{
background: #ff8353;
}
.selecteditemacti{
height: 35px;
line-height: 20px;
font-weight: 600;
padding: 5px;
border: 1px solid #e8e8e8;
cursor:pointer;
}
.selecteditemacti:hover{
background: #ff8353;
}
.name-actu input{
text-align: left;
margin-bottom: 0;
font-size: 1em;
/* position: absolute; */
color: rgba(26, 27, 33, 0.76);
/* background: rgba(51, 50, 50, 0.11); */
padding-left: 0px;
padding-right: 0px;
/* bottom: 55px; */
font-weight: bold;
box-shadow: 0px 0px 0px;
border:none;
}
.description-actu textarea{
border: none;
padding: 25px;
text-align: justify;
max-height: 130px;
min-height: 130px;
height: auto!important;
color: #b5b5b5;
padding-top: 10px;
padding-left: 2px;
font-weight: 400;
padding-right: 0px;
font-size: 1em;
line-height: 18px;
padding-bottom: 15px;
box-shadow: 0px 0px 0px;
resize: none;
}
.previewcontenuprod{
margin: 0px;
border: 1px solid rgba(220, 220, 220, 0.54);
border-radius: 4px;
margin-top: 10px;
display:none;
}
.groupmodifimagarti{
position: absolute;
background: transparent;
}
.card-question-epingle p{
font-weight: 600;
color: #123350;
font-size: 13px;
margin-bottom: 0px;
}
.card-question-epingle:hover p{
font-weight: 600;
color: #3e70ae;
font-size: 13px;
margin-bottom: 0px;
}
.btn-filtrer-prod{
font-size: 13px;
font-weight: 600;
font-family: "Nunito";
border-radius: 30px;
box-shadow: 0 15px 35px rgba(168, 168, 211, 0.1), 0 5px 15px rgba(210, 213, 219, 0.06);
border: 1px solid;
color: #32364a;
margin-bottom: 10px;
}
.btn-filtrer-prod.open{
border: 1px solid #32364a;
background-color:#32364a ;
color:white;
}
.btn-filtrer-prod.active{
border: 1px solid #263bff;
background-color:#263bff ;
color:white;
}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}
.image-list-album{
background: rgba(220, 220, 220, 0.26);
min-height: 90px;
border: 1px solid rgba(220, 220, 220, 0.48);
margin-top:40px;
}
.image-list-album li{
display: inline-block;
width: 80px;
border: 1px solid gainsboro;
margin: 5px;
vertical-align: middle;
}
.image-list-album li img{
width: 100%;
}
.avis-prod {
padding: 20px;
border-radius: 4px;
border: 1px solid rgba(220, 220, 220, 0.19);
margin: 5px;
background: rgba(240, 240, 240, 0.52);
}
.avis-prod .date{
display: block;
margin: 10px;
margin-top: 0px;
font-size: 0.9em;
color: #979797;
float: right;
}
.avis-prod a{
float: right;
border: 1px solid gainsboro;
margin-top: -8px;
}
.avis-prod p {
padding: 10px;
font-size: 1.1em;
color: dimgray;
font-weight: 600;
}
.itemactulienc{
text-align: left;
padding: 4px;
color: #585858;
min-height: 48px;
font-weight: 700;
font-size: 0.9em;
border: 1px solid rgba(220, 220, 220, 0.77);
border-radius: 4px;
}
.itemactulienc img{
width: 35px;
height: 35px;
line-height: 33px;
border: 1px solid rgba(186, 186, 186, 0.78);
border-radius: 50%;
margin-right: 5px;
}
.itemactulienc a{
float: right;
margin-top: 4px;
border-radius: 50px;
font-weight: 600;
}
.sidebar-list__title .user-img{
width: 20px!important;
height: 20px!important;
line-height: 16px!important;
}
.itemactulien{
text-align: left;
padding: 4px;
color: #585858;
font-weight: 700;
min-height: 48px;
font-size: 0.9em;
border: 1px solid rgba(220, 220, 220, 0.77);
border-radius: 4px;
}
.itemactulien img{
width: 35px;
height: 35px;
line-height: 33px;
border: 1px solid rgba(186, 186, 186, 0.78);
border-radius: 50%;
margin-right: 5px;
}
.itemactulien a{
float: right;
border-radius: 50px;
font-weight: 600;
margin-top: 4px;
}
.choixelementsearch a{
background: #0095ff;
}
.choixelementsearch{
font-size: 0.8em;
margin: 5px;
text-align: left;
}
.bodytablerecherche{
margin-top: 25px;
margin-bottom: 25px;
border-radius: 4px;
/* border: 1px solid rgba(220, 220, 220, 0.6); */
padding: 5px;
}
.btn.blue-dark-hollow {
border-color: #0057D8;
color: #0057D8;
font-weight: 600;
margin-top: 20px;
font-size: 12px;
}
.btn.blue-dark-hollow:hover {
background: #CCE0FF;
border-color: #0049B0;
color: #0049B0;
}
.previewactuelement {
position: absolute;
min-width: 330px;
background: white;
text-align: center;
right: 0px;
left: 0px;
margin: 0 auto;
border-radius: 4px;
box-shadow: 0 7px 9px 2px rgba(0, 0, 0, 0.13), 0 3px 4px rgba(107, 107, 107, 0.38);
z-index: 999;
/* border: 1px solid rgba(162, 162, 162, 0.29); */
min-height: 130px;
top: 24px;
}
.previewactuelement label{
color:grey;
margin-top: 5px;
}
.previewactuelement img{
float: none!important;
height: auto;
border-radius: 0px;
width:100%!important;
}
.logoentpreview {
top: 35px;
box-shadow: 5px 4px 15px rgba(39, 21, 114, 0.12);
background: white;
line-height: 79px;
border: none;
left: 33px;
border-radius: 15px;
overflow: hidden;
}
.parentpreviewactuel{
position: relative;
overflow: inherit;
}
.funkyradio div {
clear: both;
overflow: hidden;
}
.funkyradio label {
width: 100%;
border-radius: 3px;
border: 1px solid #D1D3D4;
font-weight: normal;
}
.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
display: none;
}
.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
position: relative;
line-height: 2.5em;
text-indent: 3.25em;
margin-top: 2em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
content: '';
width: 2.5em;
background: #D1D3D4;
border-radius: 3px 0 0 3px;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
color: #888;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
content: '\2714';
text-indent: .9em;
color: #C2C2C2;
}
.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
color: #777;
}
.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
content: '\2714';
text-indent: .9em;
color: #333;
background-color: #ccc;
}
.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
box-shadow: 0 0 0 3px #999;
}
.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
color: #333;
background-color: #ccc;
}
.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #337ab7;
}
.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #5cb85c;
}
.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #d9534f;
}
.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #f0ad4e;
}
.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #5bc0de;
}
.previewloader{
width: 56px!important;
/* margin: 0 auto; */
height: 56px!important;
float: none!important;
margin-top: 32px!important;
}
.sstitreprod{
color: #17163f;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
word-wrap: normal;
display: inline-block;
font-family: "NUnito";
font-size: 13px;
}
.action-actualite .btn.suppactu{
display: block;
width: 100%;
color: white!important;
background: #e94948!important;
/* box-shadow: 0 15px 35px rgba(37, 37, 197, 0.07), 0 5px 15px rgba(32, 66, 125, 0.06); */
/* border-radius: 50px; */
display: inline-block;
width: auto;
font-weight: 600;
border: none!important;
}
.action-actualite .btn.suppavisflux{
display: block;
width: 100%;
color: white!important;
background: #e94948!important;
/* box-shadow: 0 15px 35px rgba(37, 37, 197, 0.07), 0 5px 15px rgba(32, 66, 125, 0.06); */
/* border-radius: 50px; */
display: inline-block;
width: auto;
font-weight: 600;
border: none!important;
}
.suppactu{
display: block;
width: 100%;
color: white!important;
background: #e94948!important;
/* box-shadow: 0 15px 35px rgba(37, 37, 197, 0.07), 0 5px 15px rgba(32, 66, 125, 0.06); */
/* border-radius: 50px; */
display: inline-block;
width: auto;
font-weight: 600;
border: none!important;
}
.suppactu:hover{
}
.suppavisflux{
display: block;
width: 100%;
color: white!important;
background: #e94948!important;
/* box-shadow: 0 15px 35px rgba(37, 37, 197, 0.07), 0 5px 15px rgba(32, 66, 125, 0.06); */
/* border-radius: 50px; */
display: inline-block;
width: auto;
font-weight: 600;
border: none!important;
}
.suppavisflux:hover{
}
.mce-panel{
border: 1px solid gainsboro!important;
border-radius: 4px!important;
}
.block-with-text {
overflow: hidden;
position: relative;
line-height: 1.2em;
max-height: 3.6em;
text-align: justify;
margin-right: -1em;
padding-right: 1em;
}
.block-with-text:before {
content: '...';
position: absolute;
right: 0;
bottom: 0;
}
.block-with-text:after {
content: '';
position: absolute;
right: 0;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: white;
}
.input100 {
font-size: 16px;
color: #09081c;
line-height: 1.2;
display: block;
width: 100%;
height: 58px;
border: 1px solid rgba(191, 201, 209, 0.59)!important;
border-radius: 45px!important;
background: transparent!important;
padding: 0 20px 0 23px;
outline: none;
border: none!important;
box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.1)!important;
-moz-box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.1)!important;
-webkit-box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.1)!important;
-o-box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.1)!important;
-ms-box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.1)!important;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.submitregister{
padding: 20px!important;
padding-left: 50px!important;
padding-right: 50px!important;
border-radius: 50px!important;
box-shadow: 0 15px 35px rgba(37, 37, 136, 0.15), 0 5px 15px rgba(0, 0, 0, 0.12)!important;
}
.bg-radial-gradient-blue-1 {
background-image: -webkit-radial-gradient(circle closest-corner at 50% 70%, #0AAAFF, #1940A9 99%);
background-image: radial-gradient(circle closest-corner at 50% 70%, #0AAAFF, #1940A9 99%);
}
.choixmarqueprod:hover{
background: #35d549;
cursor:pointer;
}
.block-rechercher-bot{
}
.knowbadge{
width: 100%;
border-radius: 8px;
/* box-shadow: 0 15px 35px rgba(43, 43, 224, 0.18), 0 5px 15px rgba(47, 107, 183, 0.22)!important; */
overflow: hidden;
display: inline-block;
margin: 3px;
background: #21308d;
background-size: cover;
background-position: center center;
position: relative;
z-index: 14;}
.knowbadge .filter{
background: linear-gradient(150deg,rgba(33, 23, 114, 0.79) 15%,#121084ed 70%,rgba(14, 33, 118, 0.94) 94%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.knowbadge .btitre{
position:relative; padding: 10px; text-align: center;
}
.knowbadge .titre{
padding: 2px 4px; padding-top: 4px; font-family: "Nunito"; font-size: 12px;font-weight:800;border:none!important;color:white!important;
}
.knowbadge .titre a{
color:white!important; color: white!important;
display: inline-block;
width: 100%;
white-space: nowrap;
word-wrap: break-word;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: -5px;
}
.itemtabbot{
color: #696969;
text-align: center;
cursor: pointer;
margin: 3px;
background: rgba(220, 220, 220, 0.57);
padding: 12px;
margin: 5px;
font-size: 1.2em;
border-radius: 1.3em;
font-weight: 600;
margin-left: 0px;
margin-right: 0px;
}
.tabbot{
position: absolute;
width: 100%;
bottom: 0;
}
.itemtabbot:hover{
color:white;
background: #999;
}
.itemtabbotcheck {
color:white;
background: #007eff;
}
.itsbotloader{
padding: 12px;
margin: 5px;
background: #0084FF;
color: white;
font-size: 1.2em;
border-radius: 1.3em;
display: inline-block;
font-weight: 600;
margin-left: 0px;
margin-right: 0px;
}
.itemrechbot{
padding: 12px;
margin: 5px;
font-size: 1.2em;
border-radius: 1.3em;
display: inline-block;
font-weight: 600;
margin-left: 0px;
margin-right: 0px;
}
body.dragging, body.dragging * {
cursor: move !important;
}
.dragged {
position: absolute;
opacity: 0.5;
z-index: 2000;
}
ol.recherche-marque-produit-catalogue li {
list-style-type: none;
counter-increment: repas; /* on incrémente le compteur à chaque nouveau li */
margin-bottom: 5px;
}
/*
ol.recherche-marque-produit-catalogue li:before {
content: counter(repas);
padding: 3px 12px 3px;
margin-right: 8px;
vertical-align: middle;
background: #598fc4;
-moz-border-radius: 60px;
border-radius: 60px;
font-weight: bold;
position: absolute;
font-size: 0.8em;
color: white;
right: -8px;
z-index: 1;
}
*/
.sidebarico{
position: fixed;left: 0px;
min-height: 860px;
z-index: 2;
top:44px;
/* padding-top: 15px; */
box-shadow: 0px 0px 0px;
background: white;
border: none;
height: 100%;
border: 1px solid #D5DCE7;
}
.sidebarico .sidebar-body section .sidebar-list .sidebar-list__item a h5 .user-img{
margin-right: 0px!important;
}
ol.recherche-marque-produit-catalogue li.placeholder {
position: relative;
/** More li styles **/
}
ol.recherche-marque-produit-catalogue li.placeholder:before {
position: absolute;
/** Define arrowhead **/
}
.separatorquestion{
font-weight: 700;
font-family: "Signika", sans-serif;
font-size: 15px;
color: #337ab7;
border-bottom: 1px solid rgba(195, 195, 195, 0.18);
margin-bottom: 12px;
padding-bottom: 5px;
margin-left: 10px;
margin-right: 10px;
}
.itsbot{
background: #0084FF;
color: white;
}
#botmessage:focus{
border:1px solid #0084FF!important;
}
#botmessage:focused{
border:1px solid #0084FF!important;
}
#botmessage
{
border: 1px solid rgba(0, 0, 0, .10);
}
.botitem{
text-align: left;
}
.botvisiteur{
text-align: right;
}
.itsvisiteur{
background: rgba(220, 220, 220, 0.57);
color: dimgray;
}
.blockborderblue{
border-bottom: 1px solid rgba(220, 220, 220, 0.58);
border-top: 1px solid rgba(220, 220, 220, 0.58);
padding-bottom: 15px;margin-top:30px;
padding-top: 15px;margin-bottom: 30px;
border-left: 4px solid rgba(79, 125, 181, 0.85);
padding-left: 15px;
border-right: 1px solid rgba(220, 220, 220, 0.58);
border-radius: 4px;padding-right: 15px;
}
.dropdownbutton{
position: relative;
}
.dropdown-menu-button{
position: absolute!important;
top: 100%!important;
left: 40px!important;
z-index: 1000!important;
display: none;
float: left!important;
min-width: 10rem!important;
padding: .5rem 0!important;
margin: .125rem 0 0!important;
font-size: 1rem!important;
color: #292b2c!important;
text-align: left!important;
right: 40px;
list-style: none!important;
background-color: #fff!important;
-webkit-background-clip: padding-box!important;
background-clip: padding-box!important;
border: 1px solid rgba(0,0,0,.15)!important;
border-radius: .25rem!important;
box-shadow: 0px 0px 0px;
}
.dropdown-menu-button:after {
border-bottom: 6px solid #464545!important;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
display: inline-block;
right: 6%;
position: absolute;
top: -6px;
display:none;
}
.dropdown-menu-button .dropdown-item i{
margin-right: 5px;
vertical-align: middle;
color: #1479b8;
}
.dropdown-menu-button .dropdown-item{
display: block!important;
width: 100%!important;
padding: 5px 1.5rem!important;
clear: both!important;
font-size: 12px;
font-weight: 600!important;
color: #292b2c!important;
text-align: inherit!important;
white-space: nowrap!important;
background: 0 0!important;
border: 0!important;
}
.dropdown-menu-button .dropdown-item:hover{
background: #337ab7!important;
color:white!important;
}
.custom-control {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-height: 1.5rem;
padding-left: 1.5rem;
margin-right: 1rem;
cursor: pointer;
line-height: 15px;
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-radio .custom-control-input:checked~.custom-control-indicator {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.custom-control-input:checked~.custom-control-indicator {
color: #fff;
background-color: #0275d8;
}
.custom-radio .custom-control-indicator {
border-radius: 50%;
}
.custom-control-indicator {
position: absolute;
top: .25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #ddd;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 50% 50%;
background-size: 50% 50%;
}
.questionrep{
padding: 10px;
padding-left: 0px;
padding-bottom: 0px;
font-weight: 500;
margin-top: 8px;
color: #828282;
border: 1px solid rgba(220, 220, 220, 0.1);
padding-bottom: 10px;
font-style: italic;
background: rgba(243, 243, 243, 0.75);
padding: 10px;
border-radius: 4px;
}
.questionrep .fa-quote-right{
font-size: 12px;margin-left: 2px;margin-right: 2px;
}
.questionrep .fa-quote-left{
font-size: 12px;margin-left: 2px;margin-right: 5px;
}
.questionrep .text-left{
font-weight: 600;
color: #4e4e4e;
margin-bottom: 8px;
font-style: initial;
}
.questionrep i{
font-size: 13px;
vertical-align: middle;
color: #bbbbbb;
}
.voirplusbotrech{
position: absolute;
top: 40%;
bottom: 0;
vertical-align: middle;
right: 4px;
background: white;
height: 90px;
border: 1px solid rgba(220, 220, 220, 0.48);
width: 90px;
text-align: center;
line-height: 86px;
cursor: pointer;
font-size: 25px;
color: #646464;
box-shadow: 3px 4px 7px rgba(128, 128, 128, 0.19);
}
.voirplusbotrech a{
width: 100%;
display: block;
}
.voirplusbotrech:hover{
box-shadow: 3px 4px 7px rgba(128, 128, 128, 0.39);
}
.voirplusbotrech i {
color: #646464;
}
#loader-2 span{
display: inline-block;
width: 12px;
height: 12px;
border-radius: 100%;
background-color: #ffffff;
margin: 0px 0px;
}
#loader-2 span:nth-child(1){
animation: bounce 1s ease-in-out infinite;
}
#loader-2 span:nth-child(2){
animation: bounce 1s ease-in-out 0.33s infinite;
}
#loader-2 span:nth-child(3){
animation: bounce 1s ease-in-out 0.66s infinite;
}
#partageplannif{
display: block;
font-size: 11px;
color: black;
margin-top: 9px;
text-decoration: underline;
}
.daterangepicker{
box-shadow: 0px 0px 0px!important;
}
.groupplannif .daterangepicker{
position: relative;
width: 100%!important;
left: 0!important;
right: 0!important;
top: 0!important;
border: none;
display: block!important;
margin-bottom: -35px;
}
.daterangepicker.openscenter:before {
display:none!important;
}
.daterangepicker.ltr .calendar.left{
float: none!important;
text-align: center!important;
margin: 0 auto!important;
max-width: 315px!important;
}
.daterangepicker.ltr .ranges {
float: none!important;
width: 100%!important;
text-align: center!important;
margin-top: 30px!important;
border-top: 1px solid gainsboro!important;
padding-top: 10px!important;
}
.daterangepicker.ltr .ranges {
float: none!important;
width: 100%!important;
text-align: center!important;
margin-top: 30px!important;
border-top: 1px solid gainsboro!important;
padding-top: 10px!important;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
padding-left: 16px!important;
font-weight: 700!important;
font-size: 15px!important;
border: 1px solid gainsboro!important;
border-radius: 3px!important;
width: 68px!important;
height: 30px!important;
border: 2px solid #357ebd!important;
}
.daterangepicker .calendar-time {
border-bottom: 1px solid gainsboro!important;
padding-bottom: 20px!important;
font-size: 20px!important;
font-weight: 700!important;
padding-top: 12px;
}
.daterangepicker .daterangepicker_input i {
font-size: 30px!important;
color: #2479c3!important;
top: 13px!important;
font-weight: 400;
}
/* #google_translate_element{
position: fixed;
top: 45px;
height: 30px;
width: 100%;
padding-right: 5px;
z-index: 999;
border: 1px solid gainsboro;
background: white;
text-align: right;
}
.skiptranslate iframe{
z-index: 1000;
top: 45px;
}*/
.thumnailrealisation{
height:300px;
}
.dd-button-tel{
display: inline-block;
border-radius: 4px;
padding: 10px 30px 10px 20px;
background-color: #ffffff;
cursor: pointer;
white-space: nowrap;
background: transparent;
padding: 0px;
text-align: center;
margin-left: 11px;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 13px;
width: 22px;
height: 9px;
color: white;
}
.dd-button-tel:after {
content: '';
position: absolute;
top: 54%;
right: 10px;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #ffffff;
}
.dd-button-tel-noc:after {
content: '';
position: absolute;
top: 54%;
right: 10px;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #fff;
}
input[type="radio"].styleradio{
position: absolute;
right: 9000px;
}
.form-check label .label-text{
cursor: pointer;
}
input[type="radio"].styleradio + .label-text:before{
content: "\f10c";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing:antialiased;
width: 1em;
display: inline-block;
margin-right: 5px;
}
input[type="radio"].styleradio:checked + .label-text:before{
content: "\f192";
color: #2686d4;
}
input[type="radio"].styleradio:disabled + .label-text{
color: #aaa;
}
input[type="radio"].styleradio:disabled + .label-text:before{
content: "\f111";
color: #ccc;
}
.dd-button-tel-noc{
display: inline-block;
border-radius: 4px;
padding: 10px 30px 10px 20px;
background-color: #ffffff;
cursor: pointer;
white-space: nowrap;
background: transparent;
padding: 0px;
text-align: center;
margin-left: 11px;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 13px;
width: 17px;
height: 6px;
color: white;
}
.thumnailrealisation .thumbnail-image{
height: 160px;
overflow: hidden;
position: relative;
line-height: 160px;
vertical-align: middle;
background-size: cover;
background-position: center center;
}
.thumnailrealisation .thumbnail-image img{
overflow: auto;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;max-height: inherit;
}
.thumnailrealisation .caption{
height: 90px;
}
.thumnailrealisation .caption .titlereal{
padding-top: 10px;
}
.thumnailrealisation .caption .titlereal p{
color: #b5b5b5;
font-size: 12px;
margin-top: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-word;
padding: 10px;
max-height: 25px;
}
.btnversionabo{
text-align: center;
display: block;
padding: 8px;
color: white;
margin-bottom: 0px;
border: none;
background: rgb(108, 202, 167);
font-weight: 600;
margin-top: 10px;
}
.btnversionabo a{
display: block;
width: 100%;
color: white;
}
.each-table{
padding: 1px;
}
.pricing-table .each-table .table-single {
position: relative;
padding: 40px 30px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pricing-table .each-table .table-single .section-heading {
margin-bottom: 15px;
font-weight: 700;
}
.pricing-table .each-table .table-single .meta-price {
line-height: 60px;
margin-bottom: 0px;
}
.pricing-table .each-table .table-single .meta-price .period,
.pricing-table .each-table .table-single .meta-price .currency {
font-size: 16px;
}
.pricing-table .each-table .table-single .meta-price .currency {
position: relative;
}
.pricing-table .each-table .table-single .meta-price .rate {
font-size: 45px;
font-weight: 200;
}
.pricing-table .each-table .table-single .nav {
padding-left: 0px;
margin-top: 40px;
background: #0e8ce6;
padding-top: 14px;
border-radius: 6px;
}
.pricing-table .each-table .table-single .nav li {
margin-bottom: 14px;
border-bottom: 1px solid rgba(255, 255, 255, 0.66);
padding-bottom: 14px;
}
.pricing-table .each-table .table-single-list .nav li {
margin-bottom: 14px;
border-bottom: 1px solid rgba(183, 183, 183, 0.39);
padding-bottom: 14px;
font-weight: 600;
}
.pricing-table .each-table .table-single-list .nav {
padding-left: 0px;
margin-top: 0px;
padding-top: 14px;
border-radius: 6px;
background: whitesmoke;
}
.table-single-list{
margin-top: 56px;
}
.pricing-table .each-table .table-single .nav li:last-child {
border-bottom: 0px solid;
padding-bottom: 0px;
}
.pricing-table .each-table .table-single .btn-form {
margin-top: 50px;
border-top: 1px solid rgba(255, 255, 255, 0.27);
padding-top: 22px;
margin-bottom: -22px;
}
.img-raised {
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.table-single {
background: #71aee2;
color: #fff;
width: 100%;
border: 1px solid rgba(16, 91, 119, 0.33);
border-radius: 6px;
}
.marker-map {
background-image: url('/dist/img/marker-map-custom2.png');
background-size: cover;
width: 30px;
height: 50px;
cursor: pointer;
}
.mapboxgl-popup {
max-width: 300px;
}
.mapboxgl-popup-content p {
margin-bottom: 0px;
text-align: center;
}
.mapboxgl-popup-content h3 {
text-align: center;
font-size: 18px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.mapboxgl-popup-content{
padding: 20px!important;
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen {
margin: 0!important;
}
.mapboxgl-ctrl-icon.mapboxgl-ctrl-shrink {
margin: 0!important;
}
.mapboxgl-ctrl-group > button {
margin: 0!important;
}
.thumnailrealisation .caption .titlereal .prod-name{
font-size: 12px;
}
.thumnailrealisation .caption-action{
height: 40px; padding: 18px;
padding-bottom: 0px;
padding-top: 0px;
}
.action-actualite .btn.shareactusocial{
background: #6091F8!important;
}
.grosbtndevis:hover{
box-shadow: 0 24px 44px rgba(114, 89, 0, 0.45), 0 12px 22px rgba(163, 102, 25, 0.12)!important;
-webkit-transform: translateY(-0.25em);
transform: translateY(-0.25em);
}
.grosbtnrep:hover{
box-shadow: 0 24px 44px rgba(0, 114, 46, 0.45), 0 12px 22px rgba(163, 102, 25, 0.12)!important;
-webkit-transform: translateY(-0.25em);
transform: translateY(-0.25em);
}
@keyframes bounce{
0%, 75%, 100%{
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
25%{
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
}
.three{
padding: 3px;
}
.carousel-inner.onebyone-carosel { margin: auto; width: 90%; }
.onebyone-carosel .active.left { left: -33.33%; }
.onebyone-carosel .active.right { left: 33.33%; }
.onebyone-carosel .next { left: 33.33%; }
.onebyone-carosel .prev { left: -33.33%; }
@-webkit-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-ms-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes uil-spin-css {
0% {
opacity: 1;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
100% {
opacity: 0.1;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.uil-spin-css > div {
width: 24px;
height: 24px;
margin-left: 4px;
margin-top: 4px;
position: absolute;
}
.uil-spin-css > div > div {
width: 100%;
height: 100%;
border-radius: 15px;
background: #f2f2f2;
}
.uil-spin-css > div:nth-of-type(1) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0s;
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
.uil-spin-css > div:nth-of-type(1) {
-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(2) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.12s;
-moz-animation-delay: 0.12s;
-webkit-animation-delay: 0.12s;
-o-animation-delay: 0.12s;
animation-delay: 0.12s;
}
.uil-spin-css > div:nth-of-type(2) {
-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(3) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-webkit-animation-delay: 0.25s;
-o-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.uil-spin-css > div:nth-of-type(3) {
-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(4) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.37s;
-moz-animation-delay: 0.37s;
-webkit-animation-delay: 0.37s;
-o-animation-delay: 0.37s;
animation-delay: 0.37s;
}
.uil-spin-css > div:nth-of-type(4) {
-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(5) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.uil-spin-css > div:nth-of-type(5) {
-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(6) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.62s;
-moz-animation-delay: 0.62s;
-webkit-animation-delay: 0.62s;
-o-animation-delay: 0.62s;
animation-delay: 0.62s;
}
.uil-spin-css > div:nth-of-type(6) {
-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(7) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.75s;
-moz-animation-delay: 0.75s;
-webkit-animation-delay: 0.75s;
-o-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.uil-spin-css > div:nth-of-type(7) {
-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(8) > div {
-ms-animation: uil-spin-css 1s linear infinite;
-moz-animation: uil-spin-css 1s linear infinite;
-webkit-animation: uil-spin-css 1s linear infinite;
-o-animation: uil-spin-css 1s linear infinite;
animation: uil-spin-css 1s linear infinite;
-ms-animation-delay: 0.87s;
-moz-animation-delay: 0.87s;
-webkit-animation-delay: 0.87s;
-o-animation-delay: 0.87s;
animation-delay: 0.87s;
}
.uil-spin-css > div:nth-of-type(8) {
-ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
-moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
-o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}
.alpha-hashtag{
color:rgba(41, 89, 191, 0.85);
font-weight: bold;
}
.typing-indicator {
background-color: #263bff;
width: auto;
border-radius: 14px;
padding: 7px;
display: table;
/* margin: 0 auto; */
position: relative;
-webkit-animation: 2s bulge infinite ease-out;
animation: 2s bulge infinite ease-out;
margin-left: 20px;
margin-bottom: 12px;
width: 93%;
}
.typing-indicator span {
height: 7px;
width: 7px;
float: left;
margin: 0 1px;
background-color: #337ab7;
display: block;
border-radius: 50%;
opacity: 0.4;
}
.typing-indicator span:nth-of-type(1) {
-webkit-animation: 1s blink infinite 0.3333s;
animation: 1s blink infinite 0.3333s;
}
.typing-indicator span:nth-of-type(2) {
-webkit-animation: 1s blink infinite 0.6666s;
animation: 1s blink infinite 0.6666s;
}
.typing-indicator span:nth-of-type(3) {
-webkit-animation: 1s blink infinite 0.9999s;
animation: 1s blink infinite 0.9999s;
}
.mdalavisprod{
position: fixed;
max-width: 600px;
width: 90%;
z-index: 5000;
font-size: 1.1em;
pointer-events: visible;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0);
display: none;
overflow: inherit;
bottom: inherit;
overflow: hidden;
box-shadow: 2px 5px 5px rgba(27, 27, 27, 0.31);
border-radius: 3px;
}
.mdalavisprod .modal__inner{
padding: 2.5em;
padding-top: 0px;
color: #3a3737;
background: #fff;
height: 100%;
}
body + .modal--open {
overflow: hidden;
}
.modal--open + .overlayavispord {
pointer-events: visible;
opacity: 1;
}
.modal--open{
display: block!important;
}
.overlayavispord {
position: fixed;
width: 100%;
height: 100vh;
z-index: 4800;
top: 0;
left: 0;
background: rgba(0,0,0,0.5);
opacity: 0;
pointer-events: none;
transition: opacity 0.4s;
}
.alert-default
{
background: #4e86ff;
border: 1px solid rgba(220, 220, 220, 0.54);
line-height: 30px;
box-shadow: 0px 2px 12px -2px rgba(27, 27, 27, 0.29);
text-align: center;
color: white;
margin-bottom: 30px;
}
.alert-default p, .alert-default label
{
margin-bottom: 0px;
}
@-webkit-keyframes 'blink' {
50% {
opacity: 1;
}
}
@keyframes 'blink' {
50% {
opacity: 1;
}
}
@-webkit-keyframes 'bulge' {
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@keyframes 'bulge' {
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
.name-actuloader{
background: rgba(226, 232, 243, 0.38);
height: 15px;
margin-left: 10px;
border-radius: 4px;
-webkit-animation: 2s bulge infinite ease-out;
animation: 2s bulge infinite ease-out;
margin-bottom: 15px;
border-radius: 14px;
}
.description-actuloader{
background: rgba(226, 232, 243, 0.38);
height: 14px;
margin-left: 10px;
border-radius: 4px;
width: 50%;
-webkit-animation: 2s bulge infinite ease-out;
animation: 2s bulge infinite ease-out;
border-radius: 14px;
}
.overlay-cart-loader{
}
@media(max-width:768px){
.user-img {
margin: 0px!important;
}
.colnavmenu{
text-align: right!important;
}
.colnavmenu ul{
text-align: right!important;
}
.colnavmenu ul li{
text-align: left!important;
}
.colnavmenu ul li a img.responsive-img{
width:22px!important;
}
.padding-null{
padding:0!important;
}
.padding-null-cote{
padding-left:0!important;
padding-right:0!important;
}
.imagecomptemodif{
border: none;
overflow: hidden;
width: 80px;
height: 80px;
border: 2px solid rgba(255, 255, 255, 0.66);
border-radius: 50%;
text-align: center;
box-shadow: 4px 3px 9px 0px rgba(128, 128, 128, 0.3);
border: 1px solid rgba(220, 220, 220, 0.61);
line-height: 76px;
vertical-align: middle;
display: inline-block;
background: white;
}
.blocksugquest{
display:block!important;
}
.pvi-hero{
background-size: cover!important;
}
.pvi-hero-overlay{
min-height: 250px!important;
}
.pvi-hero-content {
padding-top:180px!important;
}
.titlenamecompte{
line-height: 40px; color: #616A78!important; font-size: 1.9rem; font-weight: 500; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);
}
.sstitlecompte{
color:#616A78!important;
font-size:0.8em;
}
.message-actu{
font-size: 1em;
}
.blockvignetteevent{
max-height: inherit;
}
}
@media(max-width:968px){
.colnavmenu{
text-align: right!important;
}
.colnavmenu ul{
text-align: right!important;
}
.colnavmenu ul li{
text-align: left!important;
}
.colnavmenu ul li a img.responsive-img{
width:22px!important;
}
.padding-null{
padding:0!important;
}
#admin-dp .item a {
line-height: 40px!important;
}
#message-dp .item a {
line-height: 40px!important;
}
}
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(1, 4, 17, 0.6);
opacity: 0.7;
display: none;
z-index: 1006;
}
/* line 12, sass/simplelightbox.scss */
.sl-wrapper {
z-index: 1000;
}
/* line 14, sass/simplelightbox.scss */
.sl-wrapper button {
border: 0 none;
background: transparent;
font-size: 64px;
padding: 0;
cursor: pointer;
}
/* line 20, sass/simplelightbox.scss */
.sl-wrapper button:hover {
opacity: 0.7;
}
/* line 25, sass/simplelightbox.scss */
.sl-wrapper .sl-close {
display: none;
position: fixed;
right: 30px;
color:white;
top: 30px;
z-index: 1015;
}
/* line 33, sass/simplelightbox.scss */
.sl-wrapper .sl-counter {
display: none!important;
position: fixed;
top: 30px;
left: 30px;
z-index: 1015;
}
/* line 41, sass/simplelightbox.scss */
.sl-wrapper .sl-navigation {
width: 100%;
display: none;
}
/* line 44, sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -10px;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
display: block;
color:white;
z-index: 1015;
font-family: arial sans-serif;
}
/* line 55, sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-next {
right: 40px;
}
/* line 59, sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
left: 40px;
}
/* line 65, sass/simplelightbox.scss */
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 10000;
}
/* line 70, sass/simplelightbox.scss */
.sl-wrapper .sl-image img {
margin: 0;
padding: 0;
display: block;
}
/* line 75, sass/simplelightbox.scss */
.sl-wrapper .sl-image iframe {
border: 0 none;
background: #000;
}
/* line 79, sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: #000;
opacity: 0.8;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
/* line 90, sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
}
/* line 95, sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
}
/* line 100, sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #fff;
z-index: 1005;
}
/* line 111, sass/simplelightbox.scss */
.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
}
/* line 130, sass/simplelightbox.scss */
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@-webkit-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-moz-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-o-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-ms-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
html:lang(en)>body #some-text {
display: block;
}
.count-marque{
font-weight: 600;
font-size: 11px;
margin:0;
}
.pvi-hero svg{
position: absolute;
left: 50%;
margin-left: -200px;
polygon {
stroke-width: 1;
}
}
.morphsearch {
width: 200px;
min-height: 40px;
background: #f1f1f1;
position: absolute;
z-index: 10000;
top: 50px;
right: 50px;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition-property: min-height, width, top, right;
transition-property: min-height, width, top, right;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.morphsearch.open {
width: 100%;
min-height: 100%;
top: 0px;
right: 0px;
}
.morphsearch-form {
width: 100%;
height: 40px;
margin: 0 auto;
position: relative;
-webkit-transition-property: width, height, -webkit-transform;
transition-property: width, height, transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.morphsearch.open .morphsearch-form {
width: 80%;
height: 160px;
-webkit-transform: translate3d(0,3em,0);
transform: translate3d(0,3em,0);
}
.morphsearch-input {
width: 100%;
height: 100%;
padding: 0 10% 0 10px;
font-weight: 700;
border: none;
background: transparent;
font-size: 0.8em;
color: #ec5a62;
-webkit-transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
}
.morphsearch-input::-ms-clear { /* remove cross in IE */
display: none;
}
.morphsearch.hideInput .morphsearch-input {
color: transparent;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.morphsearch.open .morphsearch-input {
font-size: 7em;
}
/* placeholder */
.morphsearch-input::-webkit-input-placeholder {
color: #c2c2c2;
}
.morphsearch-input:-moz-placeholder {
color: #c2c2c2;
}
.morphsearch-input::-moz-placeholder {
color: #c2c2c2;
}
.morphsearch-input:-ms-input-placeholder {
color: #c2c2c2;
}
/* hide placeholder when active in Chrome */
.gn-search:focus::-webkit-input-placeholder {
color: transparent;
}
input[type="search"] { /* reset normalize */
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.morphsearch-input:focus,
.morphsearch-submit:focus {
outline: none;
}
.morphsearch-submit {
position: absolute;
width: 80px;
height: 80px;
text-indent: 100px;
overflow: hidden;
right: 0;
top: 50%;
background: transparent url(img/magnifier.svg) no-repeat center center;
background-size: 100%;
border: none;
pointer-events: none;
transform-origin: 50% 50%;
opacity: 0;
-webkit-transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
transform: translate3d(-30px,-50%,0) scale3d(0,0,1);
}
.morphsearch.open .morphsearch-submit {
pointer-events: auto;
opacity: 1;
-webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
transform: translate3d(-30px,-50%,0) scale3d(1,1,1);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.morphsearch-close {
width: 36px;
height: 36px;
position: absolute;
right: 1em;
top: 1em;
overflow: hidden;
text-indent: 100%;
cursor: pointer;
pointer-events: none;
opacity: 0;
-webkit-transform: scale3d(0,0,1);
transform: scale3d(0,0,1);
}
.morphsearch.open .morphsearch-close {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.morphsearch-close::before,
.morphsearch-close::after {
content: '';
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 50%;
border-radius: 3px;
opacity: 0.2;
background: #000;
}
.morphsearch-close:hover.morphsearch-close::before,
.morphsearch-close:hover.morphsearch-close::after {
opacity: 1;
}
.morphsearch-close::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.morphsearch-close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.morphsearch-content {
color: #333;
margin-top: 4.5em;
width: 100%;
height: 0;
overflow: hidden;
padding: 0 10.5%;
background: #f1f1f1;
position: absolute;
pointer-events: none;
opacity: 0;
}
.morphsearch.open .morphsearch-content {
opacity: 1;
height: auto;
overflow: visible; /* this breaks the transition of the children in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=625289 */
pointer-events: auto;
-webkit-transition: opacity 0.3s 0.5s;
transition: opacity 0.3s 0.5s;
}
.dummy-column {
width: 30%;
padding: 0 0 6em;
float: left;
opacity: 0;
-webkit-transform: translate3d(0,100px,0);
transform: translateY(100px);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;
}
.morphsearch.open .dummy-column:first-child {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.morphsearch.open .dummy-column:nth-child(2) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.morphsearch.open .dummy-column:nth-child(3) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.morphsearch.open .dummy-column {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.dummy-column:nth-child(2) {
margin: 0 5%;
}
.dummy-column h2 {
font-size: 1em;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 800;
color: #c2c2c2;
padding: 0.5em 0;
}
.round {
border-radius: 50%;
}
.dummy-media-object {
padding: 0.75em;
display: block;
margin: 0.3em 0;
cursor: pointer;
border-radius: 5px;
background: rgba(118,117,128,0.05);
}
.dummy-media-object:hover,
.dummy-media-object:focus {
background: rgba(118,117,128,0.1);
}
.dummy-media-object img {
display: inline-block;
width: 50px;
margin: 0 10px 0 0;
vertical-align: middle;
}
.dummy-media-object h3 {
vertical-align: middle;
font-size: 0.85em;
display: inline-block;
font-weight: 700;
margin: 0 0 0 0;
width: calc(100% - 70px);
color: rgba(145,145,145,0.7);
}
.dummy-media-object:hover h3 {
color: rgba(236,90,98,1);
}
/* Overlay */
.overlay-morph {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.morphsearch.open ~ .overlay {
opacity: 1;
}
.iconloadsearchdevis{
color: #445DEF!important;
animation: fa-spin 2s infinite linear!important;
font-size: 1.5em!important;
display: none;
vertical-align: middle;
position: absolute;
top: 41px;
z-index: 999;
right: 10px;
}
.iconloadsearchdevisent{
color: #445DEF!important;
animation: fa-spin 2s infinite linear!important;
font-size: 1.5em!important;
display: none;
vertical-align: middle;
position: absolute;
top: 41px;
z-index: 999;
right: 10px;
}
.form-group-devis .form-check-inline{
background: white;
text-align: left;
font-size: 14px;
font-weight: 800;
padding: 5px 10px;
padding-left: 15px;
padding-top: 7px;
border-radius: 5px;
box-shadow: 1px 7px 18px 0px rgb(3 25 145 / 13%);
}
.form-group-devis .form-check-inline .form-check-input{
cursor: pointer;
}
.form-group-devis .form-check-inline .form-check-particulier{
font-size: 13px;
font-weight: 600;
margin: -7px 0px 0px 3px;
cursor: pointer;
}
.bootstrap-tagsinput {
background-color: #fff;
border: 1px solid rgba(220, 220, 220, 0.94);
display: inline-block;
padding: 4px 6px;
color: #555;
vertical-align: middle;
border-radius: 4px;
max-width: 100%;
line-height: 22px;
cursor: text;
}
.bootstrap-tagsinput input {
border: none;
box-shadow: none;
outline: none;
background-color: transparent;
padding: 0 6px;
margin: 0;
width: auto;
max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
color: #777;
opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
color: #777;
}
.bootstrap-tagsinput input:focus {
border: none;
box-shadow: none;
}
.bootstrap-tagsinput .tag {
margin-right: 2px;
color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
margin-left: 8px;
cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
content: "x";
padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.text-devis{
font-weight: 600;
margin-bottom: 45px;
color: #484848;
font-size: 16px;
font-weight: 700;
font-family: 'Nunito';
color: #222522;
}
.text-devis2{
font-weight: 600;
margin-bottom: 45px;
color: #fff;
}
.text-devis3{
font-weight: 600;
margin-bottom: 45px;
color: #484848;
}
.text-devis4{
font-weight: 600;
margin-bottom: 45px;
color: #484848;
}
.text-devis5{
font-weight: 600;
margin-bottom: 45px;
color: #484848;
}
.form-group-devis label{
font-size: 13px;
font-weight: 600;
font-family: 'Nunito';
color: black;
}
.form-group-devis2 label{
font-size: 1.3rem;
font-weight: 600;
color: #fff;
}
.form-group-devis{
margin-bottom: 35px;
}
.form-group-devis2{
margin-bottom: 35px;
}
.form-group-devis2 input[type="text"]{
border-radius: 5px;
box-shadow: 1px 7px 18px 0px rgb(3 25 145 / 13%);
padding: 0px 20px;
height:50px;
line-height: 27px;
border: none;
}
.form-group-devis2 input[type="email"]{
border-radius: 5px;
box-shadow: 1px 7px 18px 0px rgb(3 25 145 / 13%);
padding: 0px 20px;
height:50px;
line-height: 27px;
border: none;
}
.span-devis{
color: #6772e5;
}
.span-devis2{
color: #5bce91!important;
}
.form-group-devis input[type="text"]{
border-radius: 5px;
box-shadow: 1px 7px 18px 0px rgb(3 25 145 / 13%);
padding: 0px 20px;
height:50px;
line-height: 27px;
border: none;
}
.form-group-devis input[type="email"]{
border-radius: 5px;
box-shadow: 1px 7px 18px 0px rgb(3 25 145 / 13%);
padding: 0px 20px;
height:50px;
line-height: 27px;
border: none;
}
.btn.btn-devis-next{
border-radius: 50px;
padding: 15px 28px;
font-weight: 700;
}
.btn.validdevisrub{
border-radius: 50px;
padding: 15px 28px;
font-weight: 700;
}
.form-group-devis textarea{
border-radius: 5px;
box-shadow: 1px 7px 18px 0px rgb(3 25 145 / 13%);
border: none;
}
.form-group-devis2 textarea{
border-radius: 5px;
box-shadow: 1px 7px 18px 0px rgb(3 25 145 / 13%);
border: none;
}
.form-group-devis-footer{
padding-top: 30px;
margin-top: 30px;
text-align: right;
font-weight: 600;
margin-bottom: 0px;
}
.btn-success-devis{
font-weight: 600;
color: white;
background: #3ecf8e;
}
.bootstrap-tagsinput {
display: block;
}
.bootstrap-tagsinput input {
border: none!important;
}
.plusdinfo:focus{
color: white;
}
.plusdinfo{
color: white;
background: #263bff!important;
margin-top: 5px;
font-size: 13px!important;
border: 1px solid #263bff!important;
font-weight: 700;
display: inline-block!important;
font-family: "Nunito";
outline: none;
}
.plusdinfo:hover{
color: #263bff;
background: white!important;
margin-top: 5px;
font-size: 13px!important;
border: 1px solid #263bff!important;
font-weight: 700;
display: inline-block!important;
font-family: "Nunito";
}
.bootstrap-tagsinput .tag {
font-size: 13px!important;
}
.bootstrap-tagsinput input:focus {
border: none!important;
}
.autcompletelieuxdevis{
display: none;
position: absolute;
background: white;
/* padding-bottom: 2px; */
/* padding-top: 2px; */
width: 100%;
/* border: 1px solid #e9ecef; */
border-radius: 6px;
z-index: 99;
box-shadow: 2px 6px 14px 0px rgb(23 29 61 / 16%);
overflow: hidden;
}
.itemdevis{
width: 100%;
padding: 10px 12px 10px 12px;
border-bottom: 1px solid rgb(228 232 235 / 63%);
word-wrap: normal;
white-space: nowrap;
/* display: flex; */
text-overflow: ellipsis;
font-weight: 600;
cursor: pointer;
overflow: hidden;
font-family: 'Nunito';
font-weight: 500;
}
.itemdevis:last-child {
border-bottom: none; /* Retirer la bordure pour le dernier élément */
}
.itemdevis:hover{
color: white;
background:#445DEF ;
}
.itemdevis.active{
color: white;
background: #445DEF;
}
.autocompleteliste{
position: absolute;
width: 100%;
left:0;right:0;
background: white;
z-index: 9;
border-radius: 6px;
box-shadow: 2px 6px 14px 0px rgb(23 29 61 / 16%);
}
.autocompletelisteitem
{
width: 100%;
padding: 10px 12px 10px 12px;
border-bottom: 1px solid rgb(228 232 235 / 63%);
word-wrap: normal;
white-space: nowrap;
/* display: flex; */
text-overflow: ellipsis;
font-weight: 600;
cursor: pointer;
overflow: hidden;
font-family: 'Nunito';
font-weight: 500;
text-transform: uppercase;
}
.autocompletelisteitem img
{
margin-right: 10px;
border-radius: 6px;
width:17px;
}
.autocompletelisteitem:last-child {
border-bottom: none; /* Retirer la bordure pour le dernier élément */
}
.autocompletelisteitem span
{
vertical-align: middle;
}
.autocompletelisteitem:hover{
background: #445DEF;
color:white;
}
.autocompletelistesiret{
padding-top: 20px;
}
.autocompletelisteitemsiret{
padding: 8px 11px 6px 17px;
margin-bottom: 5px;
font-family: "Signika";
font-size: 13px;
color: #1700e7;
border-radius: 10px;
border: 1px solid;
cursor: pointer;
}
.autocompletelisteitemsiret:hover{
box-shadow: 0 4px 2px 1px rgba(0, 0, 0, .1), 0 1px 6px rgba(107, 107, 107, 0.73);
}
.autocompletelisteitemsiret.selec{
border-color: #3ecf8e;
}
.mapboxgl-ctrl{
display:none!important;
}
@media screen and (max-width: 53.125em) {
.morphsearch-input {
padding: 0 25% 0 10px;
}
.morphsearch.open .morphsearch-input {
font-size: 2em;
}
.dummy-column {
float: none;
width: auto;
padding: 0 0 2em;
}
.dummy-column:nth-child(2) {
margin: 0;
}
.morphsearch.open .morphsearch-submit {
-webkit-transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
transform: translate3d(0,-50%,0) scale3d(0.5,0.5,1);
}
}
@media screen and (max-width: 60.625em) {
.morphsearch {
width: 80%;
top: 10%;
right: 10%;
}
}
.green-lighter {
background: #a5df66;
fill: #a5df66;
stroke: #a5df66;
}
.green-light {
background: #79b544;
fill: #79b544;
stroke: #79b544;
}
.green-norm {
background: #619b37;
fill: #619b37;
stroke: #619b37;
}
.green-dark {
background: #54892f;
fill: #54892f;
stroke: #54892f;
}
.green-darker {
background: #3c6720;
fill: #3c6720;
stroke: #3c6720;
}
.brown-light {
background: #d5bc79;
fill: #d5bc79;
}
.brown-dark {
background: #996d2e;
fill: #996d2e;
}
#cloud1 {
animation: bounce1 2s ease-in-out 0s infinite alternate;
}
#cloud2 {
animation: bounce2 3s ease-in-out 0s infinite alternate;
}
.modal-backdrop{ background: rgba(14, 19, 28, 0.8);
opacity: 1!important;}
.modal-backdrop.in{-webkit-backface-visibility: hidden;}
.interetitem{
display: inline-block;
/* float: left; */
padding: 10px;
padding-bottom: 5px;
width: 120px;
height: 120px;
background: white;
border-radius: 4px;
border: 1px solid #dae1ea;
cursor: pointer;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08)!important;
text-align: center;
padding-top: 14px;
margin: 10px;
margin-top: 15px;
vertical-align: middle;
}
.wrappertimer {
position: relative;
margin: 40px auto;
background: white;
}
.wrappertimer, .wrappertimer * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wrappertimer {
width: 90px;
height: 90px;
}
.wrappertimer .pie {
width: 50%;
height: 100%;
transform-origin: 100% 50%;
position: absolute;
background:transparent;
border: 5px solid rgb(13, 39, 64);
}
.wrappertimer .spinner {
border-radius: 100% 0 0 100% / 50% 0 0 50%;
z-index: 200;
border-right: none;
animation: rota 4s linear infinite ;
}
.wrappertimer:hover .spinner,
.wrappertimer:hover .filler,
.wrappertimer:hover .mask {
animation-play-state: running;
}
.wrappertimer .filler {
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
left: 50%;
opacity: 0;
z-index: 100;
animation: opa 4s steps(1, end) infinite reverse;
border-left: none;
}
.wrappertimer .mask {
width: 50%;
height: 100%;
position: absolute;
background: inherit;
opacity: 1;
z-index: 300;
animation: opa 4s steps(1, end) infinite ;
}
@keyframes rota {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes opa {
0% {
opacity: 1;
}
50%, 100% {
opacity: 0;
}
}
.interetitem.active{
border: 6px solid #3ecf8e;
}
.interetitem img{
width:45px;
}
.question-actu{
font-weight: 800!important;
font-size: 17px!important;
font-family: "Signika";
}
.question-actu p{
font-weight: 700!important;
font-size: 15px!important;
color: #19181a;
}
.question-actu p a{
font-weight: 700!important;
font-size: 15px!important;
color: #19181a;
}
.question-actu a{
font-weight: 700!important;
font-size: 15px!important;
color: #19181a;
}
.interetitem span{
display: block;
font-weight: 700;
font-size: 13px;
margin-top: 10px;
color: #2b3045;
}
.ddropdown {
display: inline-block;
position: relative;
color: #565656;
}
.dd-button {
display: inline-block;
border-radius: 4px;
padding: 10px 30px 10px 20px;
background-color: #ffffff;
cursor: pointer;
white-space: nowrap;
}
.dd-button:after {
content: '';
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #668094;
}
.dd-button:hover {
background-color: #eeeeee;
}
.dd-input {
display: none;
}
.dd-menu {
position: absolute;
top: 100%;
border: 1px solid #5a6b7c40;
border-radius: 4px;
padding: 0;
margin: 2px 0 0 0;
box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
background-color: #ffffff;
list-style-type: none;
z-index: 1;
right: 0;
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.19), 0 5px 15px rgba(0, 0, 0, 0.13);
}
.dd-input + .dd-menu {
display: none;
}
.dd-input:checked + .dd-menu {
display: block;
}
.dd-menu li {
padding: 10px 20px;
cursor: pointer;
white-space: nowrap;
}
.dd-menu li:hover {
background-color: #f6f6f6;
}
.dd-menu li a {
display: block;
margin: -10px -20px;
padding: 10px 20px;
}
.dd-menu li.divider{
padding: 0;
border-bottom: 1px solid #cccccc;
}
.prodmonth{
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
border: 1px solid #c6c6c6;
color: #2a2a2a;
display: inline-block!important;
}
.btnvote{
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
border: 1px solid #c6c6c6;
color: #2a2a2a;
}
.prodmonthdelete i.fa.fa-check{
font-size: 20px;
vertical-align: middle;
}
.prodmonthdelete{
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
background: #2392ec!important;
border: 1px solid #2392ec!important;
display: inline-block!important;
}
.imgvote{
width: 20px;
margin-right: 5px;
vertical-align: middle;
}
.card-real {
float: left;
width: 100%;
margin-bottom: 40px;
}
.card-real .menu-content {
margin: 0;
padding: 0;
list-style-type: none;
}
.card-real .menu-content::before, .card .menu-content::after {
content: '';
display: table;
}
.card-real .menu-content::after {
clear: both;
}
.card-real .menu-content li {
display:flex;
align-items: center;
justify-content: right;
}
.card-real .menu-content a {
color: #fff;
}
.card-real .menu-content li .nameent {
font-size: 13px;
font-weight: 600;
font-family: "Signika";
display: inline-block;
text-shadow: -1px 3px 1px rgba(0, 0, 0, 0.1);
margin-right: 10px;
}
.card-real .menu-content a.blocklogoent {
width: 30px;
height: 30px;
display: block;
border-radius: 5px;
overflow: hidden;
line-height: 25px;
box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.06);
background: white;
}
.card-real .menu-content .blocklogoent {
vertical-align: middle;
width: 30px;
height: 30px;
display: inline-block;
border-radius: 5px;
overflow: hidden;
line-height: 25px;
box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.06);
background: white;
}
.card-real .menu-content span {
position: absolute;
left: 50%;
top: 0;
font-size: 10px;
font-weight: 700;
font-family: 'Open Sans';
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.card-real .wrapper {
background-color: #fff;
min-height: 540px;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0 5px 26px rgba(0, 0, 0, 0.13), 0 7px 12px rgba(0, 0, 0, 0.13);
box-shadow: 0 5px 26px rgba(0, 0, 0, 0.13), 0 7px 12px rgba(0, 0, 0, 0.13);
box-shadow: 4px 10px 24px rgba(25, 65, 124, 0.08), 0 5px 9px rgba(57, 115, 180, 0.06);
}
.card-real .wrapper:hover .data {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.card-real .data {
position: absolute;
bottom: 0;
width: 100%;
-webkit-transform: translateY(calc(74px + 48px));
transform: translateY(calc(74px + 48px));
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.card-real .data .content {
padding: 12px;
position: relative;
z-index: 1;
}
.card-real .author {
font-size: 10px;
color: rgba(231, 239, 246, 0.86);
padding: 10px;
font-weight: 600;
text-align: left;
display: inline-block;
margin-bottom: -10px;
font-family: "Nunito";
margin-top: 0px;
}
.card-real .title {
font-weight: 400;
font-size: 1.4rem;
line-height: 1.2;
margin: 0 0 .75em;
margin-top: 10px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.72);
}
.card-real .text {
height: 66px;
margin: 0;
text-shadow: 0px 1px 1px rgba(10, 33, 62, 0.67);
padding: 10px;
padding-top: 0;
/* max-height: 89px; */
overflow: hidden;
}
.card-real input[type='checkbox'] {
display: none;
}
.card-real input[type='checkbox']:checked + .menu-content {
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}
div.card-real-min .wrapper{
min-height: 440px!important;
}
div.card-real-min .wrapper.list{
min-height: 350px!important;
}
.btn-success-plus-real {
background-color: #35d549;
border-color: #35d549;
color: #fff;
font-family: "Signika";
font-size: 15px;
}
.btn-plus-real {
font-weight: 300;
cursor: pointer;
border: 1px solid transparent;
padding: 13px 20px;
font-size: 14px;
line-height: 1.1;
border-radius: 50px;
transition: all 250ms cubic-bezier(.27,.01,.38,1.06);
}
.btn-success-plus-real:hover {
color: #fff;
background-color: #14af64;
border-color: #35d549;
box-shadow: 0 5px 15px rgba(0,0,0,.05), 0 4px 10px rgba(23,198,113,.25);
}
.example-2 {
position: relative;
}
.example-2 .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 8px;
overflow: hidden;
background: rgba(0, 0, 0, 0.25);
background: linear-gradient(to bottom, rgba(38, 47, 64, 0.05) 0%, rgba(71, 71, 71, 0) 0%, rgba(1, 15, 27, 0.1) 0%, rgba(1, 11, 23, 0.13) 0%, rgba(11, 15, 25, 0.51) 100%);
background: linear-gradient(180deg, rgba(11, 12, 42, 0.6509803921568628) 0%, rgba(14, 20, 50, 0.25882352941176473) 75%);
}
.example-2 .wrapper {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 8px;
overflow: hidden;
}
.example-2 .wrapper:hover .menu-content span {
-webkit-transform: translate(-50%, -10px);
transform: translate(-50%, -10px);
opacity: 1;
}
.example-2 .header {
color: #fff;
padding: 1em;
}
.example-2 .header::before, .example-2 .header::after {
content: '';
display: table;
}
.example-2 .header::after {
clear: both;
}
.example-2 .header .date {
float: left;
font-size: 12px;
}
.example-2 .menu-content {
float: right;
}
.example-2 .menu-content li {
margin: 0 5px;
position: relative;
}
.example-2 .menu-content span {
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.example-2 .data {
color: #fff;
-webkit-transform: translateY(calc(74px + 48px));
transform: translateY(calc(74px + 48px));
}
.example-2 .title a {
color: #fff;
font-weight: 700;
font-size: 16.5px;
padding: 10px;
background: rgba(12, 11, 19, 0.80);
display: block;
border-radius: 4px;
padding-top: 8px;
font-family: "Signika";
}
.example-2 .button {
display: block;
width: 100px;
margin: 2em auto 1em;
text-align: center;
font-size: 13px;
color: #ffffff;
line-height: 1;
position: relative;
font-weight: 800;
background: rgba(5, 6, 13, 0.7607843137254902);
border-radius: 3px;
border: none;
box-shadow: 0 5px 26px rgba(10, 16, 27, 0.42), 0 7px 12px rgba(0, 0, 0, 0.08);
font-family: "Nunito";
}
.example-2 .button:hover::after {
-webkit-transform: translate(5px, -50%);
transform: translate(5px, -50%);
opacity: 1;
}
#code-examples {
position: relative;
overflow: hidden;
border: none!important;
background: rgb(43, 46, 131);
}
.stripes {
position: absolute;
z-index: -1;
width: 100%;
display: grid;
transform: skewY(-12deg);
}
#code-examples .stripes {
z-index: 0;
grid: repeat(2,200px)/1fr repeat(4,minmax(0,250px)) 1fr;
height: 100%;
transform-origin: 100% 100%;
margin-top: -214px;
}
#code-examples .stripes span {
grid-column-end: -2;
}
#code-examples .stripes :first-child {
background: linear-gradient(100grad,rgba(103,114,229,0),rgba(60, 132, 174, 0.3) 50%,#080d4d);
}
#code-examples .stripes :last-child {
grid-column-start: span 2;
background: linear-gradient(100grad,rgba(143,239,251,0),rgba(65, 68, 155, 0.3) 50%,rgba(20, 52, 110, 0.53) 75%,#0e264b);
}
.blockprodflux {
border: none;
background: white;
padding: 15px;
font-size: 1.2rem;
border-radius: 3px;
margin-top: 30px;
margin-bottom: 10px;
position: relative;
margin: 0px;
margin-left: 10px;
background: white;
margin-bottom: 25px;
text-align: left;
padding-bottom: 4px;
box-shadow: 0 15px 56px rgb(161 169 206 / 19%), 3px -6px 45px rgb(225 226 237 / 32%);
}
.blockprodflux .name-actu{
margin-bottom: 15px;
margin-bottom: 15px;
padding-left: 0;
}
.item-prod-flux{
margin-bottom: 0px;
padding:10px 0px 6px 0px;
position: relative;
}
.item-prod-flux:last-child{
border-bottom: none;
}
.item-prod-flux.first{
}
.blockfluxprod .titre-flux span:first-child {
font-size: 14px;
font-family: 'Signika';
}
.blockfluxprod .logo-flux{
width: 80px;
height: 80px;
line-height: 78px;
}
.blockfluxprod .contact-produit-rapide{
font-size: 11px;
display: inline-block;
}
.blockfluxprod .titre-flux span {
display: block;
font-family: "Nunito";
font-size: 12px;
font-weight: 500;
margin-top: 6px;
}
.titre-flux:hover {
color: rgb(8, 16, 108);
}
.item-prod-flux a{display: flex;
justify-content: left;
align-items: center;}
.blocklogo-prod-flux{
display: inline-block;
vertical-align: middle;
}
.logo-prod-flux {
width: 45px;
height: 45px;
line-height: 40px;
border-radius: 8px;
overflow: hidden;
/* padding: 3px; */
border: none;
text-align: center;
margin-right: 10px;
box-shadow: 0 9px 9px rgba(147, 147, 198, 0.1), 0 1px 10px rgba(21, 71, 160, 0.02);
}
.logo-prod-flux img{
}
.content-prod-flux{
font-size: 1.2rem;
display: inline-block;
vertical-align: middle;
color: #515151;
min-width: 0;
}
.titre-prod-flux {
font-size: 12px;
font-weight: 600;
color: #0d1126;
font-family: "Nunito";
}
.titre-prod-flux:hover {
color: rgb(8, 16, 108);
}
.nameemploient a{
color:#04286E!important;
}
.nameemploient .chip{
line-height: 25px;
}
.block-description-emploi{
font-size: 15px;
line-height: 23px;
color: #25283a;
}
.block-description-emploi p{
font-size: 15px;
line-height: 23px;
color: #25283a;
}
.block-description-emploi p strong{
font-size: 16px;
line-height: 23px;
font-weight: 800;
font-family: "Nunito";
color: #25283a;
}
.block-description-emploi ul{
list-style: disc;
}
.block-description-emploi li{
margin-bottom: 15px;
line-height: 20px;
padding-top: 10px;
}
.desc-prod-flux {
font-size: 10px;
margin-top: 3px;
color: #182584;
font-family: "Nunito";
}
.titre-prod-flux:first-letter {
text-transform:capitalize;
}
.blockflux{
display:flex; align-items: center;
}
.itemprodcard:has(.blockflux:hover) {
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
transform: translateY(-3px);
transition: all 0.3s ease;
}
.blocklogo-flux{
display: inline-block;
vertical-align: middle;
padding-left: 15px;
padding-right: 25px;
}
.logo-flux {
width: 45px;
height: 45px;
line-height: 40px;
border-radius: 50%;
overflow: hidden;
/* padding: 3px; */
border: none;
text-align: center;
box-shadow: 0 9px 9px rgba(147, 147, 198, 0.1), 0 1px 10px rgba(21, 71, 160, 0.02);
width: 60px;
height: 60px;
line-height: 48px;
margin-top: -6px;
}
.content-flux{
font-size: 1.2rem;
display: inline-block;
vertical-align: middle;
color: #515151;
min-width: 0;
}
.titre-flux {
font-size: 12px;
font-weight: 600;
color: #0d1126;
font-family: "Nunito";
font-weight: 800; margin-bottom:8px; margin-top:8px;font-size: 15px; text-transform: uppercase; color: black;
}
.blockfluxprod .titre-flux span:first-child {
font-size: 14px;
font-family: 'Signika';
}
.blockfluxprod .logo-flux{
width: 80px;
height: 80px;
line-height: 78px;
}
.blockfluxprod .contact-produit-rapide{
font-size: 11px;
display: inline-block;
}
.blockfluxprod .titre-flux span {
display: block;
font-family: "Nunito";
font-size: 12px;
font-weight: 500;
margin-top: 6px;
}
.titre-flux:hover {
color: rgb(8, 16, 108);
}
.desc-flux {
font-size: 10px;
margin-top: 3px;
color: #182584;
font-family: "Nunito";
font-size: 13px; color: #404040;
}
.titre-flux:first-letter {
text-transform:capitalize;
}
.collapse-content {
overflow: hidden;
max-height: 0;
transition: max-height 0.5s ease-out, padding 0.5s ease-out;
padding: 0 1em; /* Sans la classe active, le padding vertical est zéro */
}
/* Lorsque la réponse est ouverte, on ajoute un padding vertical */
.collapse-content.active {
padding: 1em;
}
/* Une valeur max-height élevée pour permettre l'animation d'ouverture.
Vous pouvez l'ajuster en fonction du contenu */
.collapse-content.active {
max-height: 500px;
}
.question-actu-faq
{
cursor:pointer;
}
.question-actu-faq .chevron {
display: inline-block;
transition: transform 0.3s ease;
font-size: 1.2em;
position: absolute;
right: 10px;
top: 20px;
color: black;
}
.question-actu-faq .chevron svg {
width: 16px;
height: 14px;
}
.question-actu-faq.active .chevron {
transform: rotate(90deg);
}
@media (max-width: 767px) {
.table-row{
display: flex;
flex-direction: column-reverse; /* Inverse l'ordre des colonnes */
}
.important-info {
float: none;
width: 100%;
clear: both;
}
.main-content {
float: none;
width: 100%;
}
}
@media (max-width: 768px) { /* Pour les écrans mobiles */
.btn-primary{
white-space: normal;
}
.blockflux {
flex-direction: column; /* Les enfants seront empilés verticalement */
align-items: center; /* Centrer les éléments horizontalement si besoin */
text-align: center; /* Facultatif : centrer le texte */
width: 100%;
padding-top: 10px;
}
.blocklogo-flux {
display: block; /* Affiche le logo en bloc, donc il prend toute la largeur */
text-align: center; /* Centre le logo si nécessaire */
padding-left: 0;
padding-right: 0;
}
.logo-flux {
margin: 0 auto; /* Centre le logo horizontalement */
display: block; /* Le logo prend toute la largeur disponible */
}
.content-flux { /* Classe contenant le texte (ajoutez-la si elle n'existe pas) */
width: 100%; /* Prend toute la largeur du parent */
text-align: left; /* Optionnel : aligne le texte à gauche */
}
.blocklogo-flux + .content-flux {
margin-top: 10px; /* Ajoute un espace entre le logo et le texte */
}
}
.btn-register {
font-weight: 300;
border: 1px solid transparent;
padding: 13px 20px;
font-size: 14px;
line-height: 1.1;
border-radius: .375rem;
transition: all 250ms cubic-bezier(.27,.01,.38,1.06);
}
.btn-register.btn-pill {
border-radius: 50px;
}
.btn-success-register:hover {
color: #fff;
background-color: #14af64;
border-color: #35d549;
box-shadow: 0 5px 15px rgba(0,0,0,.05), 0 4px 10px rgba(23,198,113,.25);
}
.btn-success-register {
background-color: #35d549;
border-color: #35d549;
color: #fff;
}
a.btn-success-register {
color: white!important;
}
.btn-common-hover {
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}
.fw-600 {
font-weight: 600!important;
}
.mr-1 {
margin-right: 5px!important;
}
.btn-plus-actu {
font-weight: 300;
cursor:pointer;
border: 1px solid transparent;
padding: 13px 20px;
font-size: 14px;
line-height: 1.1;
border-radius: .375rem;
transition: all 250ms cubic-bezier(.27,.01,.38,1.06);
}
.btn-plus-actu.btn-pill {
border-radius: 50px;
}
.btn-success-plus-actu:hover {
color: #fff;
background-color: #14af64;
border-color: #35d549;
box-shadow: 0 5px 15px rgba(0,0,0,.05), 0 4px 10px rgba(23,198,113,.25);
}
.btn-success-plus-actu {
background-color: #35d549;
border-color: #35d549;
color: #fff;
font-family: "Signika";
font-size: 15px;
}
a.btn-success-plus-actu {
color: white!important;
}
.blockplusactu{
padding:30px;
}
.rslinksidebar{
display: inline;
padding: 15px;
/* flex: 0.2; */
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.02), 0 5px 15px rgba(0,0,0,.06);
text-align: center;
background: #ffffff;
width: 35px;
margin: 5px;
line-height: 30px;
height: 35px;
border-radius: 50%;
color: #2392ec;
padding: 0px;
border: 1px solid #ebebeb;
}
.rslinksidebar .sidebar-list__img-wrap {
display: inline;
}
.rslinksidebar .sidebar-list__img-wrap span{
color: #a9bccc;
font-size: 13px!important;
}
@keyframes bounce1 {
from {
transform: translateY(0px);
} to {
transform: translateY(-10px);
}
}
@keyframes bounce2 {
from {
transform: translateY(2px);
} to {
transform: translateY(-18px);
}
}
#messageentbubble{
overflow-y: hidden;
}
.bubblenoc{
bottom: 10px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
transition: all 0.8s;
}
.bubble{
bottom: 10px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
transition: all 0.8s;
}
.bubblerub{
bottom: 0px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
transition: all 0.8s;
}
.bubble.bububleleft{
left:inherit!important;
right: 20px!important;
}
.bubuleintent{
position: fixed;
box-shadow: 0 15px 35px rgba(22, 32, 70, 0.07), 0 5px 15px rgba(36, 63, 97, 0.13);
width: 50px;
height: 50px;
background: #263bff!important;
right: 20px;
bottom: 20px;
border-radius: 50%;
padding: 5px;
z-index: 997;
text-align: center;
cursor: pointer;
}
.bubble.closeb{
bottom: -500vh!important;
}
.bubblerub.closeb{
bottom: -500vh!important;
}
.bubblenoc.closeb{
bottom: -500vh!important;
}
.notifnewmss{
position: fixed;
top: 60px;
background: white;
border-radius: 3px;
z-index: 999;
box-shadow: 0 15px 35px rgba(28, 28, 95, 0.12), 0 5px 15px rgba(33, 71, 119, 0.15);
width: 335px;
right: -49999px;
transition: all 2s;
}
.notifnewmss a{
display: block;
padding: 8px;
text-decoration: none;
}
.titlenotifmess{
margin-bottom: 5px;
font-size: 11px;
color: #afafaf;
}
.blocknotifmess{
max-width: 100%;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
word-break: break-word;
}
.namenotfim{
font-size: 12px;
font-weight: 600;
margin-bottom: 3px;
color: #2c3444;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
vertical-align: middle;
margin-top: 5px;
}
.photonotifmess{
cursor: pointer;
border-radius: 50%;
overflow: hidden;
line-height: 20px;
background: #f3f7f9;
width: 25px;
height: 25px;
text-align: center;
display: inline-block;
margin-bottom: 6px;
/* box-shadow: 0 2px 6px rgba(22, 61, 90, 0.18), 0px 6px 11px 0px rgba(17, 16, 45, 0.18); */
float: left;
margin-right: 8px;
vertical-align: middle;
/* margin-bottom: 0; */
}
.notifmessp{
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
word-break: break-word;
max-width: 100%;
padding: 8px;
padding-top: 5px;
padding-bottom: 5px;
color: #7c7c9c;
}
@media (min-width: 268px){
.bubble{
bottom: 0px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
}
.bubblerub{
bottom: 0px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
}
.bubblenoc{
bottom: 0px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
}
/* .col-left-cliente{
padding-right: 0px!important;
padding-top: 0px!important;
}*/
.descriptionuserblock{
text-align: center;
}
.reponseblock{
padding-left: 15px!important;
}
}
@media (min-width: 768px){
.bubble{
bottom: 0px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
}
.bubblerub{
bottom: 0px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
}
.bubblenoc{
bottom: 0px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
}
#ModalConnect {
width: 600px;
margin: 0 auto;
}
/* .col-left-cliente{
padding-right: 0px!important;
padding-top: 0px!important;
}*/
.descriptionuserblock{
text-align: center;
}
.reponseblock{
padding-left: 75px!important;
}
}
@media (min-width: 1068px){
/* .col-left-cliente{
padding-right: 35px!important;
padding-top: 0px!important;
}
*/
.bubble{
bottom: 10px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
}
.bubblerub{
bottom: 0px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
}
.bubblenoc{
bottom: 10px!important;
right: 0px!important;
left: 0px!important;
top: inherit;
margin:0 auto;
}
.descriptionuserblock{
text-align: left;
}
.reponseblock{
padding-left: 100px!important;
}
}
.cont_icon_menu{
position: relative;
float: left;
margin-right: 20px;
top: 1px;
}
.cont_icon_menu > img {
width: 30px;
z-index: 2;
position: relative;
}
.cont_titulo {
position: relative;
float: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
color: #fff;
}
/*.cont_circle_1 {
position: absolute;
top: -12px;
left: -10px;
width: 64px;
height: 64px;
background-color: #fff;
opacity: 0.3;
z-index: 0;
border-radius:50% ;
animation: animation_circle_1 3s infinite;
animation-direction: alternate;
transform: scale(0);
}
.cont_circle_2 {
position: absolute;
top:-46px;
left: -46px;
width: 128px;
height: 128px;
background-color: #fff;
opacity: 0.2;
z-index: 0;
border-radius:50% ;
animation: animation_circle_1 3s infinite;
animation-direction: alternate;
animation-delay: 0.5s;
transform: scale(0);
}
.cont_circle_3 {
position: absolute;
top:-80px;
left: -80px;
width: 192px;
height: 192px;
background-color: #fff;
opacity: 0.1;
z-index: 0;
border-radius:50% ;
animation: animation_circle_1 3s infinite;
animation-direction: alternate;
animation-delay: 1s;
transform: scale(0);
}
.cont_circle_4 {
position: absolute;
top:-115px;
left: -116px;
width: 256px;
height: 256px;
background-color: #fff;
opacity: 0.1;
z-index: 0;
border-radius:50% ;
animation: animation_circle_1 3s infinite;
animation-direction: alternate;
animation-delay: 1.5s;
transform: scale(0);
}*/
.btnshadowhover:hover{
box-shadow: 0 15px 35px rgba(11, 11, 69, 0.31), 0px 9px 15px rgba(4, 34, 73, 0.35)!important;
transform: translateY(-0.25em);
}
@-webkit-keyframes animation_circle_1 {
from { transform: scale(0); }
to { transform: scale(1); }
}
@-o-keyframes animation_circle_1 {
from { transform: scale(0); }
to { transform: scale(1); }
}
@-moz-keyframes animation_circle_1 {
from { transform: scale(0); }
to { transform: scale(1); }
}
@keyframes animation_circle_1 {
from { transform: scale(0); }
to { transform: scale(1); }
}
.btn-jump.is-active {
-webkit-animation: .4s jump ease infinite alternate;
animation: .4s jump ease infinite alternate;
}
@-webkit-keyframes jump {
0% {
-webkit-transform: scale(1);
transform: scale(1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
}
@keyframes jump {
0% {
-webkit-transform: scale(1);
transform: scale(1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
100% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
}
@keyframes fadeInFromTop {
from {
opacity: 0;
transform: translate3d(0, -20%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.enter-in-viewport {
animation: fadeInFromTop 1s ease-in both;
}
.card-shadow--medium {
box-shadow: 0 8px 16px 0 rgba(40,40,90,.09), 0 3px 6px 0 rgba(0,0,0,.065);
}
.card-base {
background-color: #fff;
border-radius: 5px;
overflow: hidden;
}
a.btn-primary{
background: #263bff;
font-family: "Nunito";
font-weight: 600;
}
button.btn-primary{
background: #263bff;
font-family: "Nunito";
font-weight: 600;
}t
span.btn-primary{
background: #263bff;
font-family: "Nunito";
font-weight: 600;
border-radius: 4px;
}
.info-compte-p{
text-align: center;
margin-bottom: 40px;
font-weight: 600;
font-family: "Nunito";
color: #1c305d;
font-size: 15px;
}
.body-compte {
background: #f9fcff;
}
.mb-compte {
margin-bottom: 50px!important;
}
.info-txt-compte2{
font-family: "Nunito";
color: black;
font-weight: 600;
text-align: left;
margin-bottom: 20px;
font-size: 13px;
}
.noavis{
text-align: center;
/* font-weight: 900; */
color: #979ca9;
font-size: 14px;
display: block;
/* display: inline-block; */
margin: 0 auto;
cursor:pointer;
}
.noavis:hover{
text-decoration:underline;
}
/* Rating Star Widgets Style */
.rating-stars ul {
list-style-type:none;
padding:0;
-moz-user-select:none;
-webkit-user-select:none;
}
.rating-stars ul > li.star {
display:inline-block;
}
/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
font-size:2.5em; /* Change the size of the stars */
color:#ccc; /* Color on idle state */
}
.rating-stars.rating-prod-card ul > li.star > i.fa {
font-size:2.0em; /* Change the size of the stars */
color:#ccc; /* Color on idle state */
}
.rating-stars.rating-prod ul > li.star > i.fa {
font-size:1.5em; /* Change the size of the stars */
color:#ccc; /* Color on idle state */
}
.rating-stars.rating-prod{
position: absolute;
top: 10px;
right: 12px;
z-index: 1;
}
.rating-stars.rating-prod-card{
position: absolute;
top: 10px;
right: 22px;
z-index: 1;
}
.rating-stars.rating-real-card ul > li.star > i.fa {
font-size:1.5em; /* Change the size of the stars */
color:#ccc; /* Color on idle state */
}
.rating-real-card .stars{
margin-bottom: 0px;
}
.rating-stars.rating-real-card{
position: absolute;
top: -5px;
left: 20px;
z-index: 1;
}
/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
color:#FFCC36;
}
/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
color: #F5B702;
}
.shadow-bottom:before {
background: url(img/application-shadow.png) center center no-repeat;
background-size: 180px auto;
content: "";
display: block;
width: 180px;
height: 33px;
position: absolute;
z-index: 0;
bottom: -20px;
left: 50%;
margin-left: -90px;
transition: all .1s linear;
}
#half-stars-example {
/* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
/* make hover effect work properly in IE */
/* hide radio inputs */
/* set icon padding and size */
/* add padding and positioning to half star labels */
/* set default star color */
/* set color of none icon when unchecked */
/* if none icon is checked, make it red */
/* if any input is checked, make its following siblings grey */
/* make all stars orange on rating group hover */
/* make hovered input's following siblings grey on hover */
/* make none icon grey on rating group hover */
/* make none icon red on hover */
}
#half-stars-example .rating-group {
display: inline-flex;
}
#half-stars-example .rating__icon {
pointer-events: none;
}
#half-stars-example .rating__input {
position: absolute !important;
left: -9999px !important;
}
#half-stars-example .rating__label {
cursor: pointer;
/* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
padding: 0 0.1em;
font-size: 35px;
}
#half-stars-example .rating__label--half {
padding-right: 0;
margin-right: -0.6em;
z-index: 2;
}
#half-stars-example .rating__icon--star {
color: #F5B702;
}
#half-stars-example .rating__icon--none {
color: #eee;
}
#half-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
color: red;
}
#half-stars-example .rating__input:checked ~ .rating__label .rating__icon--star {
color: #ddd;
}
.itempresta{
padding: 10px 20px; cursor: pointer; border: 1px solid #dbe3e6; border-radius: 3px; font-weight: 600; color: #0e1d35;
box-shadow: 0 3px 8px rgba(41, 41, 187, 0.1), 0 1px 5px rgba(21, 71, 160, 0.06);
font-size: 15px; margin-bottom: 4px;
background: #f6f8f9;
}
.itempresta:hover{
box-shadow: 0 9px 18px rgba(41, 41, 187, 0.1), 0 1px 10px rgba(21, 71, 160, 0.06);
}
.itempresta.active{
box-shadow: 0 9px 18px rgba(41, 41, 187, 0.1), 0 1px 10px rgba(21, 71, 160, 0.06);
background: #3ecf8e!important;
color:white;
}
.choisepresta:hover{
box-shadow: 0 9px 18px rgba(38, 38, 174, 0.16), 2px 3px 10px rgba(21, 71, 160, 0.06);
}
.itempubplanning{
}
.typepubplanning{
width: 50px;
height: 80px;
display: inline-block;
line-height: 80px;
text-align: center;
border-radius: 3px;
background: #263bff ;
color: white;
font-size: 18px;
vertical-align: middle;
flex: 0 0 3em;
font-weight: 600;
font-family: "Nunito";
}
.blockimgpubplanning{
width: 100px;
height: 80px;
display: inline-block;
vertical-align: middle;
border-radius: 3px;
border: 1px solid #d4dce3;
margin-left: 10px;
flex: 0 0 9em;
}
.blockimgpubplanning div{
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
.blockheadpubplanning{
display: flex;
margin-bottom: 10px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #dce1ef;
}
.imgpubplanning{
}
.blockdescpubplanning{
padding-left: 10px;
line-height: 20px;
min-width: 0;
}
.descpubplanning{
font-size: 12px;
color: #838689;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.titlepubplanning{
font-size: 14px;
font-weight: 900;
font-family: "Nunito";
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: #192030;
}
.modifpubplanning{
padding: 0px 20px;
color:#1c3a69!important;
}
.modifpubplanning a{
cursor:pointer;
color:#3267ba!important;
}
.footer-planning{
display: flex;
}
.supppubplanning{
color:#e94948!important;
}
.supppubplanning a{
color:#e35c41!important;
cursor:pointer;
}
.datepubplanning{
font-weight: 600;
}
.reponse-actu ul{
list-style: disc;
}
.message-actu ul{
list-style: disc;
}
.block-description-produit p{
color: #19181a;
font-weight: 500;
font-size: 16px;
line-height: 1.58;
letter-spacing: -.003em;
text-align: left;
font-family: "Nunito";
}
input.errorregistercompany{
border:1px solid #f13919!important;
}
.map-real .mapboxgl-ctrl{
display:block!important;
}
.map-real .mapboxgl-ctrl-attrib{
display:none!important;
}
.map-real .mapboxgl-ctrl-logo{
display:none!important;
}
.map-real .mapboxgl-popup {
will-change:initial!important;
}
.autocompleteblock {
display:none;
top: 53px;
position: absolute;
padding: 0;
padding-right: 5px;
max-width: 100%;
width: 845px;
padding-left: 5px;
}
.autocompleteblock .auto{
z-index: -1;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
padding: 0;
background: #3a3a3a;
font-family: "Nunito";
font-size: 14px;
font-weight: 800;
color: #1c3a69!important;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
overflow: hidden;
box-shadow: -3px 13px 35px rgba(50,50,93,.1), -1px 3px 15px rgba(0,0,0,.06);
background: white;
}
.autoitem:hover{
background: rgba(243, 247, 249, 0.96);
}
.autoitem.activeauto{
background: rgba(243, 247, 249, 0.96);
}
.autoitem{
padding: 0 20px;
height: 38px;
line-height: 40px;
font-size: 11px;
text-transform: uppercase;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.autoitem a{
display:block;
width:100%;
color:#282d3a;
}
.autoitem a span{
font-weight: 400;
text-transform: initial;
font-size: 12px;
color: #464e59;
font-family: "Open Sans";
}
.autoitem a span:before {
content: "•";
color: #464e59;
margin:0 4px;
}
.autocompleteblock .auto .autoplus{
padding: 0 20px;
height: 42px;
line-height: 43px;
background: #ebf2f3;
}
.autocompleteblock .auto .autoplus a{
display:block;
width:100%;
color:#1c3a69!important;
}
.carouselchapitreright{
position: absolute;
height: 100%;
width: 50px;
top: 0;
cursor: pointer;
color: #666;
right: 0;
}
.carouselchapitreleft{
position: absolute;
height: 100%;
width: 50px;
top: 0;
cursor: pointer;
color: #666;
left: 0;
}
.carouselchapitre-container-right{
display: block;
width: 30px;
height: 30px;
background-color: rgba(255,255,255,0.9);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
border: solid 1px #e6e6e6;
border-radius: 50%;
position: absolute;
top: 38%;
width: 30px;
height: 30px;
left: 20px;
}
.carouselchapitre-container-left{
display: block;
width: 30px;
height: 30px;
background-color: rgba(255,255,255,0.9);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
border: solid 1px #e6e6e6;
border-radius: 50%;
position: absolute;
top: 38%;
width: 30px;
height: 30px;
right: 20px;
}
.carouselchapitre-arrowright{
position: relative;
margin-top: 7px;
margin-left: 10px;
font-size: 15px;
color: rgba(19, 25, 60, 0.79);
}
.carouselchapitre-arrowleft{
position: relative;
margin-top: 7px;
margin-left: 7px;
font-size: 15px;
color: rgba(19, 25, 60, 0.79);
}
@media (max-width: 767px) {
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
}
@media (max-width: 767px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
}
.titlefooter{
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
font-family: "Nunito", Helvetica;
color: #22374d;
padding-bottom: 10px;
}
.listfooter{
}
.listfooter a{
display:block;
}
.copyrights-link a .fa{
font-size: 20px!important;
vertical-align: text-bottom;
margin-right: 5px;
}
/************
CHECKBOX
***********/
.cbx {
position: relative;
top: 1px;
width: 17px;
height: 17px;
border: 1px solid #c8ccd4;
border-radius: 3px;
vertical-align: middle;
transition: background 0.1s ease;
cursor: pointer;
}
.cbx:after {
content: '';
position: absolute;
top: 1px;
left: 5px;
width: 5px;
height: 11px;
opacity: 0;
transform: rotate(45deg) scale(0);
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transition: all 0.3s ease;
transition-delay: 0.15s;
}
.lbl {
margin-left: 10px;
vertical-align: middle;
cursor: pointer;
}
#cbx:checked ~ .cbx {
border-color: transparent;
background: #6871f1;
animation: jelly 0.6s ease;
}
#cbx:checked ~ .cbx:after {
opacity: 1;
transform: rotate(45deg) scale(1);
}
.cntr {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
}
@-moz-keyframes jelly {
from {
transform: scale(1, 1);
}
30% {
transform: scale(1.25, 0.75);
}
40% {
transform: scale(0.75, 1.25);
}
50% {
transform: scale(1.15, 0.85);
}
65% {
transform: scale(0.95, 1.05);
}
75% {
transform: scale(1.05, 0.95);
}
to {
transform: scale(1, 1);
}
}
@-webkit-keyframes jelly {
from {
transform: scale(1, 1);
}
30% {
transform: scale(1.25, 0.75);
}
40% {
transform: scale(0.75, 1.25);
}
50% {
transform: scale(1.15, 0.85);
}
65% {
transform: scale(0.95, 1.05);
}
75% {
transform: scale(1.05, 0.95);
}
to {
transform: scale(1, 1);
}
}
@-o-keyframes jelly {
from {
transform: scale(1, 1);
}
30% {
transform: scale(1.25, 0.75);
}
40% {
transform: scale(0.75, 1.25);
}
50% {
transform: scale(1.15, 0.85);
}
65% {
transform: scale(0.95, 1.05);
}
75% {
transform: scale(1.05, 0.95);
}
to {
transform: scale(1, 1);
}
}
@keyframes jelly {
from {
transform: scale(1, 1);
}
30% {
transform: scale(1.25, 0.75);
}
40% {
transform: scale(0.75, 1.25);
}
50% {
transform: scale(1.15, 0.85);
}
65% {
transform: scale(0.95, 1.05);
}
75% {
transform: scale(1.05, 0.95);
}
to {
transform: scale(1, 1);
}
}
@keyframes float {
0% {
box-shadow: 0 14px 60px 10px rgba(66, 116, 172, 0.375);
transform: translatey(0px);
}
50% {
box-shadow: 0 24px 60px 10px rgba(66, 116, 172, 0.475);
transform: translatey(-20px);
}
100% {
box-shadow: 0 14px 60px 10px rgba(66, 116, 172, 0.375);
transform: translatey(0px);
}
}
.myAnimations {
animation-name: tada;
-webkit-animation-name: tada;
animation-duration: 2s;
-webkit-animation-duration:2s;
}
.videoavis .videoactu
{
width: 100%;
min-height: 275px;
border-radius: 6px;
}
.chip-question {
padding: 10px;
padding-top: 10px;
margin-bottom: 15px;
}
.chip-question a{
display: block;
box-shadow: 0 5px 11px rgba(168, 168, 211, 0.09), -5px -4px 17px rgba(211, 210, 219, 0.04);
border-radius: 8px;
padding: 10px;
padding-bottom: 0px;
}
.chip-question a .l1{
width: 110px;
height: 110px;
margin: 0 auto;
}
.chip-question a .t1{
font-weight: 800;
font-family: "Signika";
color: #1b1f26;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
line-height: 20px;
padding-top: 10px;
}
.chip-question a .c1{
line-height: 24px;
padding: 10px 10px;
}
.chip-question a .d1{
color: #aeb2c5;
font-family: "Nunito";
display: inline-block;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
font-weight: 500;
font-size: 12px;
line-height: 15px;
}
.chip-question a .m1{
font-size: 11px;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
color: #263bff;
font-weight: 300;
}
.itemdocument-entreprise{
box-shadow: 0 5px 11px rgba(168, 168, 211, 0.09), -5px -4px 17px rgba(211, 210, 219, 0.04);
}
.rankbadgeb{
right: 7px;
top: 9px;
position: absolute;
}
.rankbadge{
position:relative;
cursor:pointer;
z-index: 9;
background: #0c123f;
border-radius: 18px;
box-shadow: 0 3px 17px rgba(39, 39, 147, 0.04), 0 5px 10px rgba(162, 181, 215, 0.06);
padding: 5px 10px;
}
.rankimg{
display: inline-block;
}
.rankimg img{
width: 13px;
}
.rankcontent{
display: inline-block;
padding-left: 10px;
font-size: 12px;
font-weight: 700;
color: white;
vertical-align: middle;
font-family: "Nunito";
}
.messageutilise{
background: #092043;
background-image: linear-gradient(150deg,rgba(3, 19, 44, 0.95) 15%,rgba(7, 19, 62, 0.97) 70%,rgba(16, 24, 70, 0.9807843137254902) 94%);
box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
border-radius: 4px;
overflow: hidden;
font-family: 'Nunito';
color: white;
display: inline-block;
position: absolute;
left: 70px;
top: 20px;
padding: 5px 20px;
}
.messageutilise a{
margin-left: 20px;
color: white;
font-size: 14px;
vertical-align: middle;
}
.messageutilise.max{
color:white;
background: #d9534f;
}
.validpubplanning{
color: #3ec66e!important;
margin-left: auto;
}
.validpubplanning a {
background: #3ec66e!important;
color: white;
cursor: pointer;
padding: 5px 15px;
border-radius: 5px;
font-weight: 600;
}
.shadow{
position:relative;
z-index:1;
}
.shadow:after {
top: 0;
left: 0;
content: " ";
height: 100%;
position: absolute;
box-shadow: 0px 40px 126px 0px rgba(113, 138, 178, 0.08);
box-shadow: 0px 40px 126px 0px rgba(96, 121, 161, 0.09);
box-shadow: 0 2px 68px 0 rgba(96, 121, 161, 0.09);
width: 100%;
z-index:-1;
border-radius: 5px;
}
.itemprodcard{
position: relative;
overflow: hidden;
padding: 12px;
padding-top: 17px;
margin-bottom: 15px;
border-radius: 2px;
border: 1px solid #e4e9ef;
border-radius: 8px;
border: none;
box-shadow: 0 5px 19px rgba(168, 168, 211, 0.09), -5px -4px 15px rgba(211, 210, 219, 0.04);
}
.itemprodcard .content-prod-flux .titre-prod-flux{
font-weight: 700;
font-size: 16px;
color: #271d41;
font-family: "Signika";
margin-top: -4px;
}
.itemprodcard .content-prod-flux .desc-prod-flux{
line-height: 1.45;
font-size: 13px;
color: #77838f;
font-family: "Open Sans";
}
.itemprodcard .blocklogo-prod-flux .logo-prod-flux{
width: 60px;
height: 60px;
line-height: 48px;
margin-top: -6px;
box-shadow: 0 9px 9px rgba(147, 147, 198, 0.03), 0 1px 10px rgba(21, 71, 160, 0.02);
}
.tablealpha{
text-align: center;
font-family: "Nunito";border-color: #f4f4f4;border-radius: 8px;overflow: hidden;box-shadow: 0 9px 9px rgba(147, 147, 198, 0.1), 0 1px 10px rgba(21, 71, 160, 0.02);
}
.tablealpha thead{
border-color: #f4f4f4;
font-family: "Signika";
font-size: 14px;
}
.tablealpha thead tr{
border-color: #f4f4f4;
}
.tablealpha thead tr th{
border-color: #f4f4f4;
border-bottom: none;
background: rgba(240, 243, 245, 0.52);
}
.tablealpha tbody{
}
.tablealpha tbody tr{
border-color: #f4f4f4;
}
.tablealpha tbody tr td{
border-color: #f4f4f4;
}
/*.blockprodflux:after{
top: 0;
left: 0;
content: " ";
height: 100%;
position: absolute;
box-shadow: 0px 40px 126px 0px rgba(113, 138, 178, 0.08);
box-shadow: 0px 40px 126px 0px rgba(96, 121, 161, 0.09);
box-shadow: 0 2px 68px 0 rgba(96, 121, 161, 0.09);
width: 100%;
z-index: -1;
border-radius: 5px;
}*/
/*.actuitem:after {
top: 0;
left: 0;
content: " ";
height: 100%;
position: absolute;
box-shadow: 0px 40px 126px 0px rgba(113, 138, 178, 0.08);
box-shadow: 0px 40px 126px 0px rgba(96, 121, 161, 0.09);
box-shadow: 0 2px 68px 0 rgba(96, 121, 161, 0.09);
width: 100%;
z-index:-1;
border-radius: 5px;
}*/
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-control-label::after {
position: absolute;
top: 1px;
left: -1.5rem;
display: block;
width: 12px;
height: 12px;
content: "";
background: no-repeat 50% / 50% 50%;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color:#373a95;
background-color: #373a95;
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-control-label::before, .custom-file-label, .custom-select {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.custom-control-label::before {
position: absolute;
top: 1px;
left: -1.5rem;
display: block;
width: 12px;
height: 12px;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
font-family: "Nunito";
font-weight: 500;
font-size: 14px;
}
.custom-control {
position: relative;
display: inline-block;
min-height: 1.5rem;
padding-left: 1.5rem;
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
}
.custom-checkbox .custom-control-label::before {
border-radius: 0.25rem;
}
transition-tuto-hover{
transition: all 0.2s ease-in-out;
}
.transition-tuto-hover:hover, .transition-tuto-hover:focus {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.cardtuto{
border-radius: 8px;
overflow: hidden;
position: relative;
background:rgba(4, 20, 97, 0.97);
box-shadow: 0 15px 38px rgba(114, 121, 154, 0.12), 3px -6px 29px rgba(189, 191, 209, 0.09);
}
.cardtuto-badge{
font-size: 10px;
font-weight: 700;
color: white;
border-radius: 50px;
background: rgb(40, 43, 133);vertical-align: bottom;
padding: 2px 7px; line-height: 19px;
display: inline-block; margin-top: 10px;
margin-left: 10px;
}
.cardtuto-content{
padding:20px;padding-top: 15px;
}
.cardtuto-title{
}
.cardtuto-title .message-actu {
line-height: 22px;
margin: 0;
margin-bottom: 10px;
color: white;
}
.cardtuto-title .message-actu span {
color: #aeb2c5;
font-weight: 800;
font-size: 14px;
display: block;
margin-bottom: 0px;
font-family: "Nunito";
}
.cardtuto-etape{
margin-top: 15px;
color: #aeb2c5;
}
.btn-success-plus-parution {
background-color: #35d549;
border-color: #35d549;
color: #fff;
font-family: "Signika";
font-size: 15px;
}
.btn-plus-parution {
font-weight: 300;
cursor: pointer;
border: 1px solid transparent;
padding: 13px 20px;
font-size: 14px;
line-height: 1.1;
border-radius: 50px;
transition: all 250ms cubic-bezier(.27,.01,.38,1.06);
}
.btn-plus-tuto {
font-weight: 300;
cursor: pointer;
border: 1px solid transparent;
padding: 13px 20px;
font-size: 14px;
line-height: 1.1;
border-radius: 50px;
transition: all 250ms cubic-bezier(.27,.01,.38,1.06);
}
.btn-success-plus-tuto {
background-color: #35d549;
border-color: #35d549;
color: #fff;
font-family: "Signika";
font-size: 15px;
}
.interactifupvotenoc{
cursor:pointer;
vertical-align: middle;
background: white;
border-radius: 4px;
padding: 6px 12px;
text-align: center;
border: 1px solid #eeedf6;
}
.interactifupvotenoc i{
font-weight: 500;
margin: 0px;
font-size: 17px;
color: #575757;
}
.interactifupvote{
cursor:pointer;
vertical-align: middle;
background: white;
border-radius: 4px;
padding: 6px 12px;
text-align: center;
border: 1px solid #eeedf6;
}
.interactifupvote.active i{
color: #26ba78;
}
.interactifupvote i{
font-weight: 500;
margin: 0px;
font-size: 17px;
color: #575757;
}
.interactifdownvote{
border-radius: 4px;
cursor:pointer;
vertical-align: middle;
padding: 6px 12px;
text-align: center;
background: white;
border: 1px solid #eeedf6;
}
.interactifdownvote.active i{
color: #d35f1b;
}
.interactifdownvote i{
font-weight: 500;
margin: 0px;
font-size: 17px;
color: #575757;
}
.openremarque:hover{
background: #eeedf6;
}
.binteractif:hover .message-actu:first-child{
background: #eeedf6;
}
.binteractif .message-actu i{
font-style: italic!important;
color: #595385;
}
.binteractif .message-actu a[target="_blank"]:hover{
text-decoration: underline!important;
color:#2534cd!important;
}
.binteractif .chip-question a .l1 {
width: 100%;
height: 90px;
margin: 0 auto;
text-align: center;
}
.binteractif .iframely-embed{
box-shadow: 0 15px 38px rgba(114, 121, 154, 0.12), 3px -6px 29px rgba(189, 191, 209, 0.09);
}
.binteractif .chip-question a{
box-shadow: 0 15px 38px rgba(114, 121, 154, 0.12), 3px -6px 29px rgba(189, 191, 209, 0.09);
}
.voteinteractif{
font-weight: 700;
vertical-align: middle;
display: inline-block;
padding:6px 12px;
border-radius: 4px;
background:white;
border:1px solid #eeedf6;
text-align: center;
color: rgba(0, 0, 0, 0.65);
position:relative;
height: 32px;
line-height: 21px;
}
.openremarque{
vertical-align: initial;
}
.misajinteractif{
font-style: italic;
border: 1px solid #eeedf6;
float: left;
cursor:initial;
background:white!important;
}
.misajinteractif:hover{
border: 1px solid #eeedf6;
box-shadow: 0px 0px 0px!important;
background:white!important;
}
.interactifh3{
font-weight: 700;
font-family: "Signika";
color:#0b122a !important;
font-size: 22px;
line-height: 14px!important;
border-radius: 8px;
padding: 15px;
padding-bottom: 15px;
margin-bottom: 0;
}
.interactifh3 p{
margin-bottom: 0;
}
.interactifh4{
font-weight: 600;
font-family: "Signika";
color:#0b122a !important;
font-size: 20px;
line-height: 30px!important;
border-radius: 8px;
padding: 15px;
margin-bottom: 0;
padding-bottom: 15px;
}
.interactifh4 p{
margin-bottom: 0;
}
.videointeractif .videoactu {
width: 100%;
min-height: 325px;
border-radius: 6px;
}
.photointertif{
}
.btn-primary.fileinput-button{
background: #263bff;
border :1px solid #263bff;
font-family: "Nunito";
font-weight: 600;
}
.iframendirect iframe{
margin-bottom: 15px;border-radius:8px;
width:100%!important;
height:345px!important;
}
@media (max-width: 736px) {
.iframendirect iframe{
margin-bottom: 15px;border-radius:8px;
width:100%!important;
height:215px!important;
}
}
label.form-check-particulier{
vertical-align: middle;
margin-left: 5px;
margin-top: -1px;
color: rgba(7, 19, 62, 0.97);
font-family: "Nunito";
}
.form-check {
margin-top: 10px;
}
.propositioncommentreppost{
display: inline-block;
padding: 4px 10px;
border-radius: 4px;
border: 1px solid #263bff;
margin-top: 5px;
color: #263bff;
font-weight: 600;
padding-top: 5px;
}
.propositioncommentreppost:hover{
color:white;
background: #263bff;
}