#flowchart {
    margin-bottom: 0;
}

#animated_flow {
    position: relative;
}

#animated_flow .container {

}

body.fleetmanagement #animated_flow .container{
    padding: 0;
}

body.fleetmanagement #c202 > .col-md-12{
    padding: 0;
}

@media all and (max-width: 670px) {
    #description {
        position: relative;
        z-index: 10000;
        height: 0;
    }

    #description #sinner {
        padding: 20px;
        background: #eaeaea;
        display: none;
    }

    #description.active #sinner {
        display: block;
    }

    #description h5 {
        text-transform: uppercase;
        font-size: 18px;
        margin: 0;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        color: #333;
        font-family: "Benton Sans Medium";
    }

    #description h5 small {
        font-weight: normal;
        display: block;
        color: #c31622;
        text-transform: none;
        font-family: "Benton Sans";
        margin-bottom: 4px;
        font-size: 12px;
    }

    #description ul {
        margin-top: 16px;
        padding-left: 18px;
        margin-bottom: 0;
    }

    #description ul ul {
        margin-top: 0;
        font-size: 100%;
        list-style-type: none;
        padding-left: 0;
    }

    #tooltip {
        display: none;
    }

    #spacer {
        margin-bottom: 30px;
    }

}

@media all and (min-width: 671px) {
    #description.active #sinner {
        display: none;
    }

    #tooltip {
        margin-left: 5px;
        position: absolute;
        z-index: 1000;
        width: 300px;
        font-family: "Benton Sans";
        top:0;
        left:0%;
        /*display: none;*/
    }

    #tooltip #inner, #tooltip .inner {
        opacity: 0;
        background: #eaeaea;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12);
        -webkit-transition: opacity 500ms ease;
        -moz-transition: opacity 500ms ease;
        -ms-transition: opacity 500ms ease;
        -o-transition: opacity 500ms ease;
        transition: opacity 500ms ease;
        position: absolute;
        width: 100%;
        
    }

    #tooltip.active {
        display: block;
    }

    /*#tooltip.active #inner, */
    #tooltip.active .inner.active {
        opacity: 1;
        border-bottom: 2px solid #c31622;
        height: auto;
    }

    #tooltip .inner .t_wrap{
        margin: 20px;
    }

    #tooltip h5 {
        text-transform: uppercase;
        font-size: 18px;
        margin: 0;
        border-bottom: 1px solid #c31622;
        padding-bottom: 10px;
        color: #333;
        font-family: "Benton Sans Medium";
    }

    #tooltip h5 small {
        font-weight: normal;
        display: block;
        color: #c31622;
        text-transform: none;
        font-family: "Benton Sans";
        margin-bottom: 4px;
        font-size: 12px;
    }

    #tooltip ul {
        padding-left: 18px;
        margin-bottom: 0;
        font-size: 14px;
        margin-top: 16px;
    }

    #tooltip ul ul {
        font-size: 100%;
        list-style-type: none;
        padding-left: 0;
        margin-top: 0;
    }

    svg {
        max-width: 100%;
    }
}