path: root/modules-available/roomplanner/style.css

@CHARSET "UTF-8";

/* override style to make the room planner full screen */

body {
	width: 100%;
	height: 100%;
	margin: 0;
}

.sidebar-bg, .navbar {
	display: none;
}

#mainpage {
	position: static;
	width: 100%;
	max-width: 100%;
	left: 0px;
	top: 0px;
	margin: 0;
}

/* end full screen changes */

#drawpanel {
	position:relative;}

#drawarea {
	background: url('images/grid_100_sep.png');
	background-size: 100px 100px;}

#drawpanel .panel-body {
	padding:0;
	margin: 0;
	overflow: hidden;
	height: 600px;
}

#scaleContainer {
	position: absolute;
	bottom: 5px;
	right: 50px;
	width: 15%;
	z-index:1000;
	}

#scaleslider {
	position:relative;}

#zoom-out, #zoom-in, #zoom-fit {
	cursor:pointer;
}


#scaleContainer .glyphicon {
	position: absolute;
	top: -2px;
	font-size: 1.1em;}

#scaleContainer .glyphicon-zoom-out {
	left:-20px;}

#scaleContainer .glyphicon-move {
	right:-40px;}

#scaleContainer .glyphicon-zoom-in {
	right:-20px; }


[itemlook="door-nw"] { background: url('images/wall/door-nw.png') no-repeat;}
[itemlook="door-ne"] { background: url('images/wall/door-ne.png') no-repeat;}
[itemlook="door-sw"] { background: url('images/wall/door-sw.png') no-repeat;}
[itemlook="door-se"] { background: url('images/wall/door-se.png') no-repeat;}
[itemlook="door-en"] { background: url('images/wall/door-en.png') no-repeat;}
[itemlook="door-es"] { background: url('images/wall/door-es.png') no-repeat;}
[itemlook="door-wn"] { background: url('images/wall/door-wn.png') no-repeat;}
[itemlook="door-ws"] { background: url('images/wall/door-ws.png') no-repeat;}

[itemlook="copier"] {
	background: url('images/electricalDevices_wIP/copier.png') no-repeat;
	}


[itemlook|="pc"] {
	border: 1px solid #999;
	border-radius: 4px;
	}

[itemlook="pc-east"] {
	background: url('images/electricalDevices_wIP/pc_east.png') no-repeat;
	}

[itemlook="pc-south"] {
	background: url('images/electricalDevices_wIP/pc_south.png') no-repeat;
	}

[itemlook="pc-west"] {
	background: url('images/electricalDevices_wIP/pc_west.png') no-repeat;
	}

[itemlook="pc-north"] {
	background: url('images/electricalDevices_wIP/pc_north.png') no-repeat;

	}

[itemlook="printer"] {
	background: url('images/electricalDevices_wIP/printer.png') no-repeat;

	}

[itemlook="telephone"] {
	background: url('images/electricalDevices_wIP/telephone.png') no-repeat;

	}

[itemlook="flatscreen"] {
	background: url('images/electricalDevices_woIP/flatscreen.png') no-repeat;

	}

[itemlook="lamp"] {
	background: url('images/electricalDevices_woIP/lamp.png') no-repeat;

	}

[itemlook="tvcamera"] {
	background: url('images/electricalDevices_woIP/tvcamera.png') no-repeat;

	}

[itemlook="4chairs1squaretable"] {
	background: url('images/furniture/4chairs1squaretable.png') no-repeat;

	}

/*
[itemlook="6chairs1table"] {
	background: url('images/furniture/6chairs1table.png') no-repeat;

	}
*/

[itemlook="6chairs1table-horizontal"] {
	background: url('images/furniture/6chairs1table_horizontal.png') no-repeat;

	}

[itemlook="6chairs1table-vertical"] {
	background: url('images/furniture/6chairs1table_vertical.png') no-repeat;

	}

/*
[itemlook="8chairs1conferencetable"] {
	background: url('images/furniture/8chairs1conferencetable.png') no-repeat;

	}
*/


[itemlook="8chairs1conferencetable-horizontal"] {
	background: url('images/furniture/8chairs1conferencetable_horizontal.png') no-repeat;

	}


[itemlook="8chairs1conferencetable-vertical"] {
	background: url('images/furniture/8chairs1conferencetable_vertical.png') no-repeat;

	}

/*
[itemlook="armchair"] {
	background: url('images/furniture/armchair.png') no-repeat;

		}
*/

[itemlook="armchair-east"] {
	background: url('images/furniture/armchair_east.png') no-repeat;

		}

[itemlook="armchair-south"] {
	background: url('images/furniture/armchair_south.png') no-repeat;

		}

[itemlook="armchair-west"] {
	background: url('images/furniture/armchair_west.png') no-repeat;

		}

[itemlook="armchair-north"] {
	background: url('images/furniture/armchair_north.png') no-repeat;

		}

/*
[itemlook="chair"] {
	background: url('images/furniture/chair.png') no-repeat;

		}
*/

[itemlook="chair-east"] {
	background: url('images/furniture/chair_east.png') no-repeat;

		}

[itemlook="chair-south"] {
	background: url('images/furniture/chair_south.png') no-repeat;

		}

[itemlook="chair-west"] {
	background: url('images/furniture/chair_west.png') no-repeat;

		}

[itemlook="chair-north"] {
	background: url('images/furniture/chair_north.png') no-repeat;

		}

/*
[itemlook="chair2"] {
	background: url('images/furniture/chair2.png') no-repeat;

		}
*/

[itemlook="chair2-east"] {
	background: url('images/furniture/chair2_east.png') no-repeat;

		}

[itemlook="chair2-south"] {
	background: url('images/furniture/chair2_south.png') no-repeat;

		}

[itemlook="chair2-west"] {
	background: url('images/furniture/chair2_west.png') no-repeat;

		}

[itemlook="chair2-north"] {
	background: url('images/furniture/chair2_north.png') no-repeat;

		}

/*
[itemlook="classroomdesk"] {
	background: url('images/furniture/classroomdesk.png') no-repeat;

	}
*/

[itemlook="classroomdesk-east"] {
	background: url('images/furniture/classroomdesk_east.png') no-repeat;

	}

[itemlook="classroomdesk-south"] {
	background: url('images/furniture/classroomdesk_south.png') no-repeat;

	}

[itemlook="classroomdesk-west"] {
	background: url('images/furniture/classroomdesk_west.png') no-repeat;

	}

[itemlook="classroomdesk-north"] {
	background: url('images/furniture/classroomdesk_north.png') no-repeat;

	}

/*
[itemlook="classroomdeskchair"] {
	background: url('images/furniture/classroomdeskchair.png') no-repeat;

	}
*/

[itemlook="classroomdeskchair-east"] {
	background: url('images/furniture/classroomdeskchair_east.png') no-repeat;

	}

[itemlook="classroomdeskchair-south"] {
	background: url('images/furniture/classroomdeskchair_south.png') no-repeat;

	}

[itemlook="classroomdeskchair-west"] {
	background: url('images/furniture/classroomdeskchair_west.png') no-repeat;

	}

[itemlook="classroomdeskchair-north"] {
	background: url('images/furniture/classroomdeskchair_north.png') no-repeat;

	}

/*
[itemlook="classroomtable"] {
	background: url('images/furniture/classroomtable.png') no-repeat;

	}
*/

[itemlook="classroomtable-east"] {
	background: url('images/furniture/classroomtable_east.png') no-repeat;

	}

[itemlook="classroomtable-south"] {
	background: url('images/furniture/classroomtable_south.png') no-repeat;

	}

[itemlook="classroomtable-west"] {
	background: url('images/furniture/classroomtable_west.png') no-repeat;

	}

[itemlook="classroomtable-north"] {
	background: url('images/furniture/classroomtable_north.png') no-repeat;

	}

/*
[itemlook="classroomtablechair"] {
	background: url('images/furniture/classroomtablechair.png') no-repeat;

	}
*/

[itemlook="classroomtablechair-east"] {
	background: url('images/furniture/classroomtablechair_east.png') no-repeat;

	}

[itemlook="classroomtablechair-south"] {
	background: url('images/furniture/classroomtablechair_south.png') no-repeat;

	}

[itemlook="classroomtablechair-west"] {
	background: url('images/furniture/classroomtablechair_west.png') no-repeat;

	}

[itemlook="classroomtablechair-north"] {
	background: url('images/furniture/classroomtablechair_north.png') no-repeat;

	}

/*
[itemlook="coatrack"] {
	background: url('images/furniture/coatrack.png') no-repeat;

	}
*/

[itemlook="coatrack-east"] {
	background: url('images/furniture/coatrack_east.png') no-repeat;

	}

[itemlook="coatrack-south"] {
	background: url('images/furniture/coatrack_south.png') no-repeat;

	}

[itemlook="coatrack-west"] {
	background: url('images/furniture/coatrack_west.png') no-repeat;

	}

[itemlook="coatrack-north"] {
	background: url('images/furniture/coatrack_north.png') no-repeat;

	}

/*
[itemlook="conferencetable"] {
	background: url('images/furniture/conferencetable.png') no-repeat;

	}
*/

[itemlook="conferencetable-horizontal"] {
	background: url('images/furniture/conferencetable_horizontal.png') no-repeat;

	}

[itemlook="conferencetable-vertical"] {
	background: url('images/furniture/conferencetable_vertical.png') no-repeat;

	}

/*
[itemlook="couch"] {
	background: url('images/furniture/couch.png') no-repeat;

	}
*/

[itemlook="couch-east"] {
	background: url('images/furniture/couch_east.png') no-repeat;

	}

[itemlook="couch-south"] {
	background: url('images/furniture/couch_south.png') no-repeat;

	}

[itemlook="couch-west"] {
	background: url('images/furniture/couch_west.png') no-repeat;

	}

[itemlook="couch-north"] {
	background: url('images/furniture/couch_north.png') no-repeat;

	}

/*
[itemlook="greenchair"] {
	background: url('images/furniture/greenchair.png') no-repeat;

	}
*/

[itemlook="greenchair-east"] {
	background: url('images/furniture/greenchair_east.png') no-repeat;

	}

[itemlook="greenchair-south"] {
	background: url('images/furniture/greenchair_south.png') no-repeat;

	}

[itemlook="greenchair-west"] {
	background: url('images/furniture/greenchair_west.png') no-repeat;

	}

[itemlook="greenchair-north"] {
	background: url('images/furniture/greenchair_north.png') no-repeat;

	}

[itemlook="lecturetheaterrow"] {
	background: url('images/furniture/lecturetheaterrow.png') no-repeat;

	}

[itemlook="lecturetheaterrowseats"] {
	background: url('images/furniture/lecturetheaterrowseats.png') no-repeat;

	}

/*
[itemlook="locker"] {
	background: url('images/furniture/locker.png') no-repeat;

	}
*/

[itemlook="locker-east"] {
	background: url('images/furniture/locker_east.png') no-repeat;

	}

[itemlook="locker-south"] {
	background: url('images/furniture/locker_south.png') no-repeat;

	}

[itemlook="locker-west"] {
	background: url('images/furniture/locker_west.png') no-repeat;

	}

[itemlook="locker-north"] {
	background: url('images/furniture/locker_north.png') no-repeat;

	}

/*
[itemlook="podium"] {
	background: url('images/furniture/podium.png') no-repeat;

	}
*/

[itemlook="podium-east"] {
	background: url('images/furniture/podium_east.png') no-repeat;

	}

[itemlook="podium-south"] {
	background: url('images/furniture/podium_south.png') no-repeat;

	}

[itemlook="podium-west"] {
	background: url('images/furniture/podium_west.png') no-repeat;

	}

[itemlook="podium-north"] {
	background: url('images/furniture/podium_north.png') no-repeat;

	}

/*
[itemlook="roundeddesk"] {
	background: url('images/furniture/roundeddesk.png') no-repeat;

	}
*/

[itemlook="roundeddesk-east"] {
	background: url('images/furniture/roundeddesk_east.png') no-repeat;

	}

[itemlook="roundeddesk-south"] {
	background: url('images/furniture/roundeddesk_south.png') no-repeat;

	}

[itemlook="roundeddesk-west"] {
	background: url('images/furniture/roundeddesk_west.png') no-repeat;

	}

[itemlook="roundeddesk-north"] {
	background: url('images/furniture/roundeddesk_north.png') no-repeat;

	}

[itemlook="roundtable"] {
	background: url('images/furniture/roundtable.png') no-repeat;

	}

/*
[itemlook="semicirculartable"] {
	background: url('images/furniture/semicirculartable.png') no-repeat;

	}
*/

[itemlook="semicirculartable-east"] {
	background: url('images/furniture/semicirculartable_east.png') no-repeat;

	}

[itemlook="semicirculartable-south"] {
	background: url('images/furniture/semicirculartable_south.png') no-repeat;

	}

[itemlook="semicirculartable-west"] {
	background: url('images/furniture/semicirculartable_west.png') no-repeat;

	}

[itemlook="semicirculartable-north"] {
	background: url('images/furniture/semicirculartable_north.png') no-repeat;

	}

[itemlook="squaretable"] {
	background: url('images/furniture/squaretable.png') no-repeat;

	}

/*
[itemlook="studentdesk"] {
	background: url('images/furniture/studentdesk.png') no-repeat;

	}
*/

[itemlook="studentdesk-east"] {
	background: url('images/furniture/studentdesk_east.png') no-repeat;

	}

[itemlook="studentdesk-south"] {
	background: url('images/furniture/studentdesk_south.png') no-repeat;

	}

[itemlook="studentdesk-west"] {
	background: url('images/furniture/studentdesk_west.png') no-repeat;

	}

[itemlook="studentdesk-north"] {
	background: url('images/furniture/studentdesk_north.png') no-repeat;

	}

/*
[itemlook="studentdeskchair"] {
	background: url('images/furniture/studentdeskchair.png') no-repeat;

	}
*/

[itemlook="studentdeskchair-east"] {
	background: url('images/furniture/studentdeskchair_east.png') no-repeat;

	}

[itemlook="studentdeskchair-south"] {
	background: url('images/furniture/studentdeskchair_south.png') no-repeat;

	}

[itemlook="studentdeskchair-west"] {
	background: url('images/furniture/studentdeskchair_west.png') no-repeat;

	}

[itemlook="studentdeskchair-north"] {
	background: url('images/furniture/studentdeskchair_north.png') no-repeat;

	}

[itemlook="projectionscreen"] {
	background: url('images/misc/projectionscreen.png') no-repeat;

	}

[itemlook="papertray"] {
	background: url('images/officeSupply/papertray.png') no-repeat;

	}

[itemlook="wastecan"] {
	background: url('images/officeSupply/wastecan.png') no-repeat;

	}


[itemlook="plant"] {
	background: url('images/plants/plant.png') no-repeat;

	}

[itemlook="plant2"] {
	background: url('images/plants/plant2.png') no-repeat;

	}

[itemlook="plant3"] {
	background: url('images/plants/plant3.png') no-repeat;

	}


[itemlook|="door"] {
	z-index:99;
	background-size: 100% 100%;}


[itemlook|="window"] {
	z-index: 99;
	background: #ffffff;
	border: 1px solid #000000;}


.collides {
	background-color: red;}

.marked {
	background-color: blue;}

ul.toollist {
	list-style: none;}

ul.toollist li {
	display: inline-block;
	padding: 2px;
	margin-right: 10px;}


.deleteHandle {
	display:none;
	float: right;}

.rotationHandle,
.tutorHandle {
	display:none;
	float: left;}

div.draggable:hover .rotationHandle,
div.draggable:hover .tutorHandle{
	display:inline;
	cursor: pointer;}

div.draggable:hover .deleteHandle {
	display:inline;
	cursor: pointer;}


[itemtype="furniture"], [itemtype="furniture_drag"] {
	z-index: 99;
	background-size: 100% 100%;}

[itemtype="pc"], [itemtype="pc_drag"] {
	z-index: 100;
	background-size: 100% 100%;
}
[istutor="true"] {
	background-color: rgba(0, 240, 100, .5);
}

[itemlook="wall-horizontal"] {
	background: url('images/wall/wall-horizontal.png') repeat #ffffff;
	border: 1px solid #000000;
	background-size: auto 15%;
}

[itemlook="wall-vertical"] {
	background: url('images/wall/wall-vertical.png') repeat #ffffff;
	border: 1px solid #000000;
	background-size: 15% auto;
}



/* select popup */
.machine-entry {
	width: 100%;
	width: calc(100% - 5px);
	border: 1px solid #999;
	border-radius: 5px;
	margin: 2px;
	padding: 2px 4px;
}

/* in case it is already in the sketchboard */
.machine-entry.used {
	color: #666;
}

.machine-entry table {
	font-size: 12px;
	margin-bottom: -5px;
	width: 100%;
}
.machine-entry table tr {
	border-top: 1px solid #bbb;
}

.machine-entry-header {
	font-weight: bolder;
	font-size: 18px;
}

.selectize-dropdown-content {
	max-height : 600px;
}