/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #5e62b0 #dddddd;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #dddddd;
}

*::-webkit-scrollbar-thumb {
  background-color: #5e62b0;
  border-radius: 20px;
  border: 2px solid #dddddd;
}

.theme-btn-outline{
    margin-top: 5px;
    padding: 6px 12px;
    text-align: center;
    font-weight: normal;
    background: transparent !important;
    color: #5e62b0;
    text-decoration: none;
    border: 1px solid #5e62b0 !important;
}

.theme-btn-primary {
    margin-top: 5px;
    padding: 6px 12px;
    text-align: center;
    font-weight: normal;
    transition: 0.5s;
    background-color: #5e62b0!important;
    color: white;            
    /*box-shadow: 0 2px 10px #eee;
    border-radius: 5px;*/
}

.theme-btn-primary:hover {
    background: transparent !important;
    color: #5e62b0;
    text-decoration: none;
    border: 1px solid #5e62b0 !important;
}


.theme-btn-secondary {
    margin-top: 5px;
    padding: 6px 12px;
    text-align: center;
    font-weight: normal;
    transition: 0.5s;
    background-color: #00d1c4!important;
    color: white;            
    /*box-shadow: 0 2px 10px #eee;
    border-radius: 5px;*/
}

.theme-btn-secondary:hover {
    background: transparent !important;
    color: #00d1c4;
    text-decoration: none;
    border: 1px solid #00d1c4 !important;
}


.theme-btn-gradient {
    margin-top: 5px;
    padding: 6px 12px;
    text-align: center;
    font-weight: normal;
    transition: 0.5s;
    background-image: linear-gradient(145deg, #5e62b0 0%, #00d1c4  100%)!important;
    color: white;
    /*border-radius: 5px;*/
}

.theme-btn-gradient:hover {
    background: transparent !important;
    color: #5e62b0;
    text-decoration: none;
    border: 1px solid #5e62b0 !important;
}

.theme-btn {
    margin-top: 5px;
    padding: 6px 14px;
    text-align: center;
    font-weight: normal;
    transition: 0.5s;
    background-color: #5e62b0!important;
    color: white;            
    box-shadow: 0 2px 10px #eee;
    /*border-radius: 5px;*/
}

.theme-btn:hover {
    background: transparent !important;
    color: #5e62b0;
    text-decoration: none;
    border: 1px solid #5e62b0 !important;
}

.theme-bg-primary{
    background-color:#5e62b0;
	color: #fff;
}

.theme-bg-secondary{
    background-color:#00d1c4;
	color: #fff;
}

.theme-bg-gradient{
    background-image: linear-gradient(145deg, #5e62b0 0%, #00d1c4  100%);
	color: #fff;
}

.theme-bg-primary-light{
    color:#d10f7a;
    background: rgba(255, 143, 205, 0.5);
    border-color: transparent;
}

.theme-bg-secondary-light{
    color:#137ac2;
    background: rgba(0, 150, 255, 0.3);
    border-color: transparent;
}

.theme-primary-border{
    border-color:#5e62b0 !important;
}
.theme-primary-border-hover:hover{
    border-color:#5e62b0 !important;
}
.theme-secondary-border{
    border-color:#00d1c4 !important;
}
.theme-secondary-border-hover:hover{
    border-color:#00d1c4 !important;
}
.theme-primary-text{
    color:#5e62b0 !important;
}
.theme-secondary-text{
    color:#00d1c4 !important;
}

.theme-bg {
    background: transparent !important;
    color: #5e62b0;
    text-decoration: none;
    border: 2px solid #5e62b0 !important;
}