.panel_container{
	width:100%;
	height:100%;
	overflow: hidden;
}

.panel_container .panel_title{
	height:35px;
	background-color: #002052;
	color: #fff;
	line-height: 34px;
	margin-bottom: 1px;
	font-size:12px;
	padding-left:11px;
	overflow: hidden;
	white-space: nowrap;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.panel_container .panel_title .title_text{
	float:left;
	white-space: nowrap;
	display: block;
}

.panel_container .panel_title .title_text .only_when_fits{
	display: inline-block;
}

.panel_container .panel_title .buttons_container{
	float:right;
	margin-right: 9px;
}
.panel_container .panel_title .buttons_container > div{
	float:left;
	margin-left: 10px;
}


.panel_container .panel_content{
	border:1px solid #002052;
	padding:0px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding: 0px;
    margin:0px;
    overflow: hidden;
}

/* the ipad breakpoint-------------------------------------------868*/

@media (max-width: 1025px) {
 	.panel_container .panel_content{
 		border: none;
 	}
 	
 	.panel_container .panel_title .buttons_container{
		margin-right: 0;
	}
	
	.panel_container .panel_title{
		margin-bottom: 4px;
	}
}


 /*the phone breakpoint--------------------------------------570*/
@media (max-width: 640px) {
	.panel_container .panel_title .buttons_container{
		margin-right: 9px;
	}
}

/*title special case*/
@media (max-width: 640px) {
	.panel_container .panel_title .title_text .only_when_fits{
		display: none;
	}
}

@media (max-device-width: 760px) {
	.panel_container .panel_title .title_text .only_when_fits{
		display: none;
	}
}