/* couleur bleu par defaut */
.main-color {
    color: #289dcc !important;
}
.bg-color {
    background-color: #289dcc !important;
    color: #fff !important;
}

.main-logo{
    padding-top:-10%; 
    top:0; 
    position:absolute;
    width:80px;
    height:80px;
}

.text-orange {
    color: #fa5c20 !important;
}

.text-green {
    color:#1c4a1f !important;
}

.bg-orange {
    background: #fa5c20 !important;
    color: #fff !important;
}

.text-black {
    color: black !important;
}

.ebusi-form {
    background: linear-gradient(white, #289dcc); 
    background-image: linear-gradient(white, rgb(74, 132, 232));
    background-position-x: initial; 
    background-position-y: initial; 
    background-size: initial; 
    background-attachment: initial;
    background-origin: initial; 
    background-clip: initial; 
    background-color: initial;
}

.carte {
    background: #fff;
    -webkit-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
}

.item {
    background: rgba(0,0,0,.45);
    color: #fff !important;
}
.item:hover {
    background: rgba(0,0,0,.85);
}

.item.current {
    position : relative;
    height: 100%;
    background-color: #343a40;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.item.current::after{
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    left: 100%;
    top: 0;
    border: 30px solid transparent;
    border-left: 20px solid #343a40;
}