.bg-white
{
background-color: #263238;

}
.bg-transparent{

    background-color: transparent;
}

.text-blue{
    color: #78cdf6;
}
.bg-blue{
    background-color: #78cdf6;
}
.bg-orange{
    background-color: #f4ba8c;
}
.text-orange{
    color: #f4ba8c;
}
.text-white{
    color: white;
}
.no-border{
    border: none;
}
.no-shadow{
    box-shadow: none;
}
.rounded{
    border-radius:10px ;
}
.full-rounded{
    border-radius:100px;
}
.rounded-top{

    border-top-left-radius:10px ;
    border-top-right-radius:10px ;
}
.rounded-bottom{

    border-bottom-left-radius:10px ;
    border-bottom-right-radius:10px ;
}
.CheckBtn >check{
    background-color: transparent;
    border-radius: 100%;
    padding: 3px;
    border: 7px solid ;
    
    min-width: 1px;
    min-height: 1px;
}
.CheckBtn :checked{
    background-color: rgb(156, 205, 255);
    border: 0px solid ;
    padding: 15px;
}
.CheckBtn-Orange >check{
    border-color: #f4ba8c;
}
.CheckBtn-Purple >check{
    border-color: #eabaf0;
}
.CheckBtn-Pink >check{
    border-color: #f18fa5;
}
.CheckBtn-Blue >check{
    border-color: #75d0f1;
}
.CheckBtn-Green >check{
    border-color: #9bffee;
}


.sm-font{
    font-size: 8px;

}

.close{
    background-color: #fe653b;
  
}
.minimize{
    background-color: #88e1ff;
    
}
.maximize{
    background-color: #eabaf0;
  
}
