/*Copyright (c) Dr. Heba Sailem 2021*/

.side-canvas{
    position: relative;
    width: 75%;
    display: flex;
    justify-content: space-between;
}
.side-container{
    display: inline-block;
    background-color: #474747;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}
.side-nav{
    display: flex;
    flex-direction: column;
    flex: 1 1;
    height: 100%;
    align-items: center;
    justify-content: space-evenly;
}
.side-nav>div:hover{
    cursor: pointer;
}
.colors{
    position: relative;
}

.pick-border-color{
    position: absolute !important;
    top: 16px;
    left: 15px;
}


#border-color{
    width: 15px;
    height: 15px; 
    margin-left: 8px; 
    margin-top: 1px;
    border: 1px solid black;
    background-color: white;
}
#inner-color{
    position: relative;
    width: 15px;
    height: 15px; 
    margin-left: 14px; 
    border: 1px solid black;
    background-color: black;
}

.canvas-div{
    margin-left: 8px;
}

.color-pick-div{
    display: flex;
    height: 10%;
    flex-direction: column;
    justify-content: space-between;
}