/*COULEURS
Marron clair : #E0C38A
Marron moyen : #B59452
Marron intermédiaire : #967431
Marron foncé  : #705114
Marron sombre  : #483001

COULEURS BOOTSRAP 
//TEXTE
Success - vert : #3c763d
Danger - rouge : #a94442
Info - bleu : #3170b2
Warning - jaune : #8a6d3b
//DIV
Success - vert : #dff0d8
Danger - rouge : #f2dede
Info - bleu : #d9edf7
Warning - jaune : #fcf8e3
*/

@font-face {
    font-family: 'Prostoone';
    src: url('../fonts/prostoone-regular-webfont.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Corbel";
    src: url("../fonts/corbel.woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Consola";
    src: url(../fonts/CONSOLA.TTF);
}


/*
html {
    zoom: 0.85;
    /* Other non-webkit browsers 
    zoom: 85%;
    /* Webkit browsers 
}*/

body {
    height: 100%;
    /*background: #f1f1f1;*/
    /*background: #e8e8e8;*/
    background: white;
    /*background-color: #e6e6e6;*/
}

header,
body {
    /*color: black;*/
    /*color: #33373d;*/
    color: #828181;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    /*font-family: 'Corbel', serif;*/
    font-family: 'Arial';
}

header>.row {
    margin: 0;
    padding: 0;
}

a {
    color: #B59452;
}

a:hover,
a:active,
a:focus {
    color: #483001;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5,
.title {
    font-family: 'Prostoone';
}

h1 {
    font-size: 2rem;
}

h3 {
    font-size: 22px;
}

.title_success {
    color: #3c763d;
    font-weight: bold;
}

.title_danger {
    color: #a94442;
    font-weight: bold;
}

label {
    font-weight: 0;
}

fieldset {
    padding: 0;
}

.nb {
    font-family: 'Arial';
}

.no-input-style {
    background: transparent;
    border: none;
}

.uppercase {
    text-transform: uppercase;
}

.light-btn {
    background: white;
    border: solid 1px rgba(26, 26, 26);
    cursor: pointer;
    padding: 1% 2%;
}

label {
    font-weight: inherit !important;
}

.light-btn a {
    color: black;
}

.light-btn:hover,
.light-btn:focus,
.light-btn:active {
    box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);
    /*border:solid 1px transparent;*/
}

.no-bullet {
    padding: 0;
}

.no-bullet li,
td ul.no-bullet li:before {
    list-style-type: none;
}

.close {
    padding: 5px 7px;
    color: white!important;
    background: #FF3833;
    opacity: 0.75;
}

.close:focus,
.close:active,
.close:hover {
    opacity: 1;
    color: white;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #FFFFA7;
}

.table-hover tbody tr {
    border-collapse: separate;
}

.table-hover>tbody>.inactive-contract:hover td {
    background-color: #FFFFA7;
}

.table-hover thead {
    box-shadow: 0 4px 6px -6px #222;
}

.table .actions {
    padding: 0;
    vertical-align: middle;
}

.table .actions .dropdown-toggle::after {
    display: none;
}

.table>thead>tr>th.col_v_center,
.table>tbody>tr>th.col_v_center,
.table>tfoot>tr>th.col_v_center,
.table>thead>tr>td.col_v_center,
.table>tbody>tr>td.col_v_center,
.table>tfoot>tr>td {
    vertical-align: middle!important;
}

td ul li::before {
    content: "" !important;
}

.brown-medium {
    color: #967431;
}


/*
.modal-content select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    background: url(../../../media/img/select.jpg) no-repeat right !important;
}
*/

input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    background: url(../../../media/img/checkboxEmpty.jpg) no-repeat left !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

input[type='checkbox']:checked {
    background: url(../../../media/img/checkboxFull.jpg) no-repeat left !important;
}

input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    background: url(../../../media/img/radioEmpty.png) no-repeat left !important;
    display: inline-block;
    width: 16px;
    height: 16px;
}

input[type='radio']:checked {
    background: url(../../../media/img/radioFull.png) no-repeat left !important;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.progress {
    height: 1.2rem;
    margin-bottom: 0;
}

.panel-title {
    font-weight: bold;
}

.panel-subtitle {
    font-size: 11px;
    font-weight: normal;
}

.hr {
    display: block;
    width: 100%;
    border-bottom: solid 1px #ddd;
    margin-top: 1%;
    margin-bottom: 1%;
}

div.sticky {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
}

.fa-success {
    color: #155724;
}

.fa-danger {
    color: #721c24;
}

.consola {
    font-family: 'Consola';
}


/*//////////////////////////////////SPRITE */

.sat_sprite {
    background-image: url(../../../media/img/sprite.png);
}

.sat_sprite.icon-2 {
    width: 100px;
    height: 100px;
}

.sat_sprite.icon-1 {
    width: 50px;
    height: 50px;
    /*float:left;*/
}

.sat_sprite.icon {
    width: 40px;
    height: 40px;
}

.sat_sprite.icon-2.phone {
    background-position: -100px 0;
}

.sat_sprite.icon-2.computer {
    background-position: -208px 0;
}

.sat_sprite.icon.logout {
    background-position: -100px 0;
}

.sat_sprite.linkedin {
    background-position: -550px -6px;
}

.sat_sprite.order {
    background-position: 0px -100px;
}

.sat_sprite.icon-1.mail {
    background-position: -601px -6px;
}

.sat_sprite.icon-1.phone {
    background-position: -550px -56px;
}

.sat_sprite.icon-1.computer {
    background-position: -500px -56px;
}

.sat_sprite.icon-1.profile {
    background-position: -500px -56px;
}


/*//////////////////////////////////LOADER */

#loading-image {
    display: none;
    text-align: center;
    font-family: 'Prostoone';
    color: #967431;
    line-height: 39px;
}

#loading-image img {
    width: 25%;
}

.loading-image {
    display: none;
    background: white;
    padding: 2% 0 0 0;
}


/*//////////////////////LOADER FULL SCREEN*/

.full-screen-loader {
    background: white;
    display: block;
    position: absolute;
    z-index: 1000;
    height: 150vh;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: 15%;
}


/*//////////////////////HEADER*/

.dropdown-resp {
    display: none;
}

.container-fluid .row {
    padding: 0 15px;
}

.bandeau {
    background: white;
    transition: background 0.5s;
    box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);
    border-radius: 4%;
    padding: 2% 0;
    text-align: center;
    position: absolute;
    top: -25px;
    font-family: 'Prostoone';
    font-size: 18px;
    color: #967431;
    line-height: 20px;
    width: 30%;
    z-index: 200;
}

.bandeau img {
    width: 100%;
}

.bandeau .navbar-brand {
    padding: 0;
    font-size: 25px;
    color: #9f8559;
}

.bandeau .navbar-brand .row:first-child {
    padding-bottom: 4%;
}

.bandeau .navbar-brand .subname {
    font-size: 14px;
}

.bandeau .row {
    margin: 0 auto;
}

.bandeau-resp {
    display: none;
    font-family: 'Prostoone';
    color: #967431;
    font-size: 12px;
}

.bandeau-resp .navbar-brand .row:first-child {
    margin-top: 25%;
}

.bandeau-resp .subname {
    font-size: 10px;
}

.bandeau-resp img {
    padding: 0;
    /*width:50%;*/
}

.header nav.navbar {
    background: white;
    box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);
}

.download_form {
    background-color: white;
}

.download_form .dropdown-menu {
    margin-left: 5px;
}


/*FLECHE SOUS MENU NAVIGATION*/


/*.navbar-nav > li.active:after{
content: '';
position: absolute;
left: 0%;
top: 100%;
width: 0; 
height: 0; 
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 25px solid #e7e7e7;
}*/

.header .resp-nav {
    display: none;
}

.navbar-responsive {
    display: none;
}

.navbar {
    /*line-height: 0;*/
    margin-bottom: 0;
}

.header nav.navbar .bandeau-resp .dropdown-menu {
    font-family: 'corbel';
}

.header nav.navbar .dropdown-menu li {
    padding: 1%;
}

.navbar-full .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background: #e7e7e7;
}

.navbar-nav>li.dropdown li {
    width: 100%;
}

#navbarResponsive {
    margin: 0;
    min-height: 30px;
}

.navbar-light {
    border: solid 1px black;
    display: block;
}

.navbar-nav {
    margin: 0;
}

.header {
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin: 0;
    /*margin:0 0 3% 0;*/
}

.titre-sat h1 {
    top: -10px;
}

.langues {
    text-align: right;
}

.langues .dropdown-menu {
    right: 0;
    min-width: auto;
    text-align: right;
}

.nav-item.active {
    background-color: transparent;
}


/*
.nav-tabs .nav-link {
    padding-left: 0.5%;
    padding-right: 0.5%;
}*/

.navbar-nav ul li {
    display: inline-block;
}

.second-list {
    text-align: right;
}


/*
.nav-tabs .nav-link.active {
    color: red;
}*/

.full-btn {
    /*position:absolute;*/
    top: -10px;
    right: 0;
}

.full-btn a {
    display: inline-block;
    padding: 1% 2%;
    box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);
    border-radius: 4%;
    background: white;
    text-align: center;
    -webkit-transition: background 1s;
    /* Safari */
    transition: background 1s;
    word-break: break-all;
}

.full-btn a:first-child:hover,
.full-btn a:first-child:focus,
.full-btn a:first-child:active {
    color: #9f855a;
    text-decoration: none;
    background: #f8d7da;
}

.full-btn a:nth-child(2):hover,
.full-btn a:nth-child(2):focus,
.full-btn a:nth-child(2):active {
    color: #9f855a;
    text-decoration: none;
    background: #fff3cd;
}

.navbar-light .navbar-nav .nav-link {
    color: white;
}

.navbar-light .navbar-nav .nav-link .active {
    color: #462C00;
}

.nav-item.active {
    /*background:white;*/
    /*transition:background 0.5s;*/
    border-radius: 4%;
}

.left_nav_content {
    background: #9c8256;
    display: inline-block;
    min-height: 700px;
}


/*//////////////////////SIDEBAR*/

.w3-sidebar {
    position: relative !important;
    background-color: transparent;
    /*height: 100vh;*/
    display: block;
    padding: 7% 0 1% 0;
    color: #E7D4B4;
    overflow: hidden;
    /*box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);*/
    /* background:linear-gradient(40deg,#967431,#E0C38A) !important*/
}

.container-fluid .row.row-container-principal {
    padding-left: 0;
    padding-right: 0;
}

.content-side-box {
    /*padding-top: 1.5%;
    padding-left: 3% !important;*/
    /*max-height: 100vh;*/
    min-height: 100vh;
    overflow: auto;
    overflow-x: hidden;
}

.content-side-box.no-height {
    max-height: none;
}

.content-side-box.historical {
    padding: 0 !important;
    /*background:white;*/
    height: 100vh;
}

.content-side-box.historical.customer_sub {
    padding-right: 3% !important;
}

.w3-button:hover,
.w3-button:active,
.w3-button:focus,
.w3-sidebar .active {
    text-decoration: none;
    background-color: #796138 !important;
    color: white !important;
}

.sidebar_submenu {
    background-color: #796138 !important;
}

.ctrl-btn {
    margin-bottom: 11%;
}

.ctrl-btn div {
    text-align: center;
}

.left_user_info {
    margin-top: 65%;
}

.profile_picture {
    border-radius: 100%;
    max-width: 100px;
    object-fit: cover;
}


/*//////////////////////NAVBAR RESPONSIVE*/

.nav-resp {
    display: none;
    background-color: #967431;
    height: 80px;
    margin-top: -13.2%;
}

.nav-resp ul {
    padding: 6px 0 0 0;
    /*vertical-align:middle;*/
    display: inline-block;
    margin: 0 0 0 20%;
}

.nav-resp ul li {
    display: inline-block;
    /*vertical-align:middle;*/
    margin: 0 0 0 15px;
}

.nav-resp button {
    padding: 0;
    background: transparent;
    border: none;
    color: white;
}

.nav-resp button:hover,
.nav-resp button:active,
.nav-resp button:focus {
    color: #483001;
}

.nav-resp .fa {
    font-size: 30px;
}

.nav-resp .dropdown-menu {
    color: #483001;
    padding: 0 4px;
    background-color: #967431;
}

.nav-resp .navbar-toggler {
    /*background-image:url(../../media/img/menu.png);*/
    background-size: auto;
    border-radius: 0;
}

.nav-resp .dropdown-menu ul {
    margin-left: 0;
}

.nav-resp ul li a {
    color: white;
}

.nav-resp ul li a:hover,
.nav-resp ul li a:active,
.nav-resp ul li a:focus {
    text-decoration: none;
    color: #483001;
}

.logo-resp {
    width: 10%;
    display: block;
}

.navbar-default .navbar-nav>li.resp-btn-profile {
    display: none;
}


/*//////////////////////MENU DEROULANT*/

.dropdown-menu {
    border-radius: 0;
}

.nav-resp .dropdown-menu {
    left: -16px;
}

.nav-tabs {
    border: transparent;
}


/*////////////////DASHBOARD*/

.dashboard_map_box {
    padding: 0;
}

.dashboard-row:first-child {
    margin-top: 0;
}

.dashboard-row .row-side {
    padding: 0
}

.past-sub {
    margin-top: 3%;
}

.small-box #part1,
.small-box #part2,
.small-box #part3 {
    text-align: center;
}

.small-box #part1 .sat_sprite,
.small-box #part2 .sat_sprite,
.small-box #part3 .sat_sprite {
    margin: 0 auto;
}

.small-box #part2,
.small-box #part3 {
    display: none;
}

.small-box .order-box .sat_sprite {
    margin: 0 auto;
}

.dashboard-row :nth-child(3) .contact-box {
    padding: 0 2%;
    text-align: center;
}

.contact-box {
    height: 122px;
}

.order-box {
    text-align: center;
}

.btn-dbl-arrow {
    background: transparent;
    border: transparent;
}

.collapse1:hover,
.collapse1:focus,
.collapse1:active {
    background-color: #e2dbd1;
    color: #967431;
}

.btn-dbl-arrow:hover,
.btn-dbl-arrow:focus,
.btn-dbl-arrow:active {
    color: #967431;
}

.container-fluid .row-subscription {
    padding: 0;
}

.panel-flash-danger .panel-heading {
    background-color: red;
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes example {
    from {
        background-color: red;
    }
    to {
        background-color: #f5f5f5;
    }
}

.row-subscription .sub-title {
    background: #705114;
    font-size: 1.3em;
    box-shadow: 0px 5px 5px rgba(26, 26, 26, .5);
    padding: 1% 2%;
    color: white;
}

.btn-pps {
    background-color: #de4771;
    border-color: #de4771;
}

.btn-pps:hover {
    background-color: #CD2354;
    border-color: #CD2354;
}

.btn-estimated {
    background-color: #00b9e4;
    border-color: #00b9e4;
}

.btn-estimated:hover {
    background-color: #007F9D;
    border-color: #007F9D;
}

.btn-manual {
    background-color: #7150b2;
    border-color: #7150b2;
}

.btn-manual:hover {
    background-color: #5A369F;
    border-color: #5A369F;
}

.btn-simulation {
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-simulation:hover {
    background-color: #CECECE;
    border-color: #CECECE;
}

#history-tab table>tbody {
    font-family: 'Arial';
}

#connected_count {
    margin-bottom: 3%;
}

#connected_count+.col-lg-6 {
    padding-left: 0;
}

.map-style {
    background: white;
    padding: 2% 0;
    margin: 2% 0;
}

.disabled {
    opacity: 0.45;
    border: solid 1px #999999;
    pointer-events: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background: #999999;
    opacity: 0.45;
    border: solid 1px #999999;
    pointer-events: none;
}

.data-table tr.disabled {
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0.05);
    border: none;
}

.data-table tr.disabled .dropdown-menu {
    opacity: 1!important;
}


/*
.data-table tr.disabled td {
    background-color: red;
    opacity: 1;
}
*/

.underline {
    background-color: yellow;
}

.contract_badge-active {
    background: #049586;
}

.sub_infos {
    float: right;
}

.customer_contract_box-active {
    background: #049586;
    color: white;
    padding: 4%;
}

.customer_contract_box-info {
    background: #F0D706;
    color: white;
    padding: 4%;
}

.customer_contract_box-inactive {
    padding: 4%;
}

.opac_fa {
    opacity: 0.3;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}

ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline>li {
    margin: 20px 0;
    padding-left: 20px;
}

ul.timeline>li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

ul.timeline>li.success:before {
    border: 3px solid #5cb85c;
}

ul.timeline>li.default:before {
    border: 3px solid #636c72;
}

.scroll-list {
    /*height: 82vh;*/
    /*overflow: scroll;*/
    display: block;
    overflow-y: scroll;
    max-height: 77vh;
}

.scroll-list.admin_dashboard_table {
    max-height: 500px;
}

.scroll-list.monitoring_table {
    max-height: 220px;
}

.login-line {
    padding: 0;
}

.login-line button {
    border-radius: 0;
}

.login-line button i {
    display: inline-block;
}

.login-line .btn {
    border: solid transparent;
    border-style: dashed;
}

.login-line.selected .btn {
    border: #33373d;
    border-style: dashed;
}

.connexion-info ul {
    list-style-type: none;
}

.subscriptions_content .toolbox {
    min-height: 740px;
}

.list-group-item>.badge.nbco {
    background-color: white;
    color: #636c72;
    font-size: 15px;
    float: none;
}

#connection_response {
    display: none;
}


/*MARKERS CLASS */


/*.dashboard-list .list-group-item {
    color: white;
}*/

.list-group-item-0 {
    background-color: #C3C3C3;
}

.list-group-item-1 {
    background-color: #d9534f;
}

.list-group-item-2 {
    background-color: #ec971f;
}

.list-group-item-3 {
    background-color: #de4771;
}

.list-group-item-4 {
    background-color: #71BE71;
}

.list-group-item-5 {
    background-color: #eefc4b;
}

.list-group-item-6 {
    background-color: #00b9e4;
}

.list-group-item-7 {
    background-color: #7150b2;
}

.connexion-info {
    display: none;
    position: absolute;
    top: 0;
    background: white;
    z-index: 500;
    opacity: 0.9;
    padding-top: 0.5;
}

#dashboard-search input {
    background-color: white;
}


/*////////////////TABLEAUX*/


/*
.dataTable tr td,
.dataTable thead th {
    text-align: center;
}*/

.thead-inverse th {
    /*background-color:#B59452;*/
    color: #705114;
    font-size: 1.2em;
    /*text-transform:uppercase;*/
    /*background: white;*/
    vertical-align: middle;
    padding: 0.4% 0;
    text-align: left;
    /*background-color:#fcf7f4;*/
}

.thead-inverse th {
    background-color: transparent;
}

.dataTables_wrapper .row.top {
    background: linear-gradient(135deg, rgba(118, 81, 20, 0.7), #E0C38A);
    /*height: 70px;*/
    padding: 1%;
    border-radius: 3px;
    box-shadow: 0 4px 11px -6px #222;
    color: white;
}

.row.top .btn-round {
    margin-left: 10px;
}

.table {
    text-align: left;
}

.table .thead-inverse th {
    /*background:url(../../media/img/thead.jpg);*/
    color: #483001;
}

.table>thead>tr>th {
    vertical-align: middle;
}

.table thead th {
    vertical-align: middle;
}

.table-striped .btn-actions tbody tr:nth-of-type(2n+1) {
    background: transparent;
}

.td_help {
    font-weight: normal;
    font-size: 11px;
}

.btn-actions tr td {
    border: 1px solid #d8d8d8;
    background: transparent;
}

.btn-actions tr td:focus,
.btn-actions tr td:active {
    box-shadow: inset 0 0 2px 2px #C2C2C2;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent
}

.navbar-nav .nav-link+.nav-link {
    margin-left: 0;
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link {
    border: none;
}

.navbar-nav .cart {
    float: right;
}

.navbar-nav .cart i {
    font-size: 35px;
    padding: 0 20% 0;
    color: #E0C38A;
}

.extend {
    display: none;
}

.navbar-light .navbar-nav .cart:hover {
    background: transparent;
}

#navbarResponsive ul .cart:hover,
#navbarResponsive ul .cart:active,
#navbarResponsive ul .cart:focus,
#navbarResponsive ul .active .active {
    border-bottom: none;
}

.navbar-light .navbar-nav .cart:hover i {
    transition: color 0.5s;
    color: #483001;
}

.table th.trier-par {
    white-space: inherit;
}

.row-subscription .consumption-table:first-child {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.row-subscription .consumption-table:first-child tr th {
    text-align: center;
}

.consumption-table thead tr th {
    font-weight: bold;
    font-size: 1.3em;
    text-align: left;
}

.donut-chart-container .row {
    margin-top: 6%;
}

.dashboard-table>thead>tr>th {
    padding: 0.5%;
    width: 10%;
}

.dashboard-table tbody tr td {
    vertical-align: middle;
}

.table#contract tbody tr td:last-child,
.table#contract thead tr th:last-child {
    width: 4%;
}

.hidden-text {
    transition: visibility 1s, opacity 1s;
    visibility: hidden;
    opacity: 0
}

.tab-buttons .btn-round {
    color: white;
    background: transparent;
    border: solid 2px white;
}

.tab-buttons .btn-round:hover+.hidden-text {
    visibility: visible;
    opacity: 1
}

.dataTables_wrapper .top .filter-menu {
    color: black;
}

#stations_wrapper {
    overflow: auto;
}


/*
#contracts {
    overflow: hidden;
}
*/

#contracts .actions {
    padding-right: 1%;
    min-width: 80px;
}

.custom-select,
.dataTables_length select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}


/*////////////////TEST DE CONNEXION*/

.contract_check {
    display: none;
}

#relai_panel,
#status_panel {
    display: none
}

#progress_div {
    display: none;
}

#result h4 {
    display: none;
}


/*////////////////BOUTONS DANS TABLEAUX*/


/*.btn-group {
width:100%;
}
.btn-group a, .btn-group button{
background-color : rgba(118,81,20, 0.7);
display:block;
padding:9%;
color:white;
}

.btn-group a:hover {
color:white;
background-color : rgba(118,81,20, 1);
}

.btn-group .btn {
border-radius:0;
}*/

#notification .btn-group button,
#notification .btn-group a {
    padding: 4%;
    color: white;
}


/*//////////////////////////////////BOUTONS */

.claas-btn {
    background: #9d8358;
    padding: 10px;
    color: white;
    border: solid 1px transparent;
}

.claas-btn:hover,
.claas-btn:focus,
.claas-btn:active {
    background: #BEA67E;
    color: white;
    border: solid 1px #BEA67E;
}

.block {
    display: block;
    width: 100%;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 0;
    background-color: #e3ccaa;
    /*background-color: #9d8358;*/
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%);
    padding: 14px 28px;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    color: white;
}

.block:hover,
.block:focus,
.block:active {
    /*background-color:#B59452;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    color:white;*/
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    color: #9f855a;
}

.btn-update {
    background-image: url('../../media/img/icon/173594.ico');
    display: block;
    background-color: red;
}

.btn-day {
    margin-right: 2%;
    margin-top: 2%;
}

table {
    border-radius: 0;
}

.btn-round,
.dataTables_paginate a {
    display: inline-block;
    background-color: #222;
    color: #FFF;
    text-align: center;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFF;
    color: #9f8559;
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px 3px #9f8559;
    -moz-box-shadow: 0px 0px 0px 3px #9f8559;
    box-shadow: 0px 0px 0px 3px #9f8559;
}

.round.round-sm {
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 0.7em;
}

.round.round-lg {
    height: 40px;
    width: 40px;
    line-height: 40px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 1.5em;
}

.btn-round+.btn-round {
    margin-left: 7%;
}

.btn-round:hover,
.btn-round:focus,
.btn-round:active {
    background-color: #9f8559;
    color: white;
}


/*
.btn-primary {
    background-color: #5a749f;
    border: #486390;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #486390;
}
*/

.badgebox {
    opacity: 0;
}

.badgebox+.badge {
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
    width: 27px;
}

.badgebox:focus+.badge {
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */
    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}

.badgebox:checked+.badge {
    /* Move the check mark back when checked */
    text-indent: 0;
}

.badge-exp {
    background-color: #CE5503;
}

.btn-green {
    background-color: #B3C618;
    border: none;
}

.aside-map {
    padding: 0;
}

.table td {
    padding: 0.5% 0;
}

.sorting_1 {
    text-align: left;
}

.customer-calendar .input-group-addon {
    border-radius: 0;
}

.customer-calendar {
    padding-left: 0;
}

.active-contracts {
    display: block;
    width: 10%;
    float: right;
    margin-top: 3%;
}

.inactive-contract,
.inactive-line {
    /*background-color: #B9B9B9;*/
    display: none;
}

.contract-dropdown-menu label {
    display: block;
}

.legend-table tr td:first-child {
    width: 60px;
}

.legend-table tr td:nth-child(2) {
    padding-left: 4%;
    width: 200px;
}

.alert-conso-sign {
    background-image: url(../../media/img/warning.png);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: center;
}

.paused {
    background-color: #86BDCA
}

.assistant-view input,
.assistant-view select,
.assistant-view select,
.assistant-view .form-check,
.assistant-view .form-check-input {
    pointer-events: none;
}

.assistant-view .btn-save,
.assistant-view .row_btn_block {
    display: none;
}

.GPSTime {
    font-weight: bold;
}

.GPSTimeValue {
    text-align: center;
}

#return {
    margin-right: 2%;
}

.table-striped td {
    padding: 0 0.5rem;
}

.btn-status {
    font-size: 11px;
    white-space: normal;
    width: 75%;
    margin: 5% 1%;
}

.vmp {
    padding: 0;
    margin: 0;
}


/*//////////////////////MENU DEROULANT*/

.dropdown-menu {
    border-radius: 0;
    padding: 0;
}

.nav-resp .dropdown-menu {
    left: -16px;
}

.dropdown-menu .nav-link {
    padding-left: 3%;
}


/*//////////////////////CONTENU*/

.dataTables_wrapper {
    background: white;
    /* border:solid 1px #ddd;*/
    border-radius: 4px;
    padding: 2%;
}

.dataTables_filter input {
    width: 89%;
}

.tab-title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.stations_list .dataTables_wrapper {
    padding-top: 0;
}

td.details-control {
    background: url('../../../media/img/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../../../media/img/details_close.png') no-repeat center center;
}

.current {
    background-color: white;
    border: solid 1px #483001;
}

.previous,
.next {
    background-color: #483001;
    color: white;
    margin-bottom: 1%;
}

.paginate_button {
    text-decoration: none;
}


/*a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]) {
color:white;
}*/

.previous:hover,
.previous:focus,
.previous:active,
.next:hover,
.next:focus,
.next:active {
    color: white;
    background: rgba(118, 81, 20, 0.7);
    text-decoration: none;
}

.current:hover,
.previous:hover,
.next:hover,
.current:active,
.previous:active,
.next:active,
.current:focus,
.previous:focus,
.next:focus {
    text-decoration: none;
}

.dataTables_paginate a.disabled,
.dataTables_paginate a.current {
    opacity: inherit;
}

.dataTables_paginate a {
    display: inline-block;
    width: 30px;
    text-align: center;
    cursor: pointer;
}

.extend {
    margin: 1.5% 0;
}

.container-secondaire {
    border: none;
}

.legend {
    margin: 2% 0 1% 0;
}

.legend .yellow {
    display: inline-block;
    width: 15%;
    height: 20px;
    border: solid 1px black;
    margin: 0;
    padding: 0;
    background-color: #FCF8E3;
}

.navbar-nav .nav-item {
    margin-left: 1rem;
}


/*
.toolbox {
    background: white;
    border: solid 1px #ddd;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .05);
    border-radius: 4px;
    padding-bottom: 1%;
}
*/

.toolbox-content .col-lg-6:nth-child(2) {
    border-left: solid 1px #ddd;
}


/*
.toolbox:nth-child(2) {
    margin-left: 3%;
}
*/


/*.toolbox-content {
    padding:3%;
}*/

.tootlbox-title {
    font-size: 20px;
    padding: 1% 0;
    color: #9f8559;
}

.datepicker-arrow {
    cursor: pointer;
    padding: 0 3%;
}


/*//////////////////////FORMULAIRES*/

input:focus {
    outline: transparent;
}

.lat,
.lon {
    display: inline-block;
    width: 12%;
    margin-right: 1%;
}

.lat:nth-child(6),
.lon:nth-child(6) {
    width: 28%;
}

.label-lat {
    display: block;
}

.sign {
    display: inline-block;
    width: 4%;
}

.mandatory {
    padding-left: 15px;
}

.stations-table tr td:first-child {
    display: none;
}

.dataTables_scrollHead+.dataTables_scrollBody thead {
    display: none;
}

.station_filter {
    display: block;
}

#station_wrapper .badge-success {
    background-color: white;
    border: solid 1px black;
    color: black;
}

#n-s,
#e-w {
    margin-top: 2%;
}

.sim_panel .form-check {
    word-break: break-word;
}

#stations_wrapper {
    height: 800px;
}

.input-number {
    display: inline;
    width: 65px;
}


/*//////////////////////CALENDRIERS*/

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    border: none;
    background: white;
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    display: block;
    height: 70px;
    background-color: #428bca;
    padding-top: 7%;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label {
    background-color: #428bca;
    color: white;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    color: #428bca;
}

.xdsoft_inline {
    border: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    /*background: #428bca;*/
    background: white;
    color: #666;
    border-style: dashed;
    box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #428bca !important;
}

.xdsoft_highlight {
    background-color: #ebd82e!important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_highlight,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_highlight {
    background-color: #428bca;
}


/*
.ui-datepicker {
    padding: 15px;
    border: 1px solid #999999;
    background-color: #f3f3f3;
    opacity: 90%;
    font-size: black;
    color: black;
    text-align: center;
}

table .ui-datepicker-calendar {
    background: transparent;
    box-sizing: unset;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: none;
    background: white;
    color: black;
    text-align: center;
    font-size: 12px;
}

.ui-state-default:active,
.ui-widget-content .ui-state-default:active,
.ui-widget-header .ui-state-default:active,
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover,
.ui-state-default:focus,
.ui-widget-content .ui-state-default:focus,
.ui-widget-header .ui-state-default:focus {
    background-color: #E7D4B4;
    color: white;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #9f855a;
    color: white;
}

.ui-datepicker th {
    font-size: 14px;
    text-align: center;
    color: #9f855a;
    padding-bottom: 14px;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-col {
    color: #9f855a;
}

.ui-datepicker .ui-datepicker-calendar td {
    padding: 2px;
}

.ui-datepicker .ui-datepicker-header {
    background: #9f855a;
    color: white;
    border: none;
    margin: 0 0 13.2px 0;
    padding: 4% 0;
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0;
}

.ui-datepicker select.ui-datepicker-month {
    width: 108px;
    margin-right: 6px;
    height: 25px;
}

.ui-datepicker select.ui-datepicker-year {
    width: 76px;
    height: 25px;
}

#ui-datepicker-div {
    width: auto;
    background: #fcf7f4;
    border-radius: 0;
    padding: 0;
}

.ui-datepicker-week-col {
    font-size: 12px;
}

.ui-datepicker table {
    margin: 0;
    padding: 1%;
}

.css-class-to-highlight .ui-state-default {
    background-color: #967431;
    color: white;
}

.ui-datepicker .ui-datepicker-next {
    right: 0px;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 14px;
    background-color: #9f855a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: transparent;
    text-align: center;
    pointer-events: auto;
}

.ui-datepicker-prev span {
    background-image: url(../../../media/img/sprite.png) !important;
    background-position: -599px -73px !important;
}

.ui-datepicker-next span {
    background-image: url(../../../media/img/sprite.png) !important;
    background-position: -605px -55px !important;
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover,
.ui-state-hover {
    background: transparent;
}

.ui-corner-all {
    margin-top: 2%;
}
*/

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    border: none;
}


/*//////////////////////ALERT*/

.alert .claas-btn {
    margin: 0;
    display: block;
    height: 25px;
    padding: 0.5% 3%;
}

.alert .claas-btn:hover,
.alert .claas-btn:focus {
    color: #999999;
}

.alert ul {
    list-style-type: none;
    padding-left: 0;
}

.alert-row .sprite {
    background-size: 350%;
}

.alert-error .icon-alert {
    background-position: -160px -44px;
}

.alert-success .icon-alert {
    background-position: -80px -44px;
}

.alert-question {
    width: 28%;
    margin: 0 auto;
}

.icon-msg {
    width: 50px;
    height: 50px;
    display: block;
    /*margin-right:2%;*/
}

.icon-msg-alert-danger {
    background-position: -694px -70px;
}

.icon-msg-alert-success {
    background-position: -694px -4px;
}

.alert-danger strong {
    color: #aa0b25;
}

.alert-success strong {
    color: #00853e;
}

.alert-question strong {
    color: #e9b11b;
}

#msg-container {
    position: absolute;
    top: 0;
    right: -20%;
    width: 15%;
    height: 0;
    z-index: 999;
    display: none;
}

#msg-container-modal {
    background: transparent;
    display: none;
}

#msg-container .alert,
#msg-container-modal .alert {
    margin-top: 5%;
    padding-right: 2.25rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
}

.has-danger .form-control-label {
    color: black;
}


/*//////////////////////MODAL*/

.modal-title {
    padding-top: 2%;
}

.modal-content.modal-xl {
    border-radius: 0;
    background: white;
    color: #707070;
    /*background: linear-gradient(135deg, rgba(203,174,128,1) 0%, rgba(203,174,128,1) 65%, rgba(245,235,219,1) 100%);
    color:white;*/
}

.modal-body,
.modal-header {
    border-radius: 0;
}


/*
.modal-header {
    border-bottom: transparent 0 !important;
    text-align: center;
    font-size: 1.5em;
    padding: 1% 1% 1% 2%;
}
*/


/*.modal-content button, .modal-content a {
    height:25px;
    padding:0 8px;
}*/

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    color: #696969;
}

.ui-datepicker-prev {
    display: block;
}

.ui-icon {
    text-indent: 0;
}

a .extend {
    padding: 0;
}

.alert .btn-delete-box {
    display: block;
    margin-right: 2%;
}

.modal-xl {
    width: 100%;
}

.modal-dialog {
    font-size: 15px;
}

.modal-dialog-xl {
    max-width: 1500px;
}


/*//////////////////////FORMULAIRE KEY*/

#key form {
    margin: 2% auto;
    width: 50%;
    border: solid 1px #696969;
    padding: 2%;
    background: #EEEE;
}


/*//////////////////////HISTORICAL DATA*/

.leaflet-draw-toolbar.leaflet-bar {
    background: white;
    padding: 1%;
}

#historical thead {
    border-top: solid 1px #EEEEEE;
    border-bottom: solid 1px #EEEEEE;
}

.all {
    margin: 0;
    display: block;
}

#next,
#previous {
    color: white;
    text-decoration: none;
}

#next:hover,
#previous:hover {
    color: #758210;
}

.start-date {
    display: none;
}

.end-date {
    display: none;
}

.leaflet-control-easyPrint {
    display: none;
}

.filter+.filter-menu {
    position: absolute;
    display: block;
    background: white;
    border: 1px solid #ddd;
    padding: 1%;
    z-index: 300;
    top: 36px;
}

.filter.closed+.filter-menu {
    display: none;
}

.historical #map {
    height: 90vh;
    /* z-index:-1;*/
}

.filter-link:hover,
.filter-link:focus,
.filter-link:active {
    text-decoration: none;
}

.historical_panel {
    min-height: 207px;
}


/*//////////////////////AUTH*/

.auth-page {
    overflow: hidden;
}

.auth-page h2 {
    color: black;
}

.auth-page h1 {
    padding-top: 2%;
    margin: 0 0 0 1%;
    color: white;
    font-family: prostoone;
}

.forgotten {
    color: #696969;
}

.forgotten:hover,
.forgotten:focus,
.forgotten:active {
    color: black;
}

.connexion {
    background: #B59452;
    color: white;
}

.connexion:hover,
.connexion:active,
.connexion:focus {
    background: #E0C38A;
}

.login {
    background-color: rgb(240, 240, 240, 0.7);
    margin-top: 5%;
}

.auth-error {
    margin-top: 10%;
}

.pad-auth {
    margin-top: 3.5%;
}

.send_mail_animation {
    display: none;
}

.row_password {
    display: block;
    height: 80px;
}


/*//////////////////////TABS*/

.firstco {
    margin: 0 auto;
    width: 100%;
    margin: 2%;
}

#main {
    width: 52%;
    margin: 0 auto;
    border: solid 1px #b2b3b5;
    -moz-border-radius: 10px;
    /* padding:20px;*/
    background-color: white;
    border-radius: 3px;
    opacity: 0.8;
}

#main.large {
    width: 75%;
    padding: 2%;
}

.bar-title {
    background: rgba(118, 81, 20, 0.7);
    box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);
    padding: 0.75% 1.5%;
    color: white;
    font-family: 'Prostoone';
}

fieldset {
    border: none;
    width: 320px;
}

legend {
    font-size: 18px;
    margin: 0px;
    padding: 10px 0px;
    color: #483001;
    font-weight: bold;
}

#main button {
    margin: 0 1%;
}

.process .processing {
    box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);
    background: #e0c38a;
    color: white;
}

.firstco th {
    text-transform: uppercase;
    font-weight: bold;
}

.container-fluid .row .firstco #main #part1,
.container-fluid .row .firstco #main #part2,
.container-fluid .row .firstco #main #part3,
.container-fluid .row .firstco #main #part4,
.container-fluid .row .firstco #main #part5,
.container-fluid .row .firstco #main #part6 {
    display: none;
}


/*//////////////////////PROGRESS BAR*/

.process-row {
    display: table-row;
}

.process {
    display: table;
    position: relative;
    width: 50%;
    margin: 0 auto;
}

.process-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.process-row:before {
    top: 50px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

.process-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.process-step p {
    margin-top: 10px;
}

.process-step .btn {
    border-radius: 3px;
}

.btn-circle {
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 0.99;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}


/*//////////////////////CUSTOMER VIEW*/

.h4 {
    margin: 0;
    padding: 0;
    width: 33.33%;
}

.h5 {
    margin: 0;
    padding: 0;
}

.connection-sum,
.nb-co {
    margin: 4% 0;
}

.expiry {
    margin: 0;
    padding: 0;
    width: 20%;
}

.container-fluid .consumption-row {
    margin: 5% 0;
}

.validity {
    margin: 0;
    padding: 0;
    width: 20%;
}

.contract-info {
    margin: 2% 0;
}

.fa-times {
    color: #a94442;
}

.fa-check {
    color: #3c763d;
}


/*//////////////////////SERVICES*/

.legend-service {
    padding-bottom: 2%;
}

.legend-service .legend-status,
.legend-service .legend-hdop,
.legend-service .legend-age {
    display: none;
}

.info-bulle-container {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    margin-right: 1px;
    padding: 10px 0 15px 10px;
    max-height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}

.work-days,
.add-discount {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

aside-map .table thead th {
    padding: 0;
}

aside-map .table tbody td {
    padding: 0;
}

.info-legend {
    line-height: 18px;
    color: #555;
    padding: 6px 8px;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    width: 100px;
}

.info-legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 2px;
    opacity: 0.7;
}


/*//////////////////////ANALYSIS*/

#chart_div {
    z-index: 0;
}

.chart_div_container {
    margin-top: 7%;
}

.chart_icon {
    text-align: center;
    margin-top: 6%;
    color: #9b8054;
}

.container-principal iframe {
    height: 100vh;
}

.ct-perfect-fourth {
    width: 45%;
    float: right;
}

.ct-label.ct-horizontal.ct-end {
    display: flex;
    width: auto !important;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.ct-line {
    stroke-width: 1px;
}

.ct-point {
    stroke-width: 5px;
}

textarea {
    width: 100%;
}

.print-a {
    display: none;
}

.short-session {
    margin: 0;
}

#graph {
    display: block;
    margin-top: 10%;
}

.print-form-group {
    display: none;
}

#show-textarea {
    display: none;
}

.marker-cluster-large,
.marker-cluster-small,
.marker-cluster-medium {
    background-color: rgba(255, 255, 255, 0.5);
}

.marker-cluster-large div,
.marker-cluster-small div,
.marker-cluster-medium div {
    background-color: rgba(255, 255, 255, 0.5);
}

.marker-cluster span {
    color: transparent;
}

.inline-ul li {
    display: inline-block;
}


/*//////////////////////DOCUMENTS*/

.section-content-doc {
    padding: 0 15px;
}


/*//////////////////////SERVER INFORMATION*/

.container-fluid .row.cadre {
    border: solid 1px #FFF5E0;
    background: white;
    padding: 4%;
}

.server-info h6 {
    margin: 2% 0;
    font-size: 20px;
    font-weight: bold;
    color: #B59452;
}

.cadre .titre {
    margin-bottom: 3%;
    margin-top: 3%;
    font-size: 18px;
    font-weight: bold;
}

#free_space,
#total_space {
    border: none;
    width: 30px;
}

#cpu {
    border: none;
}

.change-refresh {
    width: 50%;
}

.cadre iframe {
    border: transparent;
}

.thead-ram {
    margin: 0;
}

.thead-ram li {
    display: inline-block;
    margin: 0 3%;
}

.table-ram td,
.table-ram th {
    border: 0;
}


/*////// ADMIN NAV/////*/

.header nav.navbar.admin_nav {
    background: #9d8358;
    box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);
    padding: 0;
    margin: 0;
    border: transparent;
}

.header nav.navbar.admin_nav ul li a {
    color: white;
}

.header nav.navbar.admin_nav ul li a.active,
.header nav.navbar.admin_nav ul li a:hover,
.header nav.navbar.admin_nav ul li a:focus,
.header nav.navbar.admin_nav ul li a:active {
    background: white;
    color: black;
}

.header nav.navbar.admin_nav ul li {
    border-right: 1px solid #d8d8d8;
    /*border-left:1px solid #ffffff;*/
}

.header nav.navbar.admin_nav ul li .dropdown-menu {
    background: #9e8358;
}

.header nav.navbar.admin_nav ul li .dropdown-menu li {
    display: inline;
    border: transparent 0px;
}

.header nav.navbar.admin_nav ul li .dropdown-menu li a {
    color: black;
}

.container-fluid .row-notifs {
    padding: 0;
}

.container-fluid .row-notifs .navbar {
    border-radius: 0;
}

.admin_nav.navbar-inverse .navbar-nav>.active>a,
.admin_nav.navbar-inverse .navbar-nav>.active>a:hover,
.admin_nav.navbar-inverse .navbar-nav>.active>a:focus {
    background-color: white;
    color: #9e8358;
}

.admin_nav.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.admin_nav.navbar-inverse .navbar-nav>.open>a:focus {
    background: white;
}

.admin-nav-row {
    /*background: #9d8358;*/
    box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);
    padding: 0;
    margin: 0;
    border: transparent;
    /*display: none;*/
    width: 10.6%;
    float: left;
}

#AdminNav .admin_nav {
    padding: 0 1%;
}

#AdminNav {
    padding: 0;
    background: rgba(118, 81, 20, 0.7);
}

.admin-nav-row .navbar-toggler {
    display: none;
}


/*///////////////////////////ORDERS*/


/*td ul li::before { 
content:"";
}
.vertical-steps, .conversion {
list-style-type:none;
}

.vertical-steps li {
display:inline-block;
width:13%;
text-align:center;
border:solid 1px black;
}

.vertical-steps .ok {
color:#3c763d;
font-weight:bold;
background-color:#dff0d8;
border:solid 1px #3c763d;
}*/

.order-form {
    background-image: url('../../../media/img/map.jpg');
    padding: 0 !important;
    height: 120vh;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.order-form-filter {
    background: rgba(0, 0, 0, 0.1);
    height: 100%;
}

.order-title {
    font-size: 3em;
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2%;
}

.order-form h5 {
    color: white;
    background: #9e8257;
    padding: 2%;
    margin-top: 0;
}

.subscription_type {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    cursor: pointer;
    padding-bottom: 2%;
}

.subscription_type:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #9e8257;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.subscription_type:hover,
.subscription_type:focus,
.subscription_type:active {
    color: white;
}

.subscription_type:hover:before,
.subscription_type:focus:before,
.subscription_type:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.subscription_type.checked {
    background: #9e8257;
    color: white;
}

.count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 2px;
    min-width: 35px;
    text-align: center;
    background: transparent;
    border: none;
    font-size: 2em;
    width: 10%;
    display: inline-block;
}

.plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 20px;
    height: 20px;
    font: 20px/1 Arial, sans-serif;
    text-align: center;
    border-radius: 50%;
}

.minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 20px;
    height: 20px;
    font: 20px/1 Arial, sans-serif;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
}

.plus,
.minus {
    background-color: white;
    color: #483003;
}

.minus:hover,
.plus:hover {
    background-color: #483003 !important;
    color: white;
}

.sub_table tr:hover,
.sub_table tr:focus,
.sub_table li.checked div:first-child,
.renew_table tr:hover,
.renew_table tr:focus,
.renew_table li.checked div:first-child {
    background-color: #9e8257;
    color: white;
}

.sub_table .col-sm-12:first-child,
.renew_table .col-sm-12:first-child {
    padding: 2% 3%;
    box-shadow: 0 4px 6px -6px #222;
}

.sub_table_head .col-sm-12,
.renew_table_head .col-sm-12 {
    border-radius: 6px 6px 0 0;
    background: #483003;
    color: white;
    font-size: 1.5em;
    text-transform: capitalize;
}

.sub_table_head .col-sm-12,
.renew_table_head .col-sm-12 {
    border-radius: 6px 6px 0 0;
}

.order_total {
    padding: 1% 0;
    border: solid 2px #483003;
}

#orderForm h6.sub_title {
    font-weight: bold;
    box-shadow: 0 4px 6px -6px #222;
    padding-bottom: 1%;
}

.address_list li {
    cursor: pointer;
}

.option {
    padding: 0;
}


/*///////////////////////////////////////////////////*/

.btn-order .light-btn {
    padding: 10% 20%;
    margin: 10% 0;
}

.btn-order .light-btn:hover i,
.btn-order .light-btn:active i,
.btn-order .light-btn:focus i {
    color: #967431;
}

a.light-btn {
    color: black;
}

.light-btn a {
    color: black;
}

.table tbody td .disabled {
    opacity: 0.2;
}

.option-panel {
    padding: 2%;
    /*  background-color:#e6e6e6;*/
    /* color:#8D8B8B;*/
    border: solid 5px white;
}

.checked-option {
    padding: 2%;
    background-color: white;
    color: black;
    border: solid 5px white;
}

.shown,
.shown+tr {
    background: white;
}


/*.btn-see-details {
border-radius:50%;
}*/

.ribbon .contract-table {
    width: 100%;
}

.ribbon b {
    width: 100%;
    padding: 10px 20px 10px 10px;
    margin-left: -20px;
    -moz-box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(top, #C0A980, #9f8559);
    background-image: -moz-linear-gradient(top, #C0A980, #9f8559);
    background-image: -o-linear-gradient(top, #C0A980, #9f8559);
    background-image: -ms-linear-gradient(top, #C0A980, #9f8559);
    background-image: linear-gradient(top, #C0A980, #9f8559);
    color: white;
    position: relative;
    display: block;
    font-size: 1.3em;
}

.ribbon b:before {
    content: '';
    width: 0;
    height: 0;
    border-color: #666 #666 transparent transparent;
    border-style: solid;
    border-width: 5px 8px;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.ribbon-box {
    padding: 3% 1%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    text-align: center;
}

* a.btn-round.btn-download:not([href]):not([tabindex]) {
    margin-bottom: 3%;
    color: white;
}

a.btn-round.btn-address:not([href]):not([tabindex]) {
    color: white;
}

.row-download {
    text-align: center;
}

.firstco .bar-title {
    width: 52%;
    margin: 0 auto;
}


/*//////////////////////ITEMS*/

.items ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.items li {
    display: inline-block;
    /* border: solid #967431;*/
    /*border-radius:5px 5px 0 0;*/
    /*padding:4% auto;*/
    /*border-right:solid 1px #9f8559;*/
    padding: 0.5% 0;
}

.items li a {
    padding: 0 10px;
}

.items li a:hover,
.items li a:focus,
.items li a:active {
    text-decoration: none;
}

.items-row {
    background: white;
    margin-bottom: 2%;
    box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);
}

.selection {
    background: rgba(118, 81, 20, 0.7);
}

.selection a {
    color: white;
}

.newFamily {
    display: none;
}

.declining-box {
    display: none;
}

.declining-box.opened {
    display: block;
}


/*//////////////////////LOADER FULL SCREEN*/

.full-screen-loader {
    background: white;
    display: block;
    position: absolute;
    z-index: 1000;
    height: 150vh;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: 8%;
}


/*//////////////////////STATIONS MONITORING*/

.moni-text iframe {
    width: 100%;
    border: none;
}


/*//////////////////////ANALYSES STATIONS*/

.chart_container .todoapp {
    height: 350px;
    background: white;
}

.small_loader {
    position: relative;
    z-index: 1000;
}

.small_loader img {
    width: 10%;
}


/*//////////////////////SEND MAIL*/

.msg-progress {
    border: solid 1px #E6E6E6;
    border-radius: 0.25rem;
    padding: 0.5%;
}

.msg-progress div {
    padding: 0 5px;
}


/*//////////////////////ORDER*/

.form-btn {
    text-align: center;
}

.form-btn p:first-child {
    text-align: left;
}

.options-carte {
    display: none;
}

#user-range-value {
    text-align: center;
}

.optionAdresse,
.optionAdresse2 {
    display: none;
}

.history-sub-tab td,
.history-sub-tab th {
    text-align: center;
}


/*//////////////////////COMPANIES*/


/*
.table-child {
    display: table;
}

.table-child-tr {
    display: table-row;
}

.table-child-tbody {
    display: table-row-group;
}

.table-child-td {
    display: table-cell;
}

.card {
    padding: 0;
}

.card-header {
    background: white;
}

.card-header:hover {
    box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);
}

.searchableList li>div>a {
    text-decoration: none;
}

.card-header a:hover,
.card-header a:active,
.card-header a:focus {
    color: #B59452;
}

.table tbody .companies-td {
    padding: 1%;
    font-size: 14px;
}

.card-body img {
    display: block;
    width: 100%;
    max-height: 200px;
}

.card-body ul:first-child li b {
    font-size: 24px;
}

.card-body ul li {
    list-style-type: none;
}

.card-body {
    padding: 0.5%;
}

.buttons-add a {
    margin-bottom: 2%;
}

.card-body .alert-warning {
    box-shadow: 0px 5px 10px rgba(185, 185, 185, .5);
}

.card-body .data-table thead th {
    background: #9d8358;
    color: white;
    font-size: 15px;
}

.company-table thead th,
.table.company-table .thead-inverse th {
    background-color: #9d8358;
    color: white;
    font-family: 'Prostoone';
    font-size: 16px;
}

.company-table thead th,
.company-table tr td {
    text-align: center;
}

.dealer-div {
    position: relative;
    display: block;
    background: #ffcc33;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%);
    color: black;
    border: none;
    border-radius: 0px 7px 7px 0px;
    padding: 0.5% 0.5% 0.5% 2%;
    box-shadow: inset 0 .062em 0 rgba(255, 255, 255, .6), 0 .125em .25em rgba(0, 0, 0, .2);
}

.usersDB-btn .danger a {
    background-color: #FF3833;
    color: white;
}

.usersDB-btn .dropdown-toggle::after {
    display: none;
}

.usersDB-btn .dropdown-toggle {
    font-size: 30px;
}
*/

.company_picture {
    display: block;
    max-width: 100%;
    max-height: 200px;
    margin: 0 auto;
}

.company_infos tr td:first-child {
    font-weight: bold;
    font-size: 1em;
}

.company_infos>thead>tr>th,
.company_infos>tbody>tr>th,
.company_infos>tfoot>tr>th,
.company_infos>thead>tr>td,
.company_infos>tbody>tr>td,
.company_infos>tfoot>tr>td {
    border-top: none;
}


/*//////////////////////BOUTONS SWITCH*/

.material-switch>input[type="checkbox"] {
    display: none;
}

.material-switch>label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch>label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}

.material-switch>label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}

.material-switch>input[type="checkbox"]:checked+label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch>input[type="checkbox"]:checked+label::after {
    background: inherit;
    left: 20px;
}


/*//////////////////////TREE*/

.tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 0 5px;
    position: relative
}

.tree li::before,
.tree li::after {
    content: '';
    left: -20px;
    position: absolute;
    right: auto
}

.tree li::before {
    border-left: 2px solid #000;
    bottom: 50px;
    height: 100%;
    top: 0;
    width: 1px
}

.tree li::after {
    border-top: 2px solid #000;
    height: 20px;
    top: 25px;
    width: 25px
}

.tree li span {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #000;
    border-radius: 3px;
    display: inline-block;
    padding: 3px 8px;
    text-decoration: none;
    cursor: pointer;
}

.tree>ul>li::before,
.tree>ul>li::after {
    border: 0
}

.tree li:last-child::before {
    height: 27px
}

.tree li span:hover {
    background: #9e8458;
    border: 2px solid #9e8458;
}

[aria-expanded="false"]>.expanded,
[aria-expanded="true"]>.collapsed {
    display: none;
}

.explain-field div {
    display: none;
}


/*//////////////////////MAILING*/

.speech-bubble {
    position: relative;
    background: #fcf7f4;
    border-radius: .4em;
}

.speech-bubble:after {
    content: '';
    position: absolute;
    left: 5%;
    top: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right-color: #fcf7f4;
    border-left: 0;
    margin-top: -20px;
    margin-left: -20px;
}

.speech-bubble h1 {
    color: #967431;
    padding: 9%;
    font-size: 17px;
}

.preview-file {
    width: 100%;
    height: 500px;
}

.speech-bubble a {
    margin: 0 auto;
    background-color: white;
    font-size: 20px;
    padding: 4%;
}


/*//////////////////////USER GUIDE*/

.userGuide_menu>li {
    float: none;
}


/*//////////////////////ACTIVITY DIARY*/

svg.ct-chart-bar,
svg.ct-chart-line {
    overflow: visible;
}

.ct-label.ct-label.ct-horizontal.ct-end {
    position: relative;
    justify-content: flex-end;
    text-align: right;
    transform-origin: 100% 0;
    transform: translate(-100%) rotate(-45deg);
    white-space: nowrap;
}


/*//////////////////////SUPPORT*/

#problemForm,
#userDetails {
    background-color: #e6e6e6;
}

.ticket_img {
    width: 100px;
    height: 100px;
    max-width: 100%;
    height: auto;
    cursor: pointer;
}

.ticket_img.shadow {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}

.ticket_img.shadow:hover,
.ticket_img.shadow:focus,
.ticket_img.shadow:active {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
}


/*
.problem_heading {
    background-color: white;
}

.problem_form_part {
    background: white;
    min-height: 445px;
}

.problem_form_title {
    padding: 20px;

    background-color: #59b5ef93;
    display: block;
    width: 100%;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    height: 90px;
}

.problem_form_title .subtitle {
    font-size: 12px;
    text-transform: none;
}

.problem_form_part .btn-primary {
    background-color: #59b5ef93;
    border-color: transparent;
}

.problem_form_part .btn-primary:hover,
.problem_form_part .btn-primary:active,
.problem_form_part .btn-primary:focus {
    background-color: #59b5ef;
}

.problem_form_part:nth-child(10) .problem_form_title,
.problem_form_part:nth-child(10) .btn-primary {
    background-color: #f098979d;
}

.problem_form_part:nth-child(10) .btn-primary:hover,
.problem_form_part:nth-child(10) .btn-primary:focus,
.problem_form_part:nth-child(10) .btn-primary:active {
    background-color: #f09897;
}

.problem_form_part:nth-child(5) .problem_form_title,
.problem_form_part:nth-child(5) .btn-primary,
.problem_form_part:nth-child(11) .problem_form_title,
.problem_form_part:nth-child(11) .btn-primary {
    background-color: #a184f28f;
}

.problem_form_part:nth-child(5) .btn-primary:hover,
.problem_form_part:nth-child(5) .btn-primary:focus,
.problem_form_part:nth-child(5) .btn-primary:active,
.problem_form_part:nth-child(11) .btn-primary:hover,
.problem_form_part:nth-child(11) .btn-primary:focus,
.problem_form_part:nth-child(11) .btn-primary:active {
    background-color: #a184f2;
}

.problem_form_part:nth-child(6) .problem_form_title,
.problem_form_part:nth-child(6) .btn-primary,
.problem_form_part:nth-child(12) .problem_form_title,
.problem_form_part:nth-child(12) .btn-primary {
    background-color: #f0bd829d;
}

.problem_form_part:nth-child(6) .btn-primary:hover,
.problem_form_part:nth-child(6) .btn-primary:focus,
.problem_form_part:nth-child(6) .btn-primary:active,
.problem_form_part:nth-child(12) .btn-primary:hover,
.problem_form_part:nth-child(12) .btn-primary:focus,
.problem_form_part:nth-child(12) .btn-primary:active {
    background-color: #f0bc82;
}

.problem_form_part:nth-child(7) .problem_form_title,
.problem_form_part:nth-child(7) .btn-primary {
    background-color: #a6e68ba4;
}

.problem_form_part:nth-child(7) .btn-primary:hover,
.problem_form_part:nth-child(7) .btn-primary:focus,
.problem_form_part:nth-child(7) .btn-primary:active {
    background-color: #a7e68b;
}

.problem_form_part:nth-child(9) .problem_form_title,
.problem_form_part:nth-child(9) .btn-primary {
    background-color: rgba(239, 209, 89, 0.623);
}

.problem_form_part:nth-child(9) .btn-primary:hover,
.problem_form_part:nth-child(9) .btn-primary:focus,
.problem_form_part:nth-child(9) .btn-primary:active {
    background-color: #EFD059;
}

.problem_form_title i {
    margin-right: 10px;
    float: left;
}

.problem_form_title .title {
    float: left;
    display: block;
    width: 75%;
}

.problem_form_part table thead th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}*/

#sticky {
    padding: 0.5ex;
    width: 1550px;
    background-color: white;
    /*font-size: 2em;*/
    border-radius: 0.5ex;
    -webkit-box-shadow: 0px 10px 32px -13px rgba(69, 69, 69, 1);
    -moz-box-shadow: 0px 10px 32px -13px rgba(69, 69, 69, 1);
    box-shadow: 0px 10px 32px -13px rgba(69, 69, 69, 1);
}

#sticky.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
}


/*
.actions_div {
    width: 95%;
    display: inline-block;
}
*/


/*
.problem_form_part table {
    display: block!important;
    max-height: 150px;
    width: 100%;
}
*/


/*
#contactForm {
    min-height: 150px;
}
*/

#supportForm {
    position: relative;
}

.support_section {
    background: white;
}

.incoming_msg_img img {
    display: inline-block;
    border-radius: 100%;
}

.received_msg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
}

.received_withd_msg p {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
}

.time_date {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
}

.mesgs {
    padding: 30px 15px 0 25px;
    margin: 0 auto;
}

.sent_msg p {
    background: #9f855a none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    color: #fff;
    padding: 5px 10px 5px 12px;
    width: 100%;
}

.outgoing_msg {
    overflow: hidden;
    margin: 26px 0 26px;
}

.sent_msg {
    float: right;
    width: 46%;
}

.input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
}

.type_msg {
    border-top: 1px solid #c4c4c4;
    position: relative;
    margin-top: 4%;
}

.msg_send_btn {
    background: #9f855a none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 33px;
}

.messaging {
    padding: 0 0 50px 0;
}

.msg_history {
    /*overflow-y: auto;*/
}

.write_msg {
    border: transparent;
}

.line-control-menu-bar {
    padding: 0;
    border-radius: 0;
}

.line-control-menu-bar,
.line-control-status-bar {
    background-color: transparent;
    background-image: none;
    border: transparent;
}

.msg_item {
    margin-bottom: 3%;
}

.modal-dialog-xl {
    max-width: 1500px;
}

.support_left_menu .nav-tabs .nav-item {
    display: block;
    width: 100%;
}

.support_left_menu .nav-tabs>li.active>a,
.support_left_menu .nav-tabs>li.active>a:hover,
.support_left_menu .nav-tabs>li.active>a:focus {
    border: none;
    background-color: #f1f1f1;
}

.support_block {
    float: none;
    margin: 0 auto;
}

.toolbox {
    background: white;
    border: solid 1px #ddd;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .05);
    border-radius: 4px;
    padding-bottom: 1%;
}

.toolbox a,
.toolbox a:hover,
.toolbox a:focus,
.toolbox a:active {
    color: #696969;
    text-decoration: none;
}

.toolbox-content .col-lg-6:nth-child(2) {
    border-left: solid 1px #ddd;
}

.row_support .toolbox:nth-child(2),
.row_support .toolbox:nth-child(3) {
    margin-left: 1%;
}

.tootlbox-title {
    padding: 1% 0 7% 0;
    font-weight: bold;
}

.toolbox.admin_tools {
    padding: 1%;
}

.loader_support {
    display: none;
}

.support_left_menu .nav-tabs .nav-link {
    padding-bottom: 9%;
    height: 55px;
}

.support_left_menu .nav-tabs .nav-item+.nav-item {
    margin: 0;
}

.multi_contracts_content .form-check {
    padding: 2% 4%;
}

.incoming_msg_img img {
    width: 50px;
}

.received_withd_msg p {
    word-break: break-all;
    background-color: #f3f3f3;
    padding: 2%;
    margin-bottom: 1% !important;
}

.btn-problem_number {
    padding: 5%;
    border-radius: 0;
}

.problem_company_div {
    margin-left: 2%;
    margin-top: 1%;
    width: 80%;
}

.btn-problem_number,
.problem_company_div {
    float: left;
}

.toolbox>.ajax {
    border-bottom: solid 1px #ddd
}

.problem_toolbox {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 2%;
}

.profile_picture {
    border-radius: 100%;
    max-width: 100px;
}

.todoapp {
    background: #fff;
    margin: 0 0 40px 0;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
}

.new-todo {
    padding: 16px 16px 16px 16px;
    border: none;
    background: rgba(0, 0, 0, 0.003);
    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
}

.todoapp-heading {
    /*background-color: #696969;*/
    background-color: rgba(118, 81, 20, 0.7);
    color: white;
    line-height: 25px;
    font-weight: bold;
}

.action-img {
    width: 30px;
    border-radius: 100%;
    margin-top: 1%;
}

.ranking-red {
    width: 100%;
}

#info form .todoapp {
    box-shadow: none;
    border: solid 1px rgba(0, 0, 0, 0.2);
}

.ball {
    border-radius: 100%;
    display: block;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 50px;
    font-weight: 20px;
}

.ball span {
    color: white;
    text-align: center;
    vertical-align: middle
}

.ball-red-0 {
    background-color: #FC3F48;
}

.ball-red-1 {
    background-color: #FD6068;
}

.ball-red-2 {
    background-color: #FE878D;
}

.todoapp .dataTables_wrapper {
    overflow-x: hidden !important;
}

#support_dynamic_content .tab-content {
    background: white;
}

.support_menu a {
    color: #5a749f;
}

#support_container .btn-group .btn {
    line-height: 40px;
    display: inline-block;
    width: 100%;
    text-align: left;
    position: relative;
    border: none;
    padding: 0;
}

#support_container .btn-group .btn.nav-item.active {
    /*background-color: rgba(118, 81, 20, 0.7);*/
    background-color: #5a749f;
    box-shadow: none;
}

#support_container .btn-group .btn.nav-item a:first-child {
    padding: 5%;
    color: #5a749f;
    text-decoration: none;
    display: inline;
}

#support_container h4 {
    color: #5a749f;
}

#support_container .btn-group .btn.nav-item.active a {
    color: white;
}

.support_div_content {
    border-left: solid 1px #e5e5e5;
    min-height: 100vh;
}


/*#support_dynamic_content table {
    overflow: hidden;
}
*/

#support_dynamic_content .tab-pane .row.mt-1 {
    border: solid 1px rgba(0, 0, 0, 0.2);
}

.btn-support {
    padding: 20px;
    background-color: #696969;
    color: white;
}

.btn-support i {
    display: block;
    width: 100%
}

.problem-management {
    background-color: rgba(0, 0, 0, 0.05);
}

.problem-management .btn,
.problem-management a {
    background-color: white;
    color: #696969;
}

.progressbar {
    counter-reset: step;
}

.progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
}

.progressbar li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 30px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
}

.progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: -50%;
    z-index: -1;
}

#support_container .progressbar li {
    line-height: 20px;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active {
    color: green;
}

.progressbar li.active:before {
    border-color: #55b776;
}

.progressbar li.active+li:after {
    background-color: #55b776;
}

.support_panel_control .btn {
    display: block;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
}

#floating_menu {
    display: block;
    /*width: 25px;
    height: 25px;
    background: red;*/
    position: absolute;
    top: 0;
    margin: 33px 0 0 -4px;
    width: 260px;
}

#floating_menu.fixed {
    position: fixed;
    top: 60px;
}

#floating_menu i {
    margin-right: 10px;
}

#floating_menu .panel-body {
    padding: 5%;
}

#floating_menu .panel-body table tr td {
    padding-left: 15px
}

#floating_menu .panel-body .table {
    margin-bottom: 0px;
}

.ticket_alert {
    display: none;
    position: fixed;
    top: 10%;
    right: 2%;
    z-index: 200;
}

.ticket_alert .alert {
    box-shadow: 0px 10px 32px -13px rgba(69, 69, 69, 1);
    -webkit-box-shadow: 0px 10px 32px -13px rgba(69, 69, 69, 1);
}

.update_action {
    width: 150px;
}

.action_details {
    width: 300px;
}


/*STATISTIQUES*/

#stat .ct-series-a .ct-area,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-slice-pie {
    fill: #64cfc7;
}

#stat .ct-series-b .ct-area,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-slice-pie {
    fill: #5db4df;
}

#stat .ct-series-c .ct-area,
.ct-series-c .ct-slice-donut-solid,
.ct-series-c .ct-slice-pie {
    fill: #ffbe80;
}

#stat .ct-series-d .ct-area,
.ct-series-d .ct-slice-donut-solid,
.ct-series-d .ct-slice-pie {
    fill: #f9d330;
}

#stat .todoapp .ct-legend .ct-series-0::before {
    background-color: #64cfc7;
    border-color: transparent;
}

#stat .todoapp .ct-legend .ct-series-1::before {
    background-color: #5db4df;
    border-color: transparent;
}

#stat .todoapp .ct-legend .ct-series-2::before {
    background-color: #ffbe80;
    border-color: transparent;
}

#stat .todoapp .ct-legend .ct-series-3::before {
    background-color: #f9d330;
    border-color: transparent;
}

#stat .todoapp .ct-legend-inside {
    display: inline-block;
    position: relative;
}

#stat .ct-label.ct-label.ct-horizontal.ct-end {
    transform: none;
}

#stat .toolbox:nth-child(2) {
    margin-left: 0;
}

.ranking-red {
    width: 100%;
}

.ball {
    border-radius: 100%;
    display: block;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 50px;
    font-weight: 20px;
}

.ball span {
    color: white;
    text-align: center;
    vertical-align: middle
}

.ball-red-0 {
    background-color: #FC3F48;
}

.ball-red-1 {
    background-color: #FD6068;
}

.ball-red-2 {
    background-color: #FE878D;
}

[class*="customer-red"] {
    margin-left: -20%;
}

#averageTime {
    font-size: 20px;
    margin: 3% auto;
}

#stat .todoapp {
    height: 355px;
}

.ct-legend-inside {
    position: relative;
}

.ct-legend .ct-series-0::before {
    background-color: #64cfc7;
    border-color: transparent;
}

.ct-legend .ct-series-1::before {
    background-color: #5db4df;
    border-color: transparent;
}

.ct-legend .ct-series-2::before {
    background-color: #ffbe80;
    border-color: transparent;
}

.ct-legend .ct-series-3::before {
    background-color: #f9d330;
    border-color: transparent;
}


/*//////////////////////////////////TOOLTIP */

.tooltipt {
    position: relative;
    display: inline-block;
}

.tooltipt .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -50px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltipt .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltipt:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltipt.btn.disabled {
    pointer-events: initial;
}


/*//////////////////////BASE DE DONNEES UTILISATEURS*/

#future-table .timeline_user_picture,
#users .timeline_user_picture {
    margin-bottom: 0.3%;
}

#users .dataTables_wrapper {
    padding-top: 0;
}


/*//////////////////////GESTION ADMINISTRATIVE*/

#administrative_management h4 {
    color: #9f8559;
}

.timeline_user_picture {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    margin-bottom: -35px;
    margin-left: -7px;
    /*border: 1px solid #bcdff1;*/
    object-fit: cover;
}

.timeline_user_picture.ticket {
    height: 40px;
    width: 40px;
}

.support_3_block {
    width: 32%;
    display: inline-block;
    float: left;
}


/*
.cbp_tmtimeline {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}


/* The line */


/*
.cbp_tmtimeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #B4C1D6;
    left: 2.6%;
    margin-left: 0;
}

.cbp_tmtimeline>li {
    position: relative;
}


/* The date/time */


/*
.cbp_tmtimeline>li .cbp_tmtime {
    display: block;
    width: 25%;
    padding-right: 100px;
    position: absolute;
}

.cbp_tmtimeline>li .cbp_tmtime span {
    display: block;
    text-align: right;
}


/*
.cbp_tmtimeline>li .cbp_tmtime span:first-child {
    font-size: 0.9em;
    color: #bdd0db;
}

.cbp_tmtimeline>li .cbp_tmtime span:last-child {
    font-size: 2.9em;
    color: #3594cb;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
    color: #6cbfee;
}
*/


/* Right content */


/*
.cbp_tmtimeline>li .cbp_tmlabel {
    margin: 0 0 15px 13%;
    background: #5a749f;
    border: solid 1px #5a749f;
    color: #fff;
    padding: 1em;

    position: relative;
    border-radius: 5px;
}

.cbp_tmtimeline>li .cbp_tmlabel h2 {
    margin-top: 0px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}


/* The triangle */


/*
.cbp_tmtimeline>li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #5a749f;
    border-width: 10px;
    top: 10px;
}


/* The icons */


/*
.cbp_tmtimeline>li .cbp_tmicon {
    width: 40px;
    height: 40px;
    font-family: 'ecoico';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #B4C1D6;
    text-align: center;
    left: 0;
    top: 0;
    margin-top: 1%;
}

.cbp_tmtimeline>li .cbp_tmicon img {
    border-radius: 100%;
}


/* Example Media Queries */


/*
@media screen and (max-width: 65.375em) {
    .cbp_tmtimeline>li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 47.2em) {
    .cbp_tmtimeline:before {
        display: none;
    }
    .cbp_tmtimeline>li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }
    .cbp_tmtimeline>li .cbp_tmtime span {
        text-align: left;
    }
    .cbp_tmtimeline>li .cbp_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }
    .cbp_tmtimeline>li .cbp_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #3594cb;
        top: -20px;
    }
    .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #6cbfee;
    }
    .cbp_tmtimeline>li .cbp_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0px;
    }
}
*/


/*//////////////////////RAPPELS*/

#parts {
    min-height: 300px;
}


/*//////////////////////FOOTER*/

.page-footer {
    box-shadow: 0px 0px 5px rgba(26, 26, 26, .5);
}

.footer-contain {
    background-color: rgba(118, 81, 20, 0.7);
    padding-top: 1.5%;
    /*margin-top:2%;*/
    color: white;
}

.footer-contain a {
    color: black;
}

.footer-copyright {
    background-color: white;
}

.footer-copyright p {
    margin: 0;
}

.footer-contain .follow a {
    display: block;
    width: 10%;
}


/*//////////////////////PAGE MAINTENANCE*/

.maintenance-text {
    text-align: center;
    font-size: 18px;
    height: 100vh;
    width: 100%;
}

.maintenance-text .row {
    position: relative;
    top: 35%;
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
}

.maintenance-text i {
    font-size: 2em;
    color: #e0d7c5;
    vertical-align: middle;
}

.maintenance-text i {
    text-align: right;
}

.maintenance {
    background: url(../../media/img/logo_satinfo.jpg) center no-repeat;
    background-size: 30%;
    display: block;
    height: 500px;
    opacity: 0.3
}

.container-fluid .news-bar {
    text-align: center;
    padding: 0.5% 0;
    background-image: linear-gradient(#6D6D6D, #373737);
    color: #FDFF5B;
}


/*///////////////////////////////////MEDIA QUERIES */


/*//////////////////////////////////BOOTSTRAP ADD */

@media screen and (max-width: 1000px) {
    .p-xs-0 {
        padding: 0;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1500px) {
    .bandeau {
        width: 50%;
    }
    .navbar-full {
        margin-left: 13%;
    }
    .bandeau .navbar-brand {
        font-size: 20px;
    }
    .bandeau .navbar-brand .subname {
        font-size: 10px;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1024px) {
    .header *>div {
        text-align: left;
    }
    .map {
        width: 100%;
        display: block;
        position: relative;
    }
    .aside-map {
        display: block;
        width: 100%;
    }
    .log:first-child {
        padding-right: 0;
    }
    .dropdown-menu .nav-link {
        padding: 0;
    }
    .nav-resp .nav-item {
        display: block;
        width: 80%;
    }
    .nav-resp .dropdown-menu ul li a {
        color: white;
    }
    .nav-resp .dropdown-menu ul li a:hover,
    .nav-resp .dropdown-menu ul li a:active,
    .nav-resp .dropdown-menu ul li a:focus {
        color: #B3C618;
    }
    .nav-resp .dropdown-menu {
        left: -72%;
        top: 142%;
    }
    .logo img {
        height: auto;
        width: 40%;
    }
    .header {
        padding: 0;
    }
    #main {
        width: auto;
    }
    .dropdown-menu .nav-link:hover {
        background-color: #696969;
    }
    .dropdown-menu .nav-item {
        color: #B3C618;
    }
    .nav-resp .dropdown-menu ul li .users,
    .nav-resp .dropdown-menu ul li .management {
        display: none;
    }
    .nav-resp .dropdown-menu ul li .users .dropdown-menu .a {
        display: block;
    }
    .auth-buttons {
        padding: 2%;
    }
    .btn-circle {
        width: 50px;
        height: 50px;
        margin: 0 2%;
    }
    .process-row::before {
        background-color: transparent;
    }
    svg {
        width: 100%;
    }
    .dashboard-box {
        margin-top: 1%;
    }
}

@media screen and (max-width: 1000px) {
    .navbar-responsive {
        display: block;
    }
    .navbar-full {
        display: none;
    }
    .bandeau {
        display: none;
    }
    .bandeau-resp {
        display: block;
        font-size: 11px;
        padding: 0;
    }
    .row-notifs ul {
        float: none;
    }
    .header nav.navbar div {
        padding: 0;
    }
    .full-btn {
        display: none;
    }
    .margin-6 {
        margin-top: 6%;
    }
    .navbar-nav ul li {
        display: inline
    }
    .navbar.navbar-nav {
        display: block;
        z-index: 500;
        position: absolute;
        right: 0;
        top: 40px;
    }
    .navbar.navbar-nav.closed {
        visibility: hidden;
    }
    .header {
        background: none;
    }
    .header *>div {
        text-align: left;
    }
    .header .user-nav {
        visibility: hidden;
    }
    .header .row .pl-0 {
        display: none;
    }
    .rtk {
        display: none;
    }
    .bg-sat {
        display: none;
    }
    .header .row:nth-child(2) {
        height: 80px;
    }
    .homepagepapercut {
        display: none;
    }
    /*Mettre (1) si le logo doit être collé*/
    .container-fluid .row:nth-child(3) {
        padding: 0;
    }
    .container-fluid .container-principal .row:nth-child(3) {
        padding: 0 16px;
    }
    .auth-buttons .row {
        padding: 0;
    }
    .dropdown-resp {
        display: block;
    }
    .dropdown-menu .nav-link {
        padding: 0;
        /*color:white;*/
    }
    .row-notifs {
        display: block;
    }
    .row-notifs ul {
        padding: 0;
        margin: 0;
    }
    .row-notifs ul li {
        width: 32%;
    }
    .row-notifs ul li:nth-child(4),
    .row-notifs ul li:nth-child(5),
    .row-notifs ul li:nth-child(6),
    .row-notifs ul li:nth-child(7) {
        border-top: 1px solid #d8d8d8;
    }
    .nav-resp .nav-item {
        display: block;
        width: 80%;
    }
    .nav-resp .dropdown-menu ul li a {
        padding: 8% 0;
    }
    .nav-resp .dropdown-menu ul li a:hover,
    .nav-resp .dropdown-menu ul li a:active,
    .nav-resp .dropdown-menu ul li a:focus {
        color: #483001;
    }
    .nav-resp .dropdown-menu {
        left: -72%;
        top: 142%;
    }
    .admin_nav li {
        display: inline-block;
        float: right;
        height: 60px;
    }
    .navbar-default .navbar-nav>li.resp-btn-profile {
        display: block;
    }
    .header {
        padding: 0;
    }
    #main {
        width: auto;
    }
    .dropdown-menu .nav-item {
        color: #B3C618;
    }
    .extend {
        margin: 1.5% 10%;
    }
    .nav-resp .dropdown-menu ul li .users,
    .nav-resp .dropdown-menu ul li .management {
        display: none;
    }
    .nav-resp .dropdown-menu ul li .users .dropdown-menu .a {
        display: block;
    }
    #graph {
        display: block;
        width: 100%;
    }
    .dataTables_scrollBody {
        height: 100%;
    }
    #contracts {
        overflow: auto;
    }
    svg {
        width: 100%;
    }
    .sticky {
        position: relative;
    }
    #msg-container {
        width: 35%;
    }
    .footer {
        padding: 20px;
    }
    .footer .foot .footer-links ul li {
        display: block;
    }
    .footer .footer-links {
        column-count: 1;
        column-width: 200px;
    }
    .sat-footer-links ul li {
        width: 20%;
    }
    .dashboard-box {
        margin-top: 1%;
    }
    .footer-copyright {
        font-size: 10px;
    }
    .footer-contain table {
        text-align: left;
    }
    .footer-contain table,
    .footer-contain .social {
        margin: 0 auto;
    }
    .footer-contain .text-uppercase {
        font-size: 15px;
    }
    .sticky {
        position: initial!important;
    }
}

@media screen and (max-width: 767px) {
    .admin-nav-row .navbar-toggler {
        display: block;
    }
    .support_3_block {
        width: 100%;
    }
}

@media screen and (max-width: 621px) {
    #floating_menu {
        width: 100%;
        position: relative;
    }
    .row-notifs {
        display: none;
    }
    .row-container-principal .w3-sidebar {
        display: none;
    }
    .admin-nav-row {
        width: 100%;
    }
    .content-side-box {
        max-height: none;
        overflow: hidden;
    }
    .content-side-box.historical {
        height: auto;
    }
    #AdminNav {
        background-color: transparent !important;
    }
    #AdminNav .w3-sidebar {
        width: 100%;
        background: rgba(118, 81, 20, 0.7)!important;
        padding-top: 0;
        height: auto;
    }
    #AdminNav .w3-sidebar .text-center {
        display: none;
    }
    #AdminNav ul li,
    #AdminNav ul li.dropdown li {
        display: block;
        width: 100%;
    }
    .header nav.navbar.admin_nav ul li .dropdown-menu {
        position: absolute;
        border: solid white 1px;
    }
    .navbar-responsive {
        display: block;
    }
    .navbar-full {
        display: none;
    }
    .navbar-default .navbar-nav>li.resp-btn-profile {
        display: block;
    }
    .bandeau {
        display: none;
    }
    .bandeau-resp {
        display: block;
        font-size: 11px;
        padding: 0;
    }
    .nav-resp {
        margin-top: 0%;
    }
    .nav-resp ul {
        margin: 0;
    }
    .btn-round {
        margin-top: 7%;
        margin-left: 0!important;
    }
    .dashboard-box.details {
        height: auto;
    }
    #msg-container {
        width: 45%;
    }
    .toolbox:nth-child(2) {
        margin-left: 0;
    }
    .footer-contain {
        margin-top: 7%;
    }
    .menu-notif li a {
        padding: 0 0.5em;
    }
    .dashboard-box {
        margin-top: 6%;
    }
    .table-bordered>thead>tr>th.responsive-dashboard-columns,
    .table-bordered>tbody>tr>th.responsive-dashboard-columns,
    .table-bordered>tfoot>tr>th.responsive-dashboard-columns,
    .table-bordered>thead>tr>td.responsive-dashboard-columns,
    .table-bordered>tbody>tr>td.responsive-dashboard-columns,
    .table-bordered>tfoot>tr>td.responsive-dashboard-columns {
        display: block;
        border: transparent;
    }
    .table-bordered>thead>tr>th,
    .table-bordered>tbody>tr>th,
    .table-bordered>tfoot>tr>th,
    .table-bordered>thead>tr>td,
    .table-bordered>tbody>tr>td,
    .table-bordered>tfoot>tr>td {
        width: 25%;
    }
    .responsive-hidden-columns {
        display: none;
    }
    #sticky {
        width: 95%;
    }
    .footer-contain .follow a {
        margin: 0 auto;
    }
}