.Portlet.panel-skin {
  --portlet-primary-color: #333333;
  --portlet-secondary-color: #FFFFFF;
  --skin-layout-gutter: 15px;
}

.Portlet.agora-default-skin.panel-skin {
  --portlet-primary-color: #333333;
  --portlet-secondary-color: #FFFFFF;
}

.Portlet.panel-skin.simple-uppercase {
  --portlet-primary-color: #333333;
  --portlet-secondary-color: #FFFFFF;
}

.Portlet.panel-skin.agora-transparent-title {
  --portlet-primary-color: #333333;
  --portlet-secondary-color: transparent;
}

.Portlet.panel-skin.agora-transparent-no-title {
  --portlet-primary-color: #333333;
  --portlet-secondary-color: transparent;
}

  
.Portlet.panel-skin.blue-box {
  --portlet-primary-color: #FFFFFF;
  --portlet-secondary-color: #009EF5;
}

.Portlet.agora-default-skin.panel-skin.orange-box {
  --portlet-primary-color: #FFFFFF;
  --portlet-secondary-color: #F89406;
}