img {
    max-width: 100%;
    max-height: auto;
}


.workspace {
	overflow: auto;
	background-color: white;
} 
.sideMenu {
	background-color: white;
	z-index: 1000;
	position: absolute;
	transition: .2s;
	top: -10000px;
	box-shadow: 2px 1px 5px 0px lightblue;
}
.card {
	background-color: white;
	flex-shrink: 0;
	box-shadow: 2px 1px 5px 0px lightgrey;
}
.tab {
	flex-direction: column;
}
iframe {
	border: 0;
	width: 100%;
	height: 640px !important;
}


.body-text {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400 ;
	font-size: 20px;
	line-height: 20px;
	color: #777777;
	text-align: middle;
}

.small-body-text {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 500 ;
	font-size: 16px;
	line-height: 24px;
	color: #222233;
	text-align: middle;
}


.dotted-underline {    
    border-bottom: 1px dotted #000;
    text-decoration: none;
}

h4 {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 300 ;
	font-size: 20px;
	line-height: 25px;
	color: #777777;
	text-align: left;
}



.title-text {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 35px;
	color: #363636;
}

.acco-title-text {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 20px;
	color: #363636;
}

.acco-title-text-bold {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 20px;
	color: #161616;
}

.status-text-box {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 700 ;
	font-size: 25px;
	line-height: 25px;
	color: #777777;
	border-radius: 3px;
	/*height: 60px !important;*/
}

.text-box
{
	height: 300px !important;
	width: 100% !important;
}

html {
	background-color: #D7E5F0;
}

.head {
	background-color: rgb(235, 242, 247);
	width: 100%;
}

.article-image {
	width: 100%;
	height: auto;
}


/* condition for screen size minimum of Xpx */
@media (min-width:800px) {
	.baseview {
		position: fixed; /* or  */
		left: 20%;
		top: 1%;
		width: 60% !important;
		padding-bottom: 1% !important;
	}
	.article-image {
		width: 60%;
		height: auto;
	}
	iframe {
		width: 640px;
		height: 900px !important;

	}
}