/* Colors
****************************************************/
.btn-primary,
.page-item.active .page-link,
.alert-primary{
    background-color: #27b7c1;
    border-color: #27b7c1;
}
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-primary-dark{
    background-color: #1591a5;
    border-color: #1591a5;
}
.btn-primary-dark{
    color: #fff;
}
.btn-primary-dark:hover{
    background-color: #23272b;
    border-color: #23272b;
    color: #fff;
}

.badge-primary,
.nav-pills .nav-link.active, .nav-pills .show>.nav-link,
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active,
.card-primary:not(.card-outline)>.card-header,
.dropdown-item.active, .dropdown-item:active{
    background-color: #27b7c1;
}
.bg-primary {
    background-color: #27b7c1!important;
}
.card-primary.card-outline, .callout-primary.callout{
    border-color: #27b7c1;
}
a, .page-link,
.nav-pills .nav-link:not(.active):hover{
    color: #27b7c1;
}
.text-primary,
.card-footer .link-black:focus, .card-footer .link-black:hover {
    color: #27b7c1!important;
}
a:hover{
    color: #1591a5;
}

.bg-gradient-primary {
    background: #27b7c1 linear-gradient(180deg,#38d4df,#27b7c1) repeat-x!important;
}


.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
    background-color: #27b7c1 !important;
}

.alert a.btn, .callout a.btn{ color: #fff; text-decoration: none; }

/* Generals and boostrap elements
****************************************************/
label:not(.form-check-label):not(.custom-file-label), legend.col-form-label {
    font-weight: 400;
    color: #6c757d;
    font-style: italic;
}
legend.col-form-label {
    margin-bottom: .5rem;
    padding: 0;
}
.content-header h1 small{
    font-size: 1rem;
    font-weight: 300;
    color: #6c757d;
    padding-left: 1rem;   
}

.alert.alert-sm {
    padding: .5rem;
}

.btn-icon-left i{
    margin-right: 6px;
}

.title-form {
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.dropdown-toggle.dropdown-icon.btn-icon-left > span {
    margin-right: 5px;
}

.badge-orange{ background-color: #F7934C; }
.text-black{ color: #212529; }
.c-pointer{ cursor: pointer; }

/* Login page
****************************************************/
.login-page, .register-page{
	background-image: url('../img/login.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	position: relative;
	z-index: 1;
}

.login-page::before, .register-page::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #032223;
    background: -webkit-linear-gradient(bottom,#032223,#00c6fb);
    background: -o-linear-gradient(bottom,#032223,#00c6fb);
    background: -moz-linear-gradient(bottom,#032223,#00c6fb);
    background: linear-gradient(bottom,#032223,#00c6fb);
    opacity: .9;
}

.login-card-body, .register-card-body {
    border-radius: 10px;
    overflow: hidden;
    padding: 40px 40px 20px;
}
.resetpw-card-body{
    padding-left: 25px;
    padding-right: 25px;
}

.login-box-msg, .register-box-msg {
    font-size: 2rem;
    padding: 0 0 20px;
}

.login-box-footer, .register-box-footer {
    text-align: center;
    margin-top: 50px;
}
.login-box-footer a {
    color: #999;
}
.login-box-footer a:hover {
    text-decoration: underline;
    color: #17a2b8;
}

/* Registration */
.register-page {
    height: auto;
    padding-top: 5%;
    padding-bottom: 5%;
    min-height: 100vh;
}
.register-box { width: 960px; max-width: 85%; }



/* Top header switch user
****************************************************/
.navbar-switch-user{
    color: #fff;
    text-align: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1037;
}
.navbar-switch-user p{
    width: 100%;
}
.main-navbar-switch-user{
    margin-top: 48px;
}


/* Command page
****************************************************/
/* Infos commande box */
.form-check > .form-check-input, .form-check > .form-check-label{
    cursor: pointer;
}
.price{
    border-top: 1px solid #dee2e6;
}
.price small{
    font-size: 70%;
}
.price #total{
    float: right;
}

/* Article form */
.select2-container{
    width: 100% !important;
}
.col-md-simulate{
    display: inline-block;
}
.tooltip-helper {
    float: right;
    margin-top: -38px;
}

/* Fix info bottom on mobile */
@media screen and (max-width: 767px){
    .fix-price {
        background: #343a40;
        color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        padding: 0 1rem;
    }
    .fix-price .price {
        border: none;
        padding: 0 !important;
        margin-top: 1rem !important;
    }
}

/* Panier
****************************************************/
.cart-estim{
    background-color: rgba(0,0,0,.05);
}

/* Commande view
****************************************************/
.card-footer .link-black{ margin: 0 5px; }
.card-footer .link-black:first-child{ margin-left: 0; }
.card-footer .link-black:last-child{ margin-right: 0; }

.livraison-preview h1 { font-size: 1.9rem; }
.livraison-preview h2 { font-size: 1.6rem; }
.livraison-preview h3 { font-size: 1.4rem; }
.livraison-preview h4 { font-size: 1.3rem; }
.livraison-preview h5 { font-size: 1.2rem; }
.livraison-preview h6 { font-size: 1.1rem; }


/* Stats admin view
****************************************************/
.inline-form-group {
    display: block;
    width: 100%;
}
.inline-form-group:after {
    content: ' ';
    display: block;
    clear: both;
}
.inline-form-group .col-form-label, .inline-form-group .form-inline {
    display: inline-block;
    float: left;
}
.inline-form-group .col-form-label {
    width: 40px;
    line-height: 30px;
}