bigbluebutton-Github/bigbluebutton-client/branding/default/style/css/BBBDefault.css

Application {
  backgroundColor: #ffffff;
}

ApplicationControlBar {
  highlightAlphas: 0.1, 0;
  fillAlphas: 0, 0;
  fillColors: #32343b, #32343b;
  backgroundColor: #42444c;
  backgroundAlpha: 1;
  cornerRadius: 0;
  dropShadowEnabled: true;
  shadowDistance: 1;
  shadowDirection: center;
  dropShadowColor: #000000;
}

Panel {
  borderColor: #dfdfdf;
  borderAlpha: 1;
  shadowDistance: 1;
  dropShadowColor: #666666;
  titleStyleName: "mypanelTitle";
}

ToolTip {
	borderSkin      : ClassReference("org.bigbluebutton.skins.ToolTipSkin");
	backgroundAlpha : 0.9;
	cornerRadius    : 3;
}

.errorTip {
	borderColor		: #3b3b3b;
}

.mypanelTitle {
  color: #444444;
  fontFamily: Arial;
  fontSize: 12;
}

.whiteboardToolbarStyle {
  backgroundColor: #CCCCCC;
  cornerRadius: 5;
  borderStyle: solid;
  borderThickness: 1;
  paddingBottom: 3;
  paddingTop: 3;
  paddingLeft: 3;
  paddingRight: 3;
}

.meetingNameLabelStyle {
  fontWeight: bold;
  fontSize: 15;
  fontFamily: Arial;
  textAlign: center;
  color: #e1e2e5;
}

.recordingLabelStyle {
  fontWeight: bold;
  fontSize: 15;
  fontFamily: Arial;
  color: #e1e2e5;
}

.videoMessageWarningLabelStyle {
  fontWeight: bold;
  fontSize: 18;
  fontFamily: Arial;
  color: #ffff26;
}

.videoMessageErrorLabelStyle {
  fontWeight: bold;
  fontSize: 18;
  fontFamily: Arial;
  color: #ff2727;
}

.videoMessageBackgroundStyle {
  backgroundAlpha: 0.6;
  backgroundColor: #b9babc;
}

.videoToolbarBackgroundTalkingStyle {
  backgroundColor: #20c600;
  backgroundAlpha: 0.6;
}

.videoToolbarBackgroundNotTalkingStyle {
  backgroundColor: #42444c;
  backgroundAlpha: 0.6;
}

.videoToolbarLabelStyle {
  textIndent: 0;
  color: #ffffff;
  fontFamily: Arial;
}

.pollResondersLabelStyle {
	color: #444444;
	fontFamily: Arial;
	fontSize: 16;
	fontWeight: bold;
}

Button, .logoutButtonStyle, .chatSendButtonStyle, .helpLinkButtonStyle, .cameraDisplaySettingsWindowProfileComboStyle, .cameraDisplaySettingsWindowCameraSelector, .languageSelectorStyle, .testJavaLinkButtonStyle, .recordButtonStyleNormal, .recordButtonStyleStart, .recordButtonStyleStop, .micSettingsWindowHelpButtonStyle, .bandwidthButtonStyle, .settingsButtonStyle, .acceptButtonStyle, .denyButtonStyle {
  textIndent: 0;
  paddingLeft: 10;
  paddingRight: 10;
  paddingTop: 5;
  paddingBottom: 5;
  highlightAlphas: 0.4, 0;
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  color: #5e5f63;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;
  themeColor: haloBlue;
  fontFamily: Arial;
  fontSize: 12;
}

.quickWindowLinkStyle {
  paddingLeft: 0;
  paddingRight: 0;
  textDecoration: underline;
  rollOverColor: #cccccc;
  selectionColor: #999999;
  color: #ffffff;
  textRollOverColor: #504f3d;
  textSelectedColor: #504f3d;
}

.helpLinkButtonStyle {
  paddingLeft: 4;
  paddingRight: 4;
  paddingTop: 2;
  paddingBottom: 2;
  fontSize: 16;
  rollOverColor: #cccccc;
  selectionColor: #999999;
  color: #ffffff;
  textRollOverColor: #504f3d;
  textSelectedColor: #504f3d;
  fontWeight: bold;
}

.testJavaLinkButtonStyle {
  paddingLeft: 4;
  paddingRight: 4;
  paddingTop: 2;
  paddingBottom: 2;
  fontSize: 14;
  rollOverColor: #cccccc;
  selectionColor: #cccccc;
  color: #e3e3e3;
  textRollOverColor: #504f46;
  textSelectedColor: #504f46;
  fontWeight: bold;
  textDecoration: none;
}

.javaVersionRequiredLabelStyle {
  fontSize: 12;
  color: #000000;
  fontFamily: Arial;
}

.logoutButtonStyle {
  paddingLeft: 0;
  paddingRight: 0;
  icon: Embed('assets/images/logout.png');
}

.settingsButtonStyle {
  icon: Embed('assets/images/ic_settings_16px.png');
}

.acceptButtonStyle {
  icon: Embed('assets/images/ic_thumb_up_16px.png');
}

.denyButtonStyle {
  icon: Embed('assets/images/ic_thumb_down_16px.png');
}

DataGrid {
  backgroundColor: #e1e2e5;
  rollOverColor: #f3f3f3;
  textRollOverColor: #5e5f63;
  selectionColor: #e1e2e5;
  color: #5e5f63;
  textSelectedColor: #5e5f63;
  dropShadowEnabled: false;
  fontFamily: arial;
  fontSize: 11;
  headerStyleName: "mydataGridHeaderStyle";
}

.mydataGridHeaderStyle {
  color: #5e5f63;
  fontFamily: arial;
  fontSize: 12;
}


.whiteboardUndoButtonStyle, .whiteboardCircleButtonStyle, .whiteboardClearButtonStyle,
.whiteboardTriangleButtonStyle, .whiteboardTextButtonStyle, .whiteboardRectangleButtonStyle,
.whiteboardPanZoomButtonStyle, .whiteboardLineButtonStyle, .whiteboardScribbleButtonStyle
{
  textIndent: 0;
  paddingLeft: 0;
  paddingRight: 0;
  paddingTop: 5;
  paddingBottom: 5;
  highlightAlphas: 0.4, 0;
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  color: #5e5f63;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;
  themeColor: haloBlue;
  fontFamily: Arial;
  fontSize: 12;
}

.whiteboardUndoButtonStyle 
{
  icon: Embed('assets/images/undo.png');
}

.whiteboardCircleButtonStyle {
  icon: Embed('assets/images/ellipse.png');  
}

.whiteboardClearButtonStyle {
  icon: Embed('assets/images/delete.png');    
}

.whiteboardScribbleButtonStyle{
  icon: Embed('assets/images/pencil.png');  
}

.whiteboardLineButtonStyle {
  icon: Embed('assets/images/line.png');    
}

.whiteboardPanZoomButtonStyle {
  icon: Embed('assets/images/hand.png');   
}

.whiteboardRectangleButtonStyle {
  icon: Embed('assets/images/square.png');   
}

.whiteboardTextButtonStyle {
  icon: Embed('assets/images/text.png');   
}

.whiteboardTriangleButtonStyle {
  icon: Embed('assets/images/triangle.png');    
}

.voiceConfDefaultButtonStyle {
  icon: Embed('assets/images/headset.png');    
}

.voiceConfActiveButtonStyle {
  icon: Embed('assets/images/headset_open.png');    
}

.voiceConfInactiveButtonStyle {
  icon: Embed('assets/images/headset_close.png');    
}

.webcamDefaultButtonStyle {
  icon: Embed('assets/images/webcam.png');    
}

.webcamOnButtonStyle {
  icon: Embed('assets/images/webcam_on.png');    
}

.webcamOffButtonStyle {
  icon: Embed('assets/images/webcam_close.png');    
}

.deskshareDefaultButtonStyle {
  icon: Embed('assets/images/deskshare_icon.png');    
}

.deskshareOnButtonStyle {
  icon: Embed('assets/images/deskshare_on.png');    
}

.deskshareOffButtonStyle {
  icon: Embed('assets/images/deskshare_close.png');    
}


.presentationUploadButtonStyle, .pollStartButtonStyle, .presentationBackButtonStyle, .presentationBackButtonDisabledStyle, .presentationForwardButtonStyle, .presentationForwardButtonDisabledStyle,
.presentationFitToWidthButtonStyle, .presentationFitToPageButtonStyle, .presentationDownloadButtonStyle,
.sharedNotesSaveButtonStyle, .sharedNotesNewButtonStyle, .sharedNotesFormatButtonStyle
{
  textIndent: 0;
  paddingLeft: 10;
  paddingRight: 10;
  paddingTop: 5;
  paddingBottom: 5;
  highlightAlphas: 0.4, 0;
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  color: #5e5f63;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;
  themeColor: haloBlue;
  fontFamily: Arial;
  fontSize: 12;
}

.sharedNotesSaveButtonStyle {
  icon: Embed('assets/images/ic_save_16px.png');
}

.sharedNotesNewButtonStyle {
  icon: Embed('assets/images/ic_note_add_16px.png');
}

.sharedNotesFormatButtonStyle {
  icon: Embed('assets/images/ic_note_format_16px.png');
}

.presentationUploadButtonStyle {
  icon:   Embed('assets/images/ic_file_upload_16px.png');
}

.pollStartButtonStyle {
  icon:   Embed('assets/images/poll_icon.png');
}

.presentationBackButtonStyle {
  icon:   Embed('assets/images/ic_arrow_back_24px.png');
}

.presentationBackButtonDisabledStyle {
	icon:   Embed('assets/images/ic_arrow_back_grey_24px.png');
}

.presentationForwardButtonStyle {
  icon:   Embed('assets/images/ic_arrow_forward_24px.png');
}

.presentationForwardButtonDisabledStyle {
	icon:   Embed('assets/images/ic_arrow_forward_grey_24px.png');
}

.presentationFitToWidthButtonStyle {
  icon:   Embed('assets/images/fit-to-width.png'); 
}

.presentationFitToPageButtonStyle {
  icon:   Embed('assets/images/fit-to-screen.png'); 
}

.presentationDownloadButtonStyle {
  icon:   Embed('assets/images/ic_file_download_16px.png');
}

.presentationZoomSliderStyle{
  labelOffset: 0;
  thumbOffset: 3;
  dataTipOffset: -1;
  tickOffset: 2;
  tickLength: 5;
  tickThickness: 2;
  tickColor: #6cccff;
  showTrackHighlight: true;
  invertThumbDirection: false;
  borderColor: #b9babc;
  trackColors: #aaaaaa, #aaaaaa;
  themeColor: haloBlue;
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  labelStyleName: "presentationZoomSliderLabelStyle";
}

.presentationZoomSliderLabelStyle {
  color: #5e5f63;
  fontFamily: Arial;
}

.deskshareControlButtonStyle {
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  color: #5e5f63;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;  
  cornerRadius: 17;
}

.videoMuteButtonStyle, .videoUnmutedButtonStyle, .videoSwitchPresenterButtonStyle, .videoEjectUserButtonStyle, .videoPrivateChatButtonStyle {
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  color: #5e5f63;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;  
  cornerRadius: 17;
}

.videoMutedButtonStyle {
  /* Need to duplicate info here as the styleName is programatically changed. Extracting it out doesn't have any effect. */
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  color: #ffffff;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;  
  cornerRadius: 17;
  icon:   Embed('assets/images/webcam-muted.png');
}

.videoUnmutedButtonStyle {
  icon:   Embed('assets/images/webcam-unmuted.png');
}

.videoSwitchPresenterButtonStyle {
  icon:   Embed('assets/images/webcam-switch-presenter.png');
}

.videoEjectUserButtonStyle {
  icon:   Embed('assets/images/webcam-eject-user.png');
}

.videoPrivateChatButtonStyle {
  icon:   Embed('assets/images/webcam-private-chat.png');
}

TitleWindow {
  borderColor: #b9babc;
  borderAlpha: 1;
  borderThicknessLeft: 10;
  borderThicknessTop: 0;
  borderThicknessBottom: 10;
  borderThicknessRight: 10;
  roundedBottomCorners: true;
  cornerRadius: 5;
  headerHeight: 20;
  backgroundAlpha: 1;
  backgroundColor: #EFEFEF;
  dropShadowEnabled: true;
}

.presentationFileUploadWindowTitleStyle, .presentationUploadTitleStyle {
  fontFamily: Arial;
  fontSize: 20;  
  fontWeight: bold;
}

.presentationNamesLabelStyle {
  fontFamily: Arial;
  fontSize: 14;  
  fontWeight: bold;
}

.presentationUploadChooseFileButtonStyle {
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  color: #5e5f63;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;  
  cornerRadius: 5;  
}

.presentationUploadCancelButtonStyle {
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  color: #5e5f63;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;  
  cornerRadius: 5;    
}

.presentationUploadShowButtonStyle {
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  color: #5e5f63;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;  
  cornerRadius: 5;  
}

.presentationUploadDeleteButtonStyle {
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  color: #5e5f63;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;  
  cornerRadius: 5;    
  icon:   Embed('assets/images/trash.png');
}

.presentationUploadProgressBarLabelStyle {
  
}

.presentationUploadProgressBarStyle {
  
}

.presentationNameLabelStyle {

}

.presentationUploadFileFormatHintBoxStyle {
	backgroundColor: #D4D4D4;
	dropShadowEnabled: false;
	paddingLeft: 10;
	paddingRight: 10
}

.presentationUploadFileFormatHintTextStyle {
	fontWeight: bold;
}

.desktopShareTextStyle {
	fontSize:	11;
	fontWeight:	bold;	
}

.chromeJavaHelpImage {
	imageSource: Embed(source='assets/images/chromePluginBlocked.png');
}

.webcamSettingsWindowTitleStyle, .micSettingsWindowTitleStyle {
  fontFamily: Arial;
  fontSize: 20;  
  fontWeight: bold;
}

.micSettingsWindowTestSpeakersLabelStyle, .micSettingsWindowTestMicrophoneLabelStyle {
  fontFamily: Arial;
  fontSize: 14;  
  fontWeight: bold;    
}

.micSettingsWindowHearFromHeadsetLabelStyle, .micSettingsWindowSpeakIntoMicLabelStyle, .micSettingsWindowMicNameLabelStyle, .webcamPermissionSettingsTextStyle {
  fontFamily: Arial;
  fontSize: 14;    
}

.micSettingsWindowOpenDialogLabelStyle {
  fontFamily: Arial;
  fontSize: 14;
  fontWeight: bold;
  color: #e1e2e5;
}

.micSettingsWindowShareMicrophoneLabelStyle {
  fontFamily: Arial;
  fontSize: 14;
  color: #5e5f63;
}

.micSettingsWindowPlaySoundButtonStyle, .micSettingsWindowChangeMicButtonStyle {
  fillAlphas: 1, 1, 1, 1;
  fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
  rollOverColor: #eeeeee;
  color: #5e5f63;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;  
  cornerRadius: 5;      
}

.micSettingsWindowJoinButtonStyle {
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	rollOverColor: #eeeeee;
	color: #5e5f63;
	textRollOverColor: #5e5f63;
	textSelectedColor: #5e5f63;
	borderColor: #b9babc;  
	cornerRadius: 5; 
	icon:   Embed('assets/images/headset.png');
}

.micSettingsWindowCancelButtonStyle {
  fillAlphas: 1, 1, 1, 1;
  fillColors: #ffffff, #eeeeee, #ffffff, #eeeeee;
  rollOverColor: #eeeeee;
  color: #5e5f63;
  textRollOverColor: #5e5f63;
  textSelectedColor: #5e5f63;
  borderColor: #b9babc;  
  cornerRadius: 5;    
}

.micSettingsWindowHelpButtonStyle {
	paddingLeft: 4;
	paddingRight: 4;
	paddingTop: 2;
	paddingBottom: 2;
	fontSize: 16;
	rollOverColor: #cccccc;
	selectionColor: #999999;
	color: #504f3d;
	textRollOverColor: #ffffff;
	textSelectedColor: #ffffff;
	fontWeight: bold;
}

MDIWindow { /*None of the following properties are overridden by the MDIWindow class*/
	backgroundSize: '100%';
	
	cornerRadius: 5;
	dropShadowEnabled: false;
	titleStyleName: "mdiWindowTitle";
	
	cornerResizeImg: Embed(source="assets/swf/Blue.swf", symbol="Corner_Resize");
	cornerResizeWidth: 2;
	cornerResizeHeight: 2;
	cornerResizePaddingRight: 2;
	cornerResizePaddingBottom: 2;
	
	controlButtonWidth: 10;
	controlButtonHeight: 10;
	controlButtonGap: 4;
}

.mdiWindowFocus, .presentationWindowStyleFocus, .videoDockStyleFocus
{
  headerHeight: 26;
  roundedBottomCorners: true;
  backgroundColor: #b9babc;
  backgroundAlpha: 1;
  
  borderStyle: solid;
  borderColor: #b9babc;
  borderAlpha: 1;
  borderThicknessLeft: 3;
  borderThicknessTop: 0;
  borderThicknessBottom: 3;
  borderThicknessRight: 3;
}

.mdiWindowNoFocus, .presentationWindowStyleNoFocus, .videoDockStyleNoFocus
{
  headerHeight: 26;
  roundedBottomCorners: true;
  backgroundColor: #b9babc;
  backgroundAlpha: 0.5;
	
  borderStyle: solid;
  borderColor: #b9babc;
  borderAlpha: 0.5;
  borderThicknessLeft: 3;
  borderThicknessTop: 0;
  borderThicknessBottom: 3;
  borderThicknessRight: 3;
}

.presentationSlideViewStyle {
  backgroundColor: #b9babc;
}

.presentationWindowControlsStyle {
  paddingBottom: 5;
  paddingTop: 3;
  paddingLeft: 3;
  paddingRight: 3;
  bottom: 5;
  cornerRadius: 0;
  dropShadowEnabled: false;
}

.videoViewStyleNoFocus 
{
  headerHeight: 20;
  roundedBottomCorners: true;
  backgroundColor: #e6e6e6;
  backgroundAlpha: 0.5;
  
  borderStyle: solid;
  borderColor: #b9babc;
  borderAlpha: 0.5;
  borderThicknessLeft: 3;
  borderThicknessTop: 0;
  borderThicknessBottom: 3;
  borderThicknessRight: 3;
}

.videoViewStyleFocus 
{
  headerHeight: 20;
  roundedBottomCorners: true;
  backgroundColor: #e6e6e6;
  backgroundAlpha: 1;
	
  borderStyle: solid;
  borderColor: #b9babc;
  borderAlpha: 1;
  borderThicknessLeft: 3;
  borderThicknessTop: 0;
  borderThicknessBottom: 3;
  borderThicknessRight: 3;
}

.videoPublishStyleNoFocus 
{
	headerHeight: 20;
	roundedBottomCorners: true;
	backgroundColor: #e6e6e6;
	backgroundAlpha: 0.5;
	
	borderStyle: solid;
	borderColor: #b9babc;
	borderAlpha: 0.5;
	borderThicknessLeft: 3;
	borderThicknessTop: 0;
	borderThicknessBottom: 3;
	borderThicknessRight: 3;
}

.videoPublishStyleFocus 
{
	headerHeight: 20;
	roundedBottomCorners: true;
	backgroundColor: #e6e6e6;
	backgroundAlpha: 1;
	
	borderStyle: solid;
	borderColor: #b9babc;
	borderAlpha: 1;
	borderThicknessLeft: 3;
	borderThicknessTop: 0;
	borderThicknessBottom: 3;
	borderThicknessRight: 3;
}

.videoAvatarStyleNoFocus 
{
	headerHeight: 20;
	roundedBottomCorners: true;
	backgroundColor: #e6e6e6;
	backgroundAlpha: 0.5;
	
	borderStyle: solid;
	borderColor: #b9babc;
	borderAlpha: 0.5;
	borderThicknessLeft: 3;
	borderThicknessTop: 0;
	borderThicknessBottom: 3;
	borderThicknessRight: 3;
}

.videoAvatarStyleFocus 
{
	headerHeight: 20;
	roundedBottomCorners: true;
	backgroundColor: #e6e6e6;
	backgroundAlpha: 1;
	
	borderStyle: solid;
	borderColor: #b9babc;
	borderAlpha: 1;
	borderThicknessLeft: 3;
	borderThicknessTop: 0;
	borderThicknessBottom: 3;
	borderThicknessRight: 3;
}

.mdiWindowTitle {
  color: #5e5f63;
  fontFamily: Arial;
  fontSize: 12;
  fontWeight: bold;
}

.closeBtnFocus, .closeBtnNoFocus
{
  upSkin:        Embed('assets/images/3_closeButton.png');
  overSkin:      Embed('assets/images/3_closeButton.png');
  downSkin:      Embed('assets/images/3_closeButton.png');
  disabledSkin:  Embed('assets/images/3_closeButton.png');
}


.increaseBtnFocus, .increaseBtnNoFocus
{
  upSkin:        Embed('assets/images/3_increaseButton.png');
  overSkin:      Embed('assets/images/3_increaseButton.png');
  downSkin:      Embed('assets/images/3_increaseButton.png');
  disabledSkin:  Embed('assets/images/3_increaseButton.png');
}

.decreaseBtnFocus, .decreaseBtnNoFocus  
{
  upSkin:        Embed('assets/images/3_decreaseButton.png');
  overSkin:      Embed('assets/images/3_decreaseButton.png');
  downSkin:      Embed('assets/images/3_decreaseButton.png');
  disabledSkin:  Embed('assets/images/3_decreaseButton.png');
}

.minimizeBtnFocus 
{
  upSkin:        Embed('assets/images/3_minimizeButton.png');
  overSkin:      Embed('assets/images/3_minimizeButton.png');
  downSkin:      Embed('assets/images/3_minimizeButton.png');
  disabledSkin:  Embed('assets/images/3_minimizeButton.png');
}

/*
https://www.iconfinder.com/icons/172512/mute_icon#size=128
*/
.muteOverlayBtn
{
  upSkin:        Embed('assets/images/audio_20_white.png');
  overSkin:      Embed('assets/images/audio_20_white.png');
  downSkin:      Embed('assets/images/audio_20_white.png');
  disabledSkin:  Embed('assets/images/audio_20_white.png');
}

/*
https://www.iconfinder.com/icons/172499/low_volume_icon#size=128
*/
.unmuteOverlayBtn
{
  upSkin:        Embed('assets/images/audio_muted_20_white.png');
  overSkin:      Embed('assets/images/audio_muted_20_white.png');
  downSkin:      Embed('assets/images/audio_muted_20_white.png');
  disabledSkin:  Embed('assets/images/audio_muted_20_white.png');
}

.resizeHndlr 
{
  upSkin:        Embed('assets/images/resizeHandler.png');
  overSkin:      Embed('assets/images/resizeHandler.png');
  downSkin:      Embed('assets/images/resizeHandler.png');
  disabledSkin:  Embed('assets/images/resizeHandler.png');
}

.cameraDisplaySettingsWindowStartBtn
{
  icon:   Embed('assets/images/webcam.png');
}

Alert {
	borderColor: #DFDFDF;
	backgroundColor: #EFEFEF;
	borderAlpha: 1;
	shadowDistance: 1;
	dropShadowColor: #FFFFFF;
	color: #000000;
}

.lockSettingsDefaultLabelStyle {
	fontFamily: Arial;
	fontSize: 14;
}

.lockSettingsWindowTitleStyle {
	fontFamily: Arial;
	fontSize: 20;  
	fontWeight: bold;
}

.recordButtonStyleNormal {
  icon:   Embed('assets/images/control-record.png');
}

.recordButtonStyleStart {
  icon:   Embed('assets/images/control-record-start.png');
}

.recordButtonStyleStop {
  icon:   Embed('assets/images/control-record-stop.png');
}

.bandwidthButtonStyle {
  paddingTop: 0;
  paddingBottom: 0;
  height: 22;
  icon:   Embed('assets/images/ic_swap_vert_16px.png');
}

.statusImageStyle {
  successImage:   Embed(source='assets/images/status_success.png');
  warningImage:   Embed(source='assets/images/status_warning.png');
  failImage:      Embed(source='assets/images/status_fail.png');
  refreshImage:   Embed(source='assets/images/status_refresh.png');
}

.warningButtonStyle {
  icon:   Embed('assets/images/status_warning_20.png');
}

.statusTitleStyle {
  fontWeight: bold;
  fontSize: 12;
  paddingBottom: 0;
}

.statusMessageStyle {
  fontSize: 12;
  paddingTop: 0;
}

.statusTimeStyle {
  fontSize: 10;
  paddingTop: 0;
}

.addLayoutButtonStyle {
  icon:   Embed('assets/images/ic_add_circle_outline_16px.png');
}

.saveLayoutButtonStyle {
  icon:   Embed('assets/images/ic_file_download_16px.png');
}

.loadLayoutButtonStyle {
  icon:   Embed('assets/images/ic_file_upload_16px.png');
}

.broadcastLayoutButtonStyle {
  icon:   Embed('assets/images/ic_send_16px.png');
}

PollChoicesModal {
	fontSize: 14;
	paddingLeft: 16;
	paddingRight: 16;
}

.chatOptionsLabel {
	fontSize: 12;
	color: #000000;
	textRollOverColor: #000000;
	textSelectedColor: #000000;
	fontFamily: Arial;
}

EmojiGrid {
	backgroundColor: #ffffff;
	horizontalAlign: center;
	paddingLeft: 0;
	paddingRight: 0;
	paddingBottom: 0;
	paddingTop: 0;
}

.emojiGridTile {
	paddingBottom: 10;
	paddingLeft: 10;
	paddingRight: 10;
	paddingTop: 10;
	verticalGap: 6;
	horizontalGap: 6;
}

.moodStyle {
  icon:   Embed('assets/images/ic_mood_black_18dp.png');
}

.moodRaiseHandStyle {
  icon:   Embed('assets/images/icon-3-high-five.png');
}

.moodAgreedStyle {
  icon:   Embed('assets/images/icon-6-thumb-up.png');
}

.moodDisagreedStyle {
  icon:   Embed('assets/images/icon-7-thumb-down.png');
}

.moodSpeakFasterStyle {
  icon:   Embed('assets/images/ic_fast_forward_black_18dp.png');
}

.moodSpeakSlowerStyle {
  icon:   Embed('assets/images/ic_fast_rewind_black_18dp.png');
}

.moodSpeakLouderStyle {
  icon:   Embed('assets/images/ic_volume_up_black_18dp.png');
}

.moodSpeakSofterStyle {
  icon:   Embed('assets/images/ic_volume_down_black_18dp.png');
}

.moodBeRightBackStyle {
  icon:   Embed('assets/images/ic_access_time_black_18dp.png');
}

.moodHappyStyle {
  icon:   Embed('assets/images/icon-6-smiling-face.png');
}

.moodSadStyle {
  icon:   Embed('assets/images/icon-7-sad-face.png');
}