html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none !important;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a{
  transition-property:all;
  transition-duration:0.3s;
  transition-timing-function:ease;
  transition-delay:0.0s;
  /* Safari */
  -webkit-transition-property:all;
  -webkit-transition-duration:0.3s;
  -webkit-transition-timing-function:ease;
  -webkit-transition-delay:0.0s;
  text-decoration:none;
  outline:none !important;
}
a:hover,
a:focus{
  transition-property:all;
  transition-duration:0.3s;
  transition-timing-function:ease;
  transition-delay:0.0s;
  /* Safari */
  -webkit-transition-property:all;
  -webkit-transition-duration:0.3s;
  -webkit-transition-timing-function:ease;
  -webkit-transition-delay:0.0s;
  text-decoration:none;
  outline:none !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset !important;
}
* {
  margin: 0px; 
  padding: 0px; 
  box-sizing: border-box;
}
@font-face {
  font-family: 'Roboto';
  src: url('robot-regular/Roboto-Regular.eot'); /* IE9 Compat Modes */
  src: url('robot-regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('robot-regular/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
  url('robot-regular/Roboto-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('robot-regular/Roboto-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('Roboto_Medium/Roboto-Medium.eot'); /* IE9 Compat Modes */
  src: url('Roboto_Medium/Roboto-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('Roboto_Medium/Roboto-Medium.woff') format('woff'), /* Modern Browsers */
  url('Roboto_Medium/Roboto-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('Roboto_Medium/Roboto-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}
#main{
  position: relative;
  float: left;
  width: 100%;
}
body, html {
  height: 100%;
  font-family: 'Roboto', sans-serif !important;
}
input {
  outline: none;
  border: none;
}
textarea {
  outline: none;
  border: none;
}

input::-webkit-input-placeholder { color: #8f8fa1;}
input:-moz-placeholder { color: #8f8fa1;}
input::-moz-placeholder { color: #8f8fa1;}
input:-ms-input-placeholder { color: #8f8fa1;}
textarea::-webkit-input-placeholder { color: #8f8fa1;}
textarea:-moz-placeholder { color: #8f8fa1;}
textarea::-moz-placeholder { color: #8f8fa1;}
textarea:-ms-input-placeholder { color: #8f8fa1;}
label {
  display: block;
  margin: 0;
}
button {
  outline: none !important;
  border: none;
  background: transparent;
}
button:hover {
  cursor: pointer;
}
iframe {
  border: none !important;
}
h2{
  font-size: 20px;
  font-weight: 600;
  color: #474857;
  float: left;
  margin: 0 0 0 10px;
  font-family: 'Roboto-Medium';
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
h4{
  font-size: 20px;
  color: #474857;
  font-weight: 500;
  display: block;
  line-height: 40px;
}
h6{
  color: #474857;
  font-size: 14px;
}
h6 span{
  color: #b3b3b3;
  line-height: 30px;
}
.card-text{
  color: #474857;
  line-height: 21px;
  font-size: 14px;
  height: 40px;
  overflow-x: hidden;
}
.txt1 {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #a6a6a6;
  line-height: 1.4;
}
.limiter {
  width: 100%;
  margin: 0 auto;
  background: #f2f2f2;
}
.container-login100 {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;;
}
.wrap-login100 {
  width: 350px;
  background: #f2f2f2;
  border-radius: 10px;
  position: relative;
}
.login100-form {
  width: 100%;
  text-align: center;
}
.login100-form-title {
  font-size: 30px;
  color: #403866;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  display: block;
}
.container-login100-form-btn {
  width: 48%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.login100-form-btn {
  font-size: 14px;
  color: #393939;
  line-height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: inline;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  width: auto;
  height: 34px;
  background-color: #ffffff;
  border-radius: 3px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  float: right;
  border: 1px solid #3a7db8;
  margin: 0 0 0 27px;
}
.login100-form-btn:hover, .login100-form-btn.active {
  background-color: #3a7db8;
  color: #FFFFFF;
  border: 1px solid #3a7db8;
}
.navbar-brand{
  width: 100%;
  height: auto;
  padding: 10px 0;
  text-align: center;
  margin-top: 30px;
}
.navbar{
  min-height: auto;
}
.navbar-brand i{
/*  float: left;*/
  margin: 0 0 0 40px;
}
.navbar-default{
  border: none;
  background: none;
}
.nav > li > a{
  font-size: 14px;
  color: #5e6c84;
  border-left: 5px solid #f7f9fa;
  padding: 1px 10px;
  font-family: 'Roboto', sans-serif;
  line-height: 45px;
}
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.active{
  font-weight: 500;
  color: #3a7db8;
}
.nav > li > a.navbar-brand, .nav > li > a:hover.navbar-brand, .nav > li > a:focus.navbar-brand{
  border: none;
  margin: 40px 0 0 0;
}
.nav > li > a i.activite,
.nav > li > a i.activite:hover,
.nav > li > a i.activite:focus,
.nav > li > a i.calendrier,
.nav > li > a i.ecommerce,
.nav > li > a i.marketplace,
.nav > li > a i.marketing,
.nav > li > a i.relation,
.nav > li > a i.merchan,
.nav > li > a i.utili,
.nav > li > a i.information,
.nav > li > a i.logout,
.nav > li > a i.myaccount,

.nav > li > a i.statistiques,
.nav > li > a i.actualités,
.nav > li > a i.calendrier,
.nav > li > a i.merchandising,
.nav > li > a i.clients,
.nav > li > a i.produits

{
  float: left;
  margin: 12px 15px 0 0;
  background: url(../images/active.jpg) no-repeat left center;
  width: 20px;
  height: 20px;
}
.nav > li > a:hover i.activite,
.nav > li > a:focus i.activite{
  background: url(../images/active-active.jpg) no-repeat left center;
}
.nav > li > a i.calendrier{
  background: url(../images/calendar.jpg) no-repeat left center;
}
.nav > li > a i.ecommerce{
  background: url(../images/ecommerce.jpg) no-repeat left center;
}
.nav > li > a i.marketplace{
  background: url(../images/marketplace.jpg) no-repeat left center;
}
.nav > li > a i.marketing{
  background: url(../images/marketing.jpg) no-repeat left center;
}
.nav > li > a i.relation{
  background: url(../images/relation.jpg) no-repeat left center;
}
.nav > li > a i.merchan{
  background: url(../images/merchan.jpg) no-repeat left center;
}
.nav > li > a i.utili{
  background: url(../images/utili.jpg) no-repeat left center;
}
.nav > li > a i.information{
  background: url(../images/information.jpg) no-repeat left center;
}
.nav > li > a i.logout{
 background: url(../images/logout.png) no-repeat left center; 
 background-size: 100%;
}
.nav > li > a i.myaccount{
 background: url(../images/my_account.png) no-repeat left center; 
 background-size: 100%;
}

.nav > li > a i.statistiques{
 background: url(../images/statistiques.jpg) no-repeat left center; 
 background-size: 100%;
}
.nav > li > a i.actualités{
 background: url(../images/actualites.jpg) no-repeat left center; 
 background-size: 100%;
}
.nav > li > a i.calendrier{
 background: url(../images/calendrier.jpg) no-repeat left center; 
 background-size: 100%;
}
.nav > li > a i.merchandising{
 background: url(../images/merchandising.jpg) no-repeat left center; 
 background-size: 100%;
}
.nav > li > a i.clients{
 background: url(../images/clients.jpg) no-repeat left center; 
 background-size: 100%;
}
.nav > li > a i.produits{
 background: url(../images/produits.jpg) no-repeat left center; 
 background-size: 100%;
}
.nav > li > a:hover, .nav > li > a:focus {
  font-weight: 400;
}
.sidebar ul li a.active:hover{
  font-weight: 500;
}
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.active, .nav > li > a.active:hover{
  background: none;
  border-left: 5px solid #4a90e2;
}
.nav{
  float: left;
  width: 100%;
  margin-top: 5%;
}
.panel{
  margin-top: 20px;
  border: none;
  padding: 10px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  border-radius: 4px !important;
}
.panel-heading{
  background: none !important;
  border: none;
  font-weight: 500;
  font-size: 16px;
  color: #474857;
  padding: 5px 15px;
  font-family: 'Roboto-Medium';
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}
.panel-body{
  font-size: 12px;
  /*padding: 0 15px 15px 15px;*/
  padding: 0 15px 0px 15px;
}
.table{
  margin:10px 0;
}
.table-striped > tbody > tr:nth-of-type(2n+1),
.table-hover > tbody > tr:hover{
  background: none;
}
.table-bordered{
  border: none;
}
.table-bordered > tbody > tr > td:first-child{
  text-align: left;
}
.table-bordered > tbody > tr > td.text-main-center{
  text-align: left;
}
.table-bordered > tbody > tr:last-child{
  border-bottom: none;
}
.table-bordered > tbody > tr{
  border-bottom: 1px solid #ddd;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th{
  border-bottom: none;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0px;
  line-height: 30px;
  color: #5e6c84;
  font-size: 14px;
}
.table-bordered > tbody > tr > td.text-main{
  font-size: 22px;
  font-weight: 500;
  color: #474857;
}
.card{
  margin: 0px auto;  
}
.news-content {
  float: left;
  margin-bottom: 40px;
  padding-left: 0px;
  /*height: auto;
  min-height: 325px;*/
}
.card-body {
  float: left;
  margin-top: 10px;
}
.btn-main{
  font-size: 14px !important;
  line-height: 24px;
  font-weight: 500 !important;
  color: #474857;
}
.btn-main:hover{
  text-decoration: underline;
  color: #a0a1ba;
}
.nav .navbar-brand,
.nav .navbar-brand i{
  padding: 0;
  margin: 0;
}
.dropdown-toggle{
  font-size: 14px;
  margin: 20px 0 0px 0;
  padding: 6px 12px 6px 42px;
}
.dropdown{
  margin: 0 0 40px 0;
}
.dropdown-toggle i{
  margin: 0 0 0 6px;
}
.table-bordered > tbody > tr > td.text-main-inner,
.table-bordered > thead > tr > th.text-main-inner,
.table-bordered > tbody > tr > td.text-main-inner-left,
.table-bordered > thead > tr > th.text-main-inner-left,
.right-tab a{
  font-size: 15px !important;
  line-height: normal;
  color: #474857;
  text-align: right;
  padding: 14px 0 14px 0;
  font-weight: normal !important;
}
.table-bordered > tbody > tr > td:first-child,
.table-bordered > thead > tr > th:first-child,
.table-bordered > tbody > tr > td.text-main-inner-left,
.table-bordered > thead > tr > th.text-main-inner-left{
  text-align: left;
}
.table-bordered > tbody > tr > td > img{
  max-width: 100px;
  width: 100%;
}
.table-bordered > tbody > tr > td > svg{
  margin: 0 5px;
  float: left;
}
.fa-check{
  color: green;
}
.nav-tabs{
  border:none;
}
.right-tab{
  margin: 30px 0 0 0;
}
.right-tab li a {
  font-size: 16px !important;
  font-weight: normal !important;
}
.right-tab li a, .right-tab li a:hover{
  color: #474857 !important;
  /*line-height: 50px;*/
  /*float: left;*/
  transition: none;
  padding: 0;
  border-left: none;
  border-top: none;
  border-right: none;
  margin: 0;
}
/*.right-tab li a:hover{
  font-size: 15px;
}*/
.right-tab li:nth-child(1){
  padding: 0 3% 0 0% !important;
}
.right-tab li:last-child{
/*  padding: 0 0 0 3% !important;*/
}
.right-tab li{
  border-bottom: 2px solid #e6e8eb;
  float: left;
  /*width: 18%;*/
  margin: 0;
  padding: 0 3%;
  width: auto !important;
}
.right-tab li a:hover, .right-tab li a.active, .right-tab li a:focus{
  border-bottom: 2px solid #3a7db8;
  color: #474857 !important;
  transition: none;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  margin-bottom: -1px !important;
}
.btn.active, .btn:active{
  box-shadow: none;
}
.dropdown-menu{
  left: 15px;
  min-width: 160px;
}
.dropdown-item{
  display: block;
  padding: 0 10px;
  margin: 15px 0px;
  color: #5e6c84;
  width: 100%;
  line-height: 26px;
}
.dropdown-item i{
  width: 22px;
  float: left;
  margin: 0px 5px 0px 0px;
  line-height: 35px;
}
.dropdown-item i img{
  width: 100%;
}
.card-img-top{
  max-width: 287px;
  width: 100%;
}

.page-bar { float: right; width: auto;}
.page-toolbar { float: left; margin: 0 30px 0 0;}
.page-bar .page-toolbar span { background: #3a7db8 !important; color: #ffffff !important;}
#dashboard { float: right; border-radius: 4px !important;}
.btn.blue:not(.btn-outline) { color: inherit; background-color:inherit;}
.dropdown.open > .dropdown-toggle, .dropup.open > .dropdown-toggle { border: none !important;}
.table thead tr th { font-weight: bold !important;}

/*.desktop_menu_list { position: fixed !important; height: auto; overflow-y:scroll; overflow-x: hidden !important;  }*/
/*.desktop_menu_list .sidebar { display: flex; flex-direction:column; height: 100%;}
.desktop_menu_list .sidebar-nav { overflow-y: auto; } 
*/
.footer_menu_logo { position: fixed; bottom: 40px; width: 180px; padding: 0 20px;}
.footer_menu_logo img{width: 100%;}
.lefticon, .lefticon .sidebar, .lefticon .sidebar .sidebar-nav.navbar-collapse, .lefticon #togglemenuleft { width: 4% !important;}
.lefticon .sidebar .sidebar-nav.navbar-collapse { width: 4% !important;}
.dropdown-toggle .dashboard_icon { width: 22px; float: left; margin: 0 10px; line-height: 35px;}
.dropdown-toggle .dashboard_icon img { width: 100%;}
.footer_menu_logo li a:hover, .footer_menu_logo li a.active { border: none !important;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.lefticon .sidebar .sidebar-nav.navbar-collapse { width: 4% !important;}
.nav > li > a i.activite, .nav > li > a i.activite:hover, .nav > li > a i.activite:focus, .nav > li > a i.calendrier, .nav > li > a i.ecommerce, .nav > li > a i.marketplace, .nav > li > a i.marketing, .nav > li > a i.relation, .nav > li > a i.merchan, .nav > li > a i.utili, .nav > li > a i.information, .nav > li > a i.logout, .nav > li > a i.myaccount{ margin: 12px 0px 0 0;}
}
#mapDetails { margin: 0 0 0 20px;}
.table-bordered thead tr th, .table-bordered tbody tr td, .table-bordered tr th a { color: #474857; font-size:14px; }
.data-container-top { padding-right: 0px !important; padding-left: 0px !important;}
.btn.red-pink:not(.btn-outline) { font-weight: 400 !important; border-radius: 4px !important;}
.btn.blue:not(.btn-outline) { border-radius: 4px !important; }
.alert-danger {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
}
#pagination {
  float: right;
} 
#pagination a { 
  float: left;
  padding: 1px 10px;
  line-height: 22px;
}
#pagination a img {
  float: left;
  padding: 8px 0 0 0;
}
#pagination a.current-page {
  background: #217ebd;
  color: #FFFFFF;
  font-weight: bold;
  padding: 1px 10px;
  text-align: center;
  text-decoration: none;
  /*border:1px solid #217ebd;*/
}
#pagination a:hover {
  /*border:1px solid #1f78b5;*/
}
.top-tab { float: left; width: 100%; }
.top-tab .right-tab li { width: auto; padding: 0 16px; }
.input-group-addon { padding: 0px !important;}
.input-group-addon .btn { padding: 8px 12px !important;}
h2.errormsg-content { width: 100%; padding: 0px; margin: 0px; text-align: center !important;}
/* User Statistics*/
.fixed-table-body table { float: left; width: 100%; font-size:15px; font-family: 'Roboto' !important; color: #474857 !important; }
.fixed-table-body table thead, .fixed-table-body table tbody tr { height: 40px; line-height: 40px; }
.stats-heading { padding: 10px 0 10px 0px !important; font-weight: bold;}
.form-control:focus { border:1px solid #c2cad8 !important; outline: none !important;}
/*.card { max-width: 325px !important;}
.card-img-top { max-width: 325px !important;}*/

.card-body h4 { font-size: 16px; line-height: 25px !important; height: 50px; vertical-align: middle; display: table-cell;}
.card h6, .card-body p, .card-body a { font-size: 14px; font-family: 'Roboto' !important; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; }
.card-body a { font-weight: bold;}
.mt-checkbox-list { height: auto; max-height: 350px; overflow-x:hidden; overflow-y: auto; margin: 15px 0; }
/*.table thead tr th.text-main-inner { font-weight: bold !important;}*/
.table thead tr th.text-main-inner { border-bottom: 1px solid #e7ecf1 !important;}
.table tbody tr td.text-main-inner, .table tbody tr td.image-link-desktop { font-weight: normal !important;}
.table > thead:first-child > tr:first-child > th { border:none;}
.text-main-inner-logo { width: 22px; height: auto; float: left;}
.text-main-inner-logo img { width: 100%;}
.caption-subject { margin: 0px !important;}
.nomargin { margin: 0px !important;}
.nopadding { padding: 0px !important;}
#nav-chiffres .panel { padding: 0px !important;}
#nav-chiffres .panel-heading { display: none;}

.merchandising-table { margin-top: 0px !important;}
.merchandising-table thead th { border-right: 1px solid #e7ecf1 !important;}
.merchandising-table tbody td { border-right: 1px solid #e7ecf1 !important;}
.merchandising-table tbody td:last-child { border-right:none !important;} 
.merchandising-table tbody tr:hover{ background-color:  #f3f4f6 !important; }

.table-responsive table tr td a { color: #474857; font-size: 14px; font-weight: normal !important;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  }
.table-responsive table > tbody + tbody { border-top: none !important;} 
.ecommerce-table thead tr th.text-main-inner, .ecommerce-table tr td { border-bottom:1px solid #e7ecf1 !important; padding-bottom: 15px !important;}
.ecommerce-table thead tr th.text-main-inner { padding-bottom: 20px !important;}
.ecommerce-table tr td { padding: 10px 8px !important;}
.table tbody tr td.text-main-inner.fontweight { font-weight: bold !important;}
.card.news-class-first { margin: 0px !important;}
.news-class-third { float: right;}
.news-image-wrapper { width:100%; height:160px; overflow:hidden; background-color:#eeeeee !important; background-size: cover !important; border:1px solid #f7f9fa; box-shadow: #f7f9fa 1px 2px;}
#nav-chiffres .panel.inner-panel, .panel.inner-panel { padding: 9px 25px !important; margin: 1px 0 0 0 !important;}
.panel.inner-panel { padding: 9px 25px 19px 25px !important;}
#nav-chiffres .panel.inner-panel-table { padding: 9px 25px 9px 32px !important; margin: 20px 0 0 0 !important;}
.panel.inner-panel .rwd-table tr td:first-child { border-left: none !important;}
.panel.inner-panel .rwd-table tr:last-child td { border:none !important;}
#nav-chiffres .panel.inner-panel-table .rwd-table tr td:first-child { border-left: none !important;}
#nav-chiffres .panel.inner-panel-table .rwd-table tr:last-child td { border:none !important;}
.marketing-table thead tr th.text-main-inner, .marketing-table tr td { border:none !important; }
.marketing-table thead tr th.text-main-inner { padding-bottom: 22px;}
.marketing-table tbody tr td.text-main-inner { padding-bottom: 10px;}
.page-activite .marketing-table thead tr th.text-main-inner, .page-new-activite .marketing-table thead tr th.text-main-inner { padding-bottom: 22px;text-align: right;vertical-align: top;}
.page-activite .marketing-table tbody tr td.text-main-inner, .page-new-activite .marketing-table tbody tr td.text-main-inner { padding-bottom: 10px;text-align: right;}
/*.marketing-table tbody tr:last-child td.text-main-inner { padding-top: 15px;}*/
.page-product .marketing-table tbody tr:last-child td.text-main-inner { padding-top: 10px;}
.down_arrow { margin: 0 0 0 5px;}
.down_arrow img { height: 6px; width: 10px; margin-bottom: 1px;}
.table-responsive table tr th.head_fontweight { font-weight: 400 !important;}
.table-responsive table tr th.textaign_right, .table-responsive table tr td.textaign_right { text-align: right;}
.newfontfamily { font-size: 14px !important;}

.ecommerce-table thead tr th:first-child, .ecommerce-table tbody tr td:first-child { padding-left:0px !important;  }
.ecommerce-table thead tr th:last-child, .ecommerce-table tbody tr td:last-child { padding-right:0px !important;  }
/*.merchandising-table thead tr th:last-child { border-right: none !important;}
.merchandising-table tbody tr:nth-last-child(2) td { border-bottom: 1px solid #e7ecf1; }*/
.panel.inner-panel .merchandising-table thead tr th.text-main-inner, 
.panel.inner-panel .merchandising-table tbody tr td.text-main-inner,
.panel.inner-panel .merchandising-table tbody tr td.image-link-desktop 
{ border: 1px solid #e7ecf1 !important;}
.panel.inner-panel.merchandising { padding: 9px 9px 19px 9px !important;}
.table-responsive table tr th.textaign_center, .table-responsive table tr td.textaign_center { text-align: center !important;}
.panel-main-dashboard { padding: 20px 10px 0px 10px !important;}
.panel-main-dashboard table tr td.text-main { float: left; width: 25%; margin-bottom: 15px;}
.panel-main-dashboard table { margin: 10px 0 0 0 !important; }
.panel-main-dashboard table { margin: 10px 0 0 0 !important; }
.blog-single-desc {     
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #474857;
  line-height: 21px;
}
.blog-single-head-date{
  float: right;
  font-size: 13px;
  font-weight: 600;
  margin-top: 13px;
  padding-right: 10px;
}
.blog-single-head-title {
  font-size: 25px;
  font-weight: 600;
  color: #4e5a64;
  margin: 0 0 0px;
  padding-left: 15px;
  display: inline-block;
}
.fa-calendar{
  text-shadow: none;
  color: #337ab7;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  padding: 2px;
  }
 .text-main a{
    color: #000;
    font-size: 14px;
    font-weight: normal !important;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    margin:10px 0px;
    display:block;
  }
   .text-main .main{
    color: #474857;
    font-size: 14px;
    font-weight: normal !important;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    margin:10px 0px;
    display:block;
  }
  .text-main{
    height: 90px;
    font-size: 22px;
    font-weight: 500;
    color: #474857;
  }
.blog-single-img {
    margin:35px 0px 35px 0px;
}
.blog-single-content {
    padding: 35px 30px 15px;
}
.add-boxs-link{margin-right: 10px;}
.ca-e-commerce-align{text-align: right !important;}
/*main.css add ocs responsive design change*/
@media (max-width: 767px) and (min-width: 0px) {
  .footer_menu_logo { bottom: 0px; }
  /*add ocs client page site design change*/
  .page-clients .panel-default .table-striped tbody { float: none !important; }
  .page-clients .panel-default .table-striped tr td { float: none;width: auto;padding: 0px 13px; }
}

@media (max-width: 550px) and (min-width: 0px) { 
  .page-clients .panel-default { padding-left: 0px; }
  .page-clients .panel-default .panel-body .col-lg-12 { padding-left: 0px;padding-right: 0px;  }
  .page-clients .panel-default .panel-body .col-lg-12 .table-responsive .table-striped thead th { padding: 0 8px; white-space: inherit;line-height: 1.8; } 
  .compared-details .panel-main-dashboard .genernal-dashboard .text-main { height: 140px;font-size: 20px; }
  .page-ecommerce #nav-categories .inner-panel { padding: 9px 8px 19px 8px !important; }
  .page-ecommerce #nav-categories .inner-panel .panel-body .row .col-lg-12.col-md-12.col-sm-12.col-xs-12 { padding-left: 0px; padding-right: 0px; }
  .page-ecommerce #nav-tabContent .marketing-table tr td::before { padding-right: 10px; }
  .page-outils .panel-main-dashboard .panel-body .tools-export a { font-size: 13px; }
}
@media (max-width: 1366px) and (min-width: 991px) {  
  .compared-details .panel-main-dashboard .text-main { height: 152px; }
}
@media (max-width: 1024px) and (min-width: 768px) { 
  .page-outils .btn:not(.btn-sm):not(.btn-lg) { line-height: 1.15; }
}
.page-outils .panel-main-dashboard .panel-body .tools-export a { white-space: inherit; }
.page-activite #main #page-wrapper .header-tab, .page-new-activite #main #page-wrapper .header-tab { padding-left: 16px;  }

/*landing page design change for mobile*/
.mobile-site-logo { display: none; }
.mobile-global-image { display: none; }
@media (max-width: 767px) and (min-width: 320px) { 
  .mobile-site-logo { display: block; }
  .mobile-global-image { display: block; }
  body.page-activite, body.page-new-activite { background: #f8f9fa; }
  body.page-activite .panel, body.page-new-activite .panel { background: #f8f9fa; padding: 0px;}
  body.page-activite table.marketing-table tbody tr td, body.page-new-activite table.marketing-table tbody tr td, body.page-marketplaceactivite table.marketing-table tbody tr td { width: 50%;    padding-left: 19px !important;padding-bottom: 20px !important; }
  body.page-activite .panel .rwd-table tr td:first-child, body.page-new-activite .panel .rwd-table tr td:first-child { width: 100%;background: #ffffff;text-align: center !important;padding: 14px 0px !important;font-size: 20px !important;font-weight: normal !important;margin-bottom: 30px; }
  body.page-activite .rwd-table td:before, body.page-new-activite .rwd-table td:before, .rwd-table.crm-table tr td:first-child:before { width: 22em !important; }
  body.page-activite .text-main, body.page-new-activite .text-main { height: 73px; }
  body.page-activite .dropdown-toggle, body.page-new-activite .dropdown-toggle { margin-bottom: 0px; }
  body.page-activite .desktop_menu_list_new, body.page-new-activite .desktop_menu_list_new { padding-top: 5px; background-color: #f8f8f8; border-color: #e7e7e7; position: fixed; margin: 0px;}
  .mobile-site-logo { display: block;text-align: center;margin: 2px 0px 0px 0px; }
  .mobile-site-logo .logo-image { width: 125px;height: 23px;margin-top: 0px; }
  .mobile-global-image { display: block;float: left;margin-left: 20px; }
  .mobile-global-image .global-image { width: 29px;height: 29px;margin-top: 0px; }
  .navbar-default.sidebar { float: none;text-align: center;margin-top: 39px;background: #e5eaed;}
  .navbar-default.sidebar .dropdown { margin: auto;width: 50%; }
  .dashboard-heading { display: none; }
  .dropdown-menu.listed_site.show { left: 36%; height: 100vh !important; overflow: scroll !important; box-shadow: none !important;  }
  .navbar-toggle { border: none; }
  .navbar-default .navbar-toggle .icon-bar { background-color : #000000; }
  .list-sites-div{padding: 10px 0px 10px 0px;}  
  #datepickerExpand .uppercase{display: inline-block;padding-top: 5px;}
  body.page-activite #platform-table .rwd-table  td:before, body.page-new-activite #platform-table .rwd-table  td:before { width: auto !important; }
  body.page-activite #storeAllocation .rwd-table  td:before, body.page-new-activite #storeAllocation .rwd-table  td:before { width: 100% !important; }
  body.page-activite table.marketing-table tbody tr td, body.page-new-activite table.marketing-table tbody tr td { padding-right: 32px !important;padding-left: 27px !important; }
}
.page-edit_statistics_box .pageHead { padding-bottom: 5px; }
.page-activite .marketing-table thead tr th.site-name-head, .page-new-activite .marketing-table thead tr th.site-name-head{ text-align: left; }
.page-activite .marketing-table tbody tr td.site_name, .page-new-activite .marketing-table tbody tr td.site_name{ text-align: left !important; }

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px){
.page-activite .ca-e-commerce-align, .page-new-activite .ca-e-commerce-align{ text-align: left !important; } 


}
/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
@media (min-width: 0px) and (max-width: 575px){

.page-activite .ca-e-commerce-align, .page-new-activite .ca-e-commerce-align{ text-align: left !important; } 
.page-activite .text-main, .page-new-activite .text-main{ margin: 10px 0px; }
.page-activite .text-main p.compare-hint, .page-new-activite .text-main p.compare-hint{ font-size: 12px; }
.page-activite table.rwd-table > tbody > tr > td.textaign_right p, .page-new-activite table.rwd-table > tbody > tr > td.textaign_right p{ font-size: 16px; margin: 0px 0px; }
.page-activite table.rwd-table > tbody > tr > td, .page-new-activite table.rwd-table > tbody > tr > td{ height: 110px; }
body.page-activite .panel .rwd-table tr td.site_name, body.page-new-activite .panel .rwd-table tr td.site_name { height: 53px; }

}
.admin-category-set .portlet-body .table-responsive table > thead > tr > th { text-align: center;font-weight: 700 !important; }
.admin-category-set .portlet-body .table-responsive table > tbody > tr > td { font-weight: 400; } 
.page-product .category_product { padding-top: 20px; }
.panel-main-dashboard.product .panel-heading { padding-left: 0px;font-size: 20px;color: #474857; }
.page-product .header-tab .caption-subject { padding-left: 11px; }
.page-add-schedule .input-group .form-control { height: 40px; }
#platform-table .marketing-table tbody tr td.text-main-inner { text-align: left; }
@media (max-width: 767px) and (min-width: 320px) {
  #platform-table .marketing-table table.rwd-table > tbody > tr > td{ height: 78px; }

  #platform-table .marketing-table tbody tr td.text-main-inner.platform-name { width: 100%; text-align: center !important; padding: 14px 0px !important; font-size: 20px !important; font-weight: normal !important; margin-bottom: 30px; height: 54px; }  
   #platform-table .marketing-table tbody tr td.text-main-inner.platform-name :before { width: 20em !important; }
   #storeAllocation .marketing-table tbody tr td.text-main-inner.platform-name { width: 100%; text-align: center !important; padding: 14px 0px !important; font-size: 20px !important; font-weight: normal !important; margin-bottom: 30px; height: 54px; }  
   #storeAllocation .marketing-table tbody tr td.text-main-inner.platform-name :before { width: 20em !important; }
   #storeAllocation .marketing-table table.rwd-table > tbody > tr > td{ height: 78px; }
   #storeAllocation .rwd-table tr td:first-child { background: #3b3f51; }
   #storeAllocation table.marketing-table tbody tr td { width: 50%;
    padding-left: 19px !important;
    padding-bottom: 20px !important;font-size: 22px !important; font-weight: 500 !important; }
    .product .rwd-table tr td:first-child:before { content: attr(data-th) " "; width: 15em; }
    .product .rwd-table tr td:before { content: attr(data-th) "  "; font-weight: bold; width: 15em; display: inline-block; }
    .product .rwd-table tr td:first-child { background-color: transparent;color: #3E3D3B; }
    .category_product h2 { padding-left: 20px; }
    .category_product .marketing-table tbody tr td.text-main-inner:first-child { width: 100%;text-align: center !important; padding: 14px 0px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    margin-bottom: 30px;
    height: 54px; }
    #page-wrapper .header-tab { position: absolute; }
    .caption-subject {     margin-top: 69px !important; position: absolute; } 
    .page-product .header-tab .caption-subject { position: relative; top: 118px; }
    .mobile-site-logo { text-align: center;margin: 2px 0px 0px 0px; width: 65%; float: left;text-align: center; position: absolute; left: 0px; right: 0px; margin: 0 auto; } 
    .mobile-site-logo .logo-image { width: 125px; height: auto; margin-top: 0px; }

}
.panel-default .storeAllocation { font-size: 19px; padding: 10px 8px 0px; }
#storeAllocation .marketing-table  tbody tr td.text-main-inner { text-align: left; }
#platform-table .table { background-color: #ffffff; }

.panel-heading.best-seller  {  padding-left: 0px; padding-top: 30px; }

.orders__count__hint {
  font-size: 11px;
  line-height: 20px;
  text-align: left;
}

@media (max-width: 767px) and (min-width: 0px) {
  body.page-activite #platform-table .rwd-table td::before { width: 100% !important; }
  .rwd-table td::before, 
  .rwd-table.crm-table tr td:first-child::before  { font-size: 14px; font-weight: normal !important;  }
  #platform-table .marketing-table tbody tr td.text-main-inner { font-size: 22px  !important; font-weight: 500 !important; }
  #platform-table .rwd-table tr td:first-child::before { display: flex !important; }
}
.navbar-default.sidebar .dropdown-menu .Baya i { width: 30px; }
.navbar-default.sidebar .user-menu .fa.fa-user, .navbar-default.sidebar .user-menu .fa.fa-globe { font-size: 21px;text-align: left; }
.navbar-default.sidebar .fa.fa-rocket { font-size: 21px;text-align: left; }
.navbar-default.sidebar .user-menu { margin-left: 0px !important; }
@media (min-width: 0px) and (max-width: 767px){
  #dropdownMenuButton { margin-bottom: 0px; width: 100%; background: #e5eaed; height: 52px; }
  .page-activite #dropdownMenuButton, .page-new-activite #dropdownMenuButton { background-color: #e5eaed; }
  #dropdownMenuButton span{ font-size: 20px; text-transform:  uppercase; }
  .data-container-top { float: left; width: 100%;  display:flex; flex-flow: column; }
  .data-container-top .header-tab {order:2;}
  .data-container-top .page-bar{order:1;}
  .desktop_menu_list_new { margin-bottom: 0px; padding-bottom: 0px;  }
  #page-wrapper .header-tab { padding-left: 0px; text-align: center; }
  body .nav-tabs .nav-link.active {,
  body .nav-tabs .nav-link:hover,
  body .nav-tabs .nav-link.active:hover { background: #3a7db8; color: #fff !important; }
  .panel-default  ul#nav-tab{ overflow: auto; white-space: nowrap; display: flex; }
  ul#nav-tab li a { text-align: left !important; padding: 0px !important; height: 52px; line-height: 56px; padding: 0 20px !important; }
  ul#nav-tab li { border-right: solid 1px #e2e7e8; border-top: solid 1px #e2e7e8; }
  .page-product table.marketing-table tbody tr td { width: 50%; }
  .page-product .product .rwd-table tr td:before { width: 100%; }
  .navbar-default .navbar-toggle:focus, 
  .navbar-default .navbar-toggle:hover { background: transparent !important; }

	/*.caption-subject { margin-top: 69px !important; }  */
  /*menu design change mobile started*/
  .nav { margin-top: 0px; }
  /*menu design change mobile end*/
}
.navbar-default.sidebar .user-menu .site-speed { padding-left: 2px; }




@media (max-height: 700px) {

{
  .nav { margin-top: 1%; float: left;}

}

.sidebar ul.footer_menu_logo li{ width: 100%; } 
.sidebar ul.footer_menu_logo li a.navbar-brand i{ width: 100%; }
.sidebar .nav > li > a.navbar-brand i img{ width: 70% !important; }
.nopadding {padding: 0;}

/*Added by OCS# QA mobile menu scroll*/
@media (min-width: 0px) and (max-width: 767px){
.dropdown-menu.listed_site.show{ height: 100vh !important; overflow: scroll !important; box-shadow: none !important; }
}


/*Added by OCS# QA mobile menu scroll*/