/**
 * DOIT
 *
 * (en) CSS-Styles for the user interface elements within the right panel
 * (de) CSS Stile für die Bedienelemente auf der rechten Seite
 *
 * @copyright       Copyright 2005-2014, raumplus
 * @license         
 * @link            http://www.torquexulniv.info
 * @package         doit
 * @version         v0.0.1
 * @revision        $Revision: $
 * @lastmodified    $Date:  $
 */


/*#doitPanel a, #doitPanel button {	
	transition: all 0.2s ease-out;
}*/

.doitTabSection {
	margin-bottom: 2em;	
}


.doitPanelBorderTop {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #333333;  
}

#doitRoomTabs h6, #doitPanel p, #doitPanel b {
	font-size: 100%;
}

#doitPanel label {
  white-space: nowrap;
}
#doitInteriorFormHeight label, #doitInteriorFormDepth label, #doitRoomMAccordion label, #interDepthTextDiv label, #doitInteriorFormWidth label{
    width: 50%;
}

#doitSubdivisionsTabs h6, #doitProfilesTabs h6, .doitPanelForm label {
	font-size: 112.5%;	
}

#doitSubdivisionsTabs p, #doitProfilesTabs p, #doitSubdivisionsNrDoors p, #doitInteriorDimensionsTab p, #doitInteriorTabSelectText,  #doitPanelTabSelectText, #doitInterTabDelete p, #doitInterTabMove p, #doitSubdivisions p{

/* font-size: 121.875%; */
/* font-size: 120.3125%; */
/*	font-size: 119.53125%;*/
	 /*font-size: 118.75%;*/
         font-size: 100%;
        /* font-style: italic;*/
}
#doitSubdivisionsNrDoors p{
    margin-bottom: 0.5em;
}

#doitProductContent, #doitInteriorContent {
/*	background-color: rgba(0, 0, 0, 0.8);*/
/*	border-top: solid 3px #fff;*/
/*	padding: 0.8em 0.45em 0.5em 1.25em;*/
	position: static;
	overflow-y: auto; 
	overflow-x: hidden;
	width: 100%; 
         margin-top:-4px;
    padding-top: 2px;
}
#doitRoomAccordion{
    margin-top: -2px;
}
.doitConfInfo {
  font-size: 1em;
  margin-top: 3em;
  font-weight: bold;
  margin: 0.1em;
  text-align: left;
  color: rgba(255, 254, 54, 0.9);
  display: none;
}

.doitConfInfo p {
  font-style: normal !important;
}

#doitPanelTabSelectText {
	/*background-color: rgba(0, 0, 0, 0.8);*/
        background-color: transparent;
	/*font-style:italic; */
	font-size: 100%;
  padding-top: 1.2em;
	/*padding-left: 1.4em;
	padding-right: 1.8em;	*/
	line-height: 1.5em;
	border-top: 1px dotted #FFFFFF;	
}

.mainheader h4 {  
    text-align: center;
    font-weight: bold;
    background-color:transparent;
  /*  border-top: 1px solid #333;*/
      border-bottom: 2px solid #fff;
    margin-left: 10px;
    margin-right: 10px;
}
#doitClosetPosAccordion, #doitRoomAccordion{
    margin-right: 5px;
}
#doitPanel {
   /* background-color: rgba(0, 0, 0, 0.8);*/
   background-color: #333;
    top:6.6em;
    display:block;
    visibility: hidden;
}

#doitDecorationSel,
#doitFloorSel {
  position: fixed;
  z-index: 60;
  left: 46%;
  top: 70px;
  display: none;
}

#doitDecorationSel {
  top: 100px;
}

#doitDecorationSelCont,
#doitFloorSelCont {
  width: 200px;
}

#doitDecorationSel svg,
#doitFloorSel svg {
  float: left;
}

#doitDecorationSelAcc,
#doitFloorSelAcc {
  float: left;
  width: auto;
  position: relative;
  top: 13px;
  left: 5px;
  min-width: 150px;
  background-color: #333;

}
#doitDecorationSelAcc div,
 #doitFloorSelAcc div {
  background-color: #ffffff; 
  margin-top: 1px;
  padding: 2px 0px 2px 4px;
 }

#doitDecorationSelAcc h5 span,
#doitFloorSelAcc h5 span {
  /*display: none;*/
  top: 9px;
}

#doitDecorationSelAcc h5,
#doitFloorSelAcc h5 {
  border: none;
  padding: 2px 10px 4px 10px;
  
 
}

#doitDecorationSelAcc h5.ui-stat-active
#doitFloorSelAcc h5.ui-state-active{
  
  min-width:90%;
 
}

#doitDecorationSelAccA,
#doitFloorSelAccA {
  font-size: 80% !important;
  font-style: normal;
  text-transform: none;
  
}

ul#decorationList {
	list-style: none;
	margin: 3px;
	padding: 0px;
	max-width: 250px;
}

ul#decorationList > li {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 1px;
	border: 2px solid transparent;
	overflow: hidden;
}

ul#decorationList li.active {
	border: 2px solid #0099cc;
}

ul#decorationList > li > a {
	display: block;
	height: 100%;
	width: 100%;
}

ul#decorationList > li.disabled > a {
	cursor: not-allowed !important;
}

#doitFloorItems img {
  width: 40px; 
  height: 40px;
  margin: 2px;
}

#doitFloorItems img:hover {
  outline: 2px solid #666;
}

#svgclosetPosWall rect, #svgclosetPosCenter rect, #svgclosetPosLeft rect, #svgclosetPosRight rect,
#svgRoomNiche rect, #svgRoomNiche polygon, #svgRoomLeft rect, #svgRoomLeft polygon, #svgRoomLeft path,
#svgRoomRight rect, #svgRoomRight polygon{
    stroke:#000;
    fill:#ffffff;
}
#doitClosetPosTabs ul li.ui-tabs-selected #svgclosetPosWall rect, #doitClosetPosTabs ul li.ui-tabs-selected #svgclosetPosCenter rect, #doitClosetPosTabs ul li.ui-tabs-selected #svgclosetPosLeft rect, #doitClosetPosTabs ul li.ui-tabs-selected #svgclosetPosRight rect,
#doitRoomTabs ul li.ui-tabs-selected #svgRoomNiche rect, #doitRoomTabs ul li.ui-tabs-selected #svgRoomNiche polygon,
#doitRoomTabs ul li.ui-tabs-selected #svgRoomLeft rect, #doitRoomTabs ul li.ui-tabs-selected #svgRoomLeft polygon,#doitRoomTabs ul li.ui-tabs-selected #svgRoomLeft path,
#doitRoomTabs ul li.ui-tabs-selected #svgRoomRight rect, #doitRoomTabs ul li.ui-tabs-selected #svgRoomRight polygon{
    stroke:#a3b20f;
    fill:#ffffff;
}


#doitRoomTabs, #doitClosetPosTabs, #doitSubdivisionsTabs{
    background-color: transparent;
    border: none;
}
#doitFrontSwitchDiv, #doitInteriorSwitchDiv{
   /* border-top: 2px solid #FFFFFF;        */
    padding: 0.65em 0 0.65em 0em;   
    /*background-color: rgba(0, 0, 0, 0.8);*/
    /*font-style: italic;*/
   /* font-size: 100%;
    padding-bottom: 1em !important;*/
    line-height: 1.3em;
    margin-right: 0.8em;
     border-bottom: 2px solid #fff; /** sidenavPartsDivisionColor **/   
     font-size: 14px;
}

#doitFrontSwitchDiv span.custom.checkbox, #doitFrontSwitchDiv span.custom.checkboxNo,
#doitInteriorSwitchDiv span.custom.checkbox, #doitInteriorSwitchDiv span.custom.checkboxNo{
   float: right;
   right: 0.7em;
    
}
#doitFrontSwitchDiv a, #doitInteriorSwitchDiv a {
    cursor: pointer;
    position: relative;
    /*margin-top: 0px;    
    padding: 0.8em 0 0.5em 0em;    
    padding-top: 1.2em;*/
    text-transform: uppercase;
    color: #fff;
   /* padding-left: 1.4em;*/


}

#doitClosetPosForm{

box-sizing: border-box;
}

#svgCheckbox rect{
    fill:rgb(163, 178, 15);
}
#svgCheckbox polyline{
    stroke:#ffffff;
}
@media screen and ( max-width: 1200px ) {
 #doitFrontSwitchDiv, #doitInteriorSwitchDiv {    
    padding: 0.539em 0 0.539em 0em;
    }
}
@media screen and ( max-width: 900px ) {
 #doitFrontSwitchDiv, #doitInteriorSwitchDiv {    
    padding: 0.464em 0 0.464em 0em;
    }
}