html {
    height: 100%;
}

body {
    min-height: 100%;
}

.footer {
    position: fixed;
    left: 0;
    font-weight: 600;
    bottom: 0;
    width: 100%;
    background-color: transparent;
    text-align: center;
}

.footer>p>a {
    color: black
}

.footer>p>a:hover {
    color: #00B0FF
}

.badge {
    font-size: 12px;
}

.vertical-align {
    display: flex;
    align-items: center;
}

#content {
    padding-top: 20px;
    padding-bottom: 0px;
}

#content_wrapper {
    padding-top: 60px !important;
    margin-left: 0px !important;
    height: 100%;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: #00B0FF;
    border-radius: 25px;
    background: linear-gradient(#00B0FF 0%, #127badd9 100%);
}

.nav-pills>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: 600;
}

.panel {
    border-radius: 20px;
    margin-bottom: 12px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.panel-header {
    color: #00b0ff;
}

.panel-footer, .panel-body {
    padding: 0px;
}

.panel-body>a>img {
    width: 100%;
}

.panel-footer>.btn-group {
    display: flex;
}

.panel-footer>.btn-group>button {
    flex: 1;
}

.panel-footer>.btn-group>button:first-child {
    border-radius: 0px 0px 0px 20px!important;
    border-right: 1px solid white;
}

.panel-footer>.btn-group>button:last-child {
    border-radius: 0px 0px 20px 0px!important;
    border-left: 1px solid white;
}

#panel-verre>.panel-footer>.btn-group>button {
    color: white;
    background: #2A5BAF;
}

#panel-contacto>.panel-footer>.btn-group>button {
    color: white;
    background: #00B0FF;
}

#panel-commande>.panel-footer>.btn-group>button {
    color: white;
    background: #2A5BAF;
}

#panel-forme>.panel-footer>.btn-group>button {
    color: white;
    background: #00B0FF;
}

.grow {
    display: inline-block;
    border-radius: 60px;
    background-color: #f6f6f6;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.grow:hover {
    color: white;
    background-color: #00b0ff;
    transform: scale(1.25);
}

/* Datatable Tracking */

#trackingTable_processing {
    z-index: 2;
}

#trackingTable_info {
    padding-top: 5px;
    margin-left: 50px;
}

#trackingTable>tbody>tr>td {
    border-top: 1px solid #F0F0F0;
}

.dataTables_scroll>.dataTables_scrollHead>.dataTables_scrollHeadInner>table>thead>tr>th {
    background-color: #00B0FF;
    color: white;
    border-right: 1px solid white;
}

.childTable>thead>tr>th {
    background-color: #00B0FF;
    color: white;
    border: none;
}

.even>td:first-child:hover {
    color: #00B0FF;
    cursor: pointer;
}

.odd>td:first-child:hover {
    color: #00B0FF;
    cursor: pointer;
}

.even>td:last-child>i:hover {
    color: #00B0FF;
    cursor: pointer;
}

.odd>td:last-child>i:hover {
    color: #00B0FF;
    cursor: pointer;
}

.dataTable {
    width: 100%!important
}

.dataTables_scrollHeadInner {
    width: 100%!important
}

#trackingTable_filter {
    padding-bottom: 4px;
}

#trackingTable_filter>label>input {
    border-radius: 12px;
}

.dt-button {
    border-radius: 12px!important;
    background: #00B0FF!important;
    color: white!important;
    border: none!important;
}

.lastRefresh, .filtersState {
    padding-top: 5px;
    display: inline-block;
}

.filtersState {
    margin-left: 25px;
}

.dataTables_paginate {
    margin-top: 10px!important;
}

.pagination>li>a {
    color: #00B0FF;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background: #00B0FF;
    border-color: #00B0FF;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #00B0FF;
}

select {
    color: #4B6069;
    border-radius: 12px;
}

option {
    color: #4B6069;
}

#dataDashboard > .panel-header > .nav-pills > li:hover{
    background-color: #DEDEDE;
    background: linear-gradient(#fff 0%, #DEDEDE 100%);
}

#dataDashboard{
    background: transparent ;
}

#dataDashboard > .panel-header {
    background: transparent ;
}

#dataDashboard .panel-body{
    background: linear-gradient(transparent 0%, #fff 5%);
}

#dataDashboard > .panel-header > .nav-pills > li{
    background-color: white;
    border-radius: 25px;
}

#dataDashboard .nav-justified {
    display: flex;
    justify-content: space-between;
}

#dataDashboard li {
    width: 20%;
    box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
}

#dataDashboard .nav-pills > li.active > a {
    border: none;
}

#dataDashboard .nav-pills > li:first-child:not(.active) > a {
    color:#c92323;
}

#dataDashboard .nav-pills > li:first-child > a {
    color: #fff;
}