/*
----------------------------------------------------------------------------
JAVASCRIPT REFERENCED GLOBALS
----------------------------------------------------------------------------
*/

/*
for SITES app...
option_color = #AABBCC unless the default site fill color is changed in the SVG (not recommended)
option_color_highlight_1 = the default color of a homesite (any #AABBCC fills will be changed to this if the homesite does not have a status)
option_color_highlight_2 = must be the same as option_color for the Site app to work correctly!!!!
*/
.option_color { color: #AABBCC !important; }
.option_color_highlight_1 { color: #CCCCCC !important; }
.option_color_highlight_2 { color: #AABBCC !important; }



/*
----------------------------------------------------------------------------
GLOBAL
----------------------------------------------------------------------------
*/



/*
----------------------------------------------------------------------------
HEADER AREA
----------------------------------------------------------------------------
*/



/*
----------------------------------------------------------------------------
VIEWS & SETTINGS MENU
----------------------------------------------------------------------------
*/

#layoutMenu { display: none; }



/*
----------------------------------------------------------------------------
STAGE & PLAN
----------------------------------------------------------------------------
*/

#layoutStage { border-top-left-radius: 0.3em; border-top: 1px solid #000; }



/*
----------------------------------------------------------------------------
TOOLBAR
----------------------------------------------------------------------------
*/

#layoutTools { border-top-right-radius: 0.3em; border-top: 1px solid #000; }

#divTools #btnPrint, #divTools #btnZoomOut { margin-bottom: 1.25em; }
#divTools #divZoomSlider { margin-top: 1.25em; margin-bottom: 1.25em; }

#btnSave, #btnReset, #btnFlipH, #btnFlipV, #btnNoteTool, #btnLineTool, #btnHelp { display: none; }



/*
----------------------------------------------------------------------------
PREVIEW IMAGE AREA
----------------------------------------------------------------------------
*/

#layoutPreview { display: none; }



/*
----------------------------------------------------------------------------
OPTIONS TABS
----------------------------------------------------------------------------
*/

#layoutOptionsMenu { display: none; }



/*
----------------------------------------------------------------------------
OPTIONS AREA
----------------------------------------------------------------------------
*/

#layoutOptions { display: none; }



/*
----------------------------------------------------------------------------
DIALOGS
----------------------------------------------------------------------------
*/

#modSiteOptions_layoutDialogOptionEdit { width: 300px; }
#modSiteOptions_layoutDialogOptionEdit .dialogBtns { margin-top: 0; }
#modSiteOptions_layoutDialogOptionEdit #modSiteOptions_txtNote { overflow: auto; height: 100px; max-height: 100px; }
#modSiteOptions_layoutDialogOptionEdit-popup { left: 10% !important; right: auto !important; }




/*
----------------------------------------------------------------------------
SMALL SCREEN LAYOUT
----------------------------------------------------------------------------
*/

@media only screen and (max-device-width: 600px) {
	#layoutStage { top: 0; right: 0; bottom: 0; left: 0; border-radius: 0; }
}