#main_timeline_container {
    margin-left:50px;
}

.daterangepicker,
.sp-container { 
    z-index:99999999;
}

.sp-colorize-container {
    width:41px;
}

.form-control {
    display:flex;
    padding: 5px;
}

.form-control label {
    width:40%;
    text-align:right;
    margin-right: 15px;
    line-height: 37px;
}
.form-control input {
    width: 215px;
    height: 34px;
    border-radius: 4px;
    border: 1px solid grey;
}
.form-control span.sp-original-input-container {
    width: 223px;
}

.indic_dbl {
    font-weight: bold;
    margin-right: 10px;
}

#controls_container {
    padding:15px;
    border : 2px solid black;
    float: right;
    margin-top: 100px;
    margin-right: 50px;
}

#controls_container .form-control label {
    width: 220px;
    line-height: 42px;
}

#add_event {
    padding: 15px 41px;
}

.btn.btn-primary {
    color: #FFF;
    border-radius: 4px;
    border:none;
    cursor:pointer;
    text-transform:uppercase;
    font-weight:bold;
}

.btn.btn-primary.blue {
    background-color: #3498db;
    
}

.btn.btn-default {
    border: none;
    border-radius: 4px;
    cursor:pointer;
}

.btn.btn-primary.blue:hover {
    background-color: #2980b9;
}

.event:hover {
    cursor:grab;
}

.btn.btn-primary.blue:disabled {
    background-color: #e3e3e3;
}

.daterangepicker .drp-buttons .btn {
    padding: 8px 8px;
}


.delete_event {
    padding: 5px 72px;
}

.btn.btn-primary.red {
    background-color: #f32f2f;
    
}

.btn.btn-primary.red:hover {
    background-color: #c71c1c;
}

text.legende {
    font-size:12px!important;
}