.custom-tool-button{
    color: black;
}
.custom-tool-button:hover{
    color: dodgerblue;
}
.link-blog, .link-blog:hover{
    color: dodgerblue !important;
}
.center{
    display: block;
    margin: 0 auto;
}
.width-1{
    width: 8.3333333333333333333333333333333%;
}
.width-2{
    width: 16.666666666666666666666666666667%;
}
.width-3{
    width: 25%;
}
.width-4{
    width: 33.333333333333333333333333333333%;
}
.width-5{
    width: 41.666666666666666666666666666667%;
}
.width-6{
    width: 50%;
}
.width-7{
    width: 58.333333333333333333333333333333%;
}
.width-8{
    width: 66.666666666666666666666666666666%;
}
.width-9{
    width: 75%;
}
.width-10{
    width: 83.333333333333333333333333333333%;
}
.width-11{
    width: 91.666666666666666666666666666666%;
}
.width-12{
    width: 100%;
}
@media (max-width: 992px){
    .width-1, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8{
        width: 80%;
    }
}
.loading-enter {
    opacity: 0.01;
    transition: opacity .5s ease-in;
}
.loading-enter.loading-enter-active {
    opacity: 1;
}
.loading-leave {
    opacity: 1;
    transition: opacity .5s ease-in;
}
.loading-leave.loading-leave-active {
    opacity: 0.01;
}