/*'#d20e55';
export const jaune = '#fab31e';
export const petrole = '#003745';
export const vert = '#a8d3af';*/
body {
    font-family: 'Outfit', sans-serif;
}

h3, h2 {
    font-family: 'Outfit', sans-serif;
}
#timeline{
    background-color: #f0f1f3;
}
#timeline .vis-timeline {
    border: none
}
#timeline .vis-time-axis.vis-text {
    font-weight: bold;
}

#timeline .vis-time-axis.vis-grid.vis-major.vis-grid.vis-minor {
    border: none
}

/*.vis-time-axis .vis-text {*/
/*    color: purple;*/
/*    padding-top: 10px;*/
/*    padding-left: 10px;*/
/*}*/

.vis-item.sendingMeasures{
    background-color: transparent;
    border: none;
    color: #7c2254 ;
}

.vis-item.sendingHydratationAndAlcohol{
    background-color: transparent;
    border: none;
    border-width: 1px;
    color: #7c2254 ;
}

.vis-item.vis-selected.vis-point.sendingMeasures{
    background-color: transparent;
}

.vis-item.vis-dot.sendingMeasures{
    border-color: #7c2254 ;
}

.vis-item.vis-dot.vis-selected.sendingMeasures{
    border-color: #fab31e ;
}

.vis-item.vis-line.sendingMeasures{
    border-width: 2px;
}


.vis-item.vis-selected.vis-point.sendingHydratationAndAlcohol{
    background-color: transparent;
}

.vis-item.vis-dot.sendingHydratationAndAlcohol{
    border-color: #7c2254 ;
}

.vis-item.vis-dot.vis-selected.sendingHydratationAndAlcohol{
    border-color: #fab31e ;
}
.vis-item.vis-line.sendingHydratationAndAlcohol{
    border-width: 2px;
}

.vis-item.vis-selected.vis-point.problemDeclaration{
    background-color: transparent;
}

.vis-item.vis-dot.problemDeclaration{
    border-color: #7c2254 ;
}

.vis-item.vis-dot.vis-selected.problemDeclaration{
    border-color: #fab31e ;
}
.vis-item.vis-line.problemDeclaration{
    border-width: 2px;
}

.vis-item.vis-selected.vis-point.uploadingImage{
    background-color: transparent;
}

.vis-item.vis-dot.uploadingImage{
    border-color: #7c2254 ;
}

.vis-item.vis-dot.vis-selected.uploadingImage{
    border-color: #fab31e ;
}
.vis-item.vis-line.uploadingImage{
    border-width: 2px;
}

#timelineBox {
    margin:auto;
    width: 100%;
    overflow-x: scroll
}

#timelineBox::-webkit-scrollbar {
    width: 20px
}
#timelineBox::-webkit-scrollbar-thumb {
    background: #7c2254;
    border-radius: 10px;
}

#timelineBox::-webkit-scrollbar-thumb:hover {
    background: #fab31e ;
    border-radius: 10px;
}