.detail-panel-header {
    background-color: #006071;
    color: #fff;
    padding: 15px 40px 10px 40px;
    margin-top: -24px;
}
.detail-panel-header br{
	
	display:none;
}
.detail-panel-content-container {
    padding-bottom: 0px;
    padding-right: 20px;
    padding-left: 40px;
    line-height: 1.5;
    font-size: 14px;
    color: #0e0f0e;
    height:auto;
	/*overflow-y: scroll;*/
	margin-top: -24px;
    
}
.detail-panel-content-container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
    box-shadow: 0 0 1px hsla(0,0%,100%,.5);
}
/*div#wr360_it_wr360PlayerId {
    display: none;
}
*/
.btn-primary {
    color: #fff;
    background-color: #3669a9;
    border-color: #3669a9;
	margin-top: 20px;
	    padding: 10px;
}
.btn-primary:hover {
    color: #fff;
   background-color: #3669a9;
    border-color: #3669a9;
	    padding: 10px;
}



.btn-house {
    color: #fff;
    background-color: #3669a9;
    border-color: #3669a9;
    width: 200px;
    margin: 10px 10px 10px 10px;
}

.modal-backdrop {
    opacity: 0.0 ! important;
}

.detail-panel-header .h2,
.detail-panel-header h2 {
    font-size: 1.3rem;
}
.wr360_player .container .theme_panel {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0;
    height: 50px;
    z-index: 3;
    cursor: pointer !important;
}
.wr360_player .container .theme_panel .toolbar {
    position: relative;
    height: 42px;
    padding: 5px 10px 5px 10px;
    margin: 0 auto 0 auto;
    box-sizing: content-box !important;
    border: none !important;
    background: #222222c7 !important;
}
.close-btn {
    padding: 10px;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 100;
    line-height: 1;
    color: #fff;
    text-shadow:none;
    opacity: 100;
}
button.btn.btn-primary.btn-house{	
    height: 50px;
	width:200px;
}

button.btn.btn-primary.extendhouse {
    background: url(imagerotator/html/img/retina/extend.png) no-repeat;
	background-size: contain ;
    background-color: #3669a9 ;
    background-position: left center;
}

button.btn.btn-primary.buildhouse {
    background: url(imagerotator/html/img/retina/Build.png) no-repeat;
	background-size: contain;
    background-color: #3669a9 ;
    background-position: left center;
}
button.btn.btn-primary.demolishhouse {
    background: url(imagerotator/html/img/retina/demolish.png) no-repeat;
	background-size: contain ;
    background-color: #3669a9 ;
    background-position: left center;
}
/* content model*/
.modal-content {
        width: 400px;    
		text-align:left;
		padding-bottom: 20px;
}
.modal-dialog {
    max-width: 500px;
    margin: 7.5rem;
}
.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    padding-bottom: 20px;
    padding-right: 40px;
    padding-left: 40px;
    line-height: 1.5;
    font-size: 14px;
    color: #000;
    height: 350px;
   /* overflow-y: scroll;*/
}
.modal-header .close {
    padding: 1rem 0rem;
    margin: -1rem -1rem -1rem auto;
    font-weight: 300;
}
.close:focus, .close:hover {
    color: #fff;
    text-decoration: none;
    opacity: 100;
}
.modal-content {
    width: 500px;
    text-align: left;
    padding-bottom: 20px;
}
.hotspot_indicator {
    z-index: 4;
    cursor: pointer;
    background-repeat: no-repeat;
	background-size: contain;
	width:100% important;
		
}

.hotspot_rollover > div{
	
	top:11px !important;
	left:39px !important;
}


#wr360DynamicSpot_extendhouse_wr360PlayerId {
			   left: 50% !important;
    width: 150px !important;
			}
				
			#wr360DynamicSpot_demolishhouse_wr360PlayerId{
				left: 65% !important;
                width: 150px !important;
			}	
			#wr360DynamicSpot_buildhouse_wr360PlayerId{
				left: 80% !important;
                width: 150px !important;
				
			}
@media  (max-width: 1024px)  {
	
		#wr360DynamicSpot_extendhouse_wr360PlayerId{
			   left: 48% !important;
			   width: 150px !important;
			}
				
			#wr360DynamicSpot_demolishhouse_wr360PlayerId{
				left: 64% !important;
				width: 150px !important;
			}	
			#wr360DynamicSpot_buildhouse_wr360PlayerId{
				left: 80% !important;
				width: 150px !important;				
			}
			.detail-panel-header .h2, .detail-panel-header h2 {
           font-size: 1rem;
}
			
			iframe#blue {
						height: 400px !important;
			}
    .hotspot_rollover > div{
        max-width:500px !important;
    }
    
	
}

@media   (max-width: 990px)   { 

			#wr360DynamicSpot_extendhouse_wr360PlayerId{
			   left: 44% !important;
			   width: 150px !important;
			}
				
			#wr360DynamicSpot_demolishhouse_wr360PlayerId{
				left:62% !important;
				width: 150px !important;
			}	
			#wr360DynamicSpot_buildhouse_wr360PlayerId{
				left: 80% !important;
				width: 150px !important;				
			}
    iframe#blue {
				height: 400px !important;
		   }
    .hotspot_rollover > div{
        max-width:480px !important;
    }
			
			
}
@media (max-width: 817px) { 

			#wr360DynamicSpot_extendhouse_wr360PlayerId{
			   left: 38% !important;
			   width: 150px !important;
			}
				
			#wr360DynamicSpot_demolishhouse_wr360PlayerId{
				left: 58% !important;
				width: 150px !important;
			}	
			#wr360DynamicSpot_buildhouse_wr360PlayerId{
				left: 78% !important;
				width: 150px !important;				
			}
			.detail-panel-header .h2, .detail-panel-header h2 {
				font-size: 1rem;
			}
			iframe#blue {
				height: 400px !important;
		   }
    .hotspot_rollover > div{
        max-width:450px !important;
    }
}

@media (max-width: 768px) { 

			#wr360DynamicSpot_extendhouse_wr360PlayerId{
			   left: 34% !important;
			   width: 150px !important;
			}
				
			#wr360DynamicSpot_demolishhouse_wr360PlayerId{
				left: 55% !important;
				width: 150px !important;
			}	
			#wr360DynamicSpot_buildhouse_wr360PlayerId{
				left: 76% !important;
				width: 150px !important;				
			}
			.detail-panel-header .h2, .detail-panel-header h2 {
				font-size: 1rem;
			}
			iframe#blue {
				height: 400px !important;
		   }
    .hotspot_rollover > div{
        max-width:400px !important; max-height: 400px !important; overflow-y: scroll !important;
    }
}

@media (max-width: 425px) { 

			#wr360DynamicSpot_extendhouse_wr360PlayerId{
			   left: 8% !important;
			   width: 120px !important;
			}
				
			#wr360DynamicSpot_demolishhouse_wr360PlayerId{
				left: 38% !important;
				width: 120px !important;
			}	
			#wr360DynamicSpot_buildhouse_wr360PlayerId{
				left: 68% !important;
				width: 120px !important;				
			}
			.detail-panel-header .h2, .detail-panel-header h2 {
				font-size: 1rem;
			}
    .detail-panel-content-container{
			height:300px;
			}
			iframe#blue {
				height: 300px !important;
		   }
    .hotspot_rollover > div{
        max-width:350px !important; max-height: 200px !important; overflow-y: scroll !important;
    }
}

@media (max-width: 375px) { 

			#wr360DynamicSpot_extendhouse_wr360PlayerId{
			   left: 8% !important;
			   width: 100px !important;
			}
				
			#wr360DynamicSpot_demolishhouse_wr360PlayerId{
				left: 38% !important;
				width: 100px !important;
			}	
			#wr360DynamicSpot_buildhouse_wr360PlayerId{
				left: 68% !important;
				width: 100px !important;				
			}
			.detail-panel-header .h2, .detail-panel-header h2 {
				font-size: 1rem;
			}
    .detail-panel-content-container{
			height:300px;
			}
    
			iframe#blue {
				height: 300px !important; 
		   }
    .hotspot_rollover > div{
        max-width:300px !important; max-height: 200px !important; overflow-y: scroll !important;
    }
    
    
    
}