@font-face {
    font-family: BTCurve;
    src: url("BTCurve/BTCurve_Rg.ttf");
}

* {

font-family: BTCurve; 
}

.sidebar-timeframe-button {

    font-family: BTCurve;
    background: none;
    color: #5514bb;
    border-top:1px solid #f3edff;
}

.sidebar-timeframe-button:hover {

    background-color: #fe81f8;
}

.sidebar-table tr:last-child td { 

    padding: 10px;
}

.sidebar-table, .sidebar-table th, .sidebar-timeframe-button, .sidebar-table tr:last-child td {
    font-size: 17px;
    
}

#map .h5, #map .h6 {

    padding-top:18px;
}

.dialog-type1 h2, .tall-video .text-content h2, .dialog-type2-text .text-content h3 {

    padding-top:12px;
    

}

.dialog-type1 h2,  .dialog-type1 h4,.h5, .dialog-type1 .text-content p,  .dialog-type3 .tall-video .text-content p, .dialog-type9 .tall-video .text-content p, .dialog-type2-text .text-content p, .h9, .dialog-type6 .message-container .h6, .tall-video .text-content h2, #map .h5, #map .h6, .tall-video, .dialog-type2-text .text-content h3, .text-content h2, .sidebar-table th, .sidebar-features,  .dialog-type6 .message-container .h5, .sidebar-timeframe-button.active, .sidebar-toggle, .sidebar-toggle:hover {

        color: #5514bb;
        

}

.dialog-type1 .text-content h3, .dialog-type2-text h4,  .dialog-type1 h4, .dialog-type3 .tall-video .text-content h4 {

    color:#fe81f8;
}

#canvas-continue-button, .play-button {

    background-color: #fe81f8;
}

.dialog-type9 .circle-video, .dialog-type3 .circle-video {

    border: 7px solid #fe81f8;
}

 p {

    color: #454545;
}
#logocontainer {

    text-align:center;
}

.sidebar-main-content {

    padding-top: 44px;
    

}

.sidebar-toggle:hover {

    background-color: #fe81f8;
}

#canvas {

    border: 1px solid #fe81f8;
}

.dialog-type6 .message-container .h7 {

    background: -webkit-linear-gradient(left,#fe81f8, #30c2e8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size:28px;
    margin-top:26px;


}


.dialog-type1 .text-content p, .dialog-type2-text .text-content p, #softwaredemo .h5, .dialog-type3 .tall-video .text-content p{
font-size: 17px;
line-height: 1.4;
}

.dialog-type6, .dialog-type6-video {

    background: linear-gradient(37deg,rgba(229, 244, 250, 0.8) 0%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.9) 70%, rgba(226, 218, 243, 0.9) 100%);



}

#sidebar,  .sidebar-toggle{

    background: #ffffff;
}

#overlay {
    width:0px;
    height:0px;
}

.dialog-type1, .dialog-type3 .tall-video {

    background: rgba(255, 255, 255, 0.9);
}

.dialog-type1 .text-content h3 {

    font-weight: bold;
}

#dialog3-text, #logging, #wiping, #remarketing, #replacementstreet, #recycling, #dialog3-video2, #Assessment, #Assessment2, #Preparing, #Filtering, #Filtering2, #reporting, #replacement, #Preparing2, #Repurposing, #Preparing3, #Assessment3, .dialog-type3 .tall-video, .dialog-type9 .tall-video{

    background: rgba(255, 255, 255, 0.9);
}