/*elements page css*/
.m-t-10 {
  margin-top: 10px;
}
.m-l-5 {
  margin-left: 2px;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-b-35 {
  padding-bottom: 35px !important;
}
.bg-primary-light {
  background-color:$primary-light;
}
.bg-primary-dark {
  background-color:$primary-dark;
}

.bg-secondary-light
{
  background-color:$secondary-light;
}
.bg-secondary-dark
{
  background-color: $secondary-dark;
}
.bg-success-light
{
  background-color: $success-light;
}
.bg-success-dark
{
  background-color:$success-dark;
}
.bg-warning-light
{
  background-color: $warning-light;
}
.bg-warning-dark
{
  background-color: $warning-dark;
}
.bg-info-light
{
  background-color: $info-light;
}
.bg-info-dark
{
  background-color: $info-dark;
}
.bg-danger-light
{
  background-color:$danger-light;
}
.bg-danger-dark
{
  background-color: $danger-dark;
}
.bg-light-light
{
  background-color: $light-light;
}
.bg-light-dark
{
  background-color: $light-dark;
}
.bg-dark-light
{
  background-color: $dark-light;
}
.bg-dark-dark
{
  background-color: $dark-light;
}
.b-grey {
  border: 1px solid #e6e6e6;
}
.btn-round {
  border-radius: 10rem;
}

//btn background color on hover
.btn-primary:hover{
    background-color:$primary-dark;
}
.btn-success:hover{
    background-color: $success-dark;
}
.btn-danger:hover{
    background-color: $danger-dark;
}
.btn-info:hover{
    background-color:$info-dark ;
}
.btn-warning:hover{
    background-color: #ecad0e;
}
.btn-secondary:hover{
    background-color:$secondary-light;
}
// btn background color on active
.btn-check:checked + .btn-primary,
:not(.btn-check) + .btn-primary:active,
.btn-primary:first-child:active,
.btn-primary.show,
.btn-primary.active,
.btn-primary:active{
    background-color:$primary-dark !important;
}
.btn-success.active,
.btn-success:active{
    background-color: #2b963e !important;
}
.btn-danger.active,
.btn-danger:active{
    background-color: $danger-dark !important;
}
.btn-info.active,
.btn-info:active{
    background-color:$info-dark !important;
}
.btn-warning.active,
.btn-warning:active{
    background-color:#e0a40d !important;
}
.btn-secondary.active,
.btn-secondary:active{
    background-color:$secondary-dark !important;
}

/*elements page end*/