/* ############################################Modal-Popup Section######################################################### */

/* *************************** For Mobile ****************************************** */
@media only screen and (min-width: 0px) and (max-width: 600px) {
	md-dialog-content #videocontent {
		padding: 0px 0px;
	    width: 100%;
	    height: 90%;
	}

	.contentBody {
		height: 44%;
	    width: 97%;
	    margin: auto;
	}
}

/* *************************** For Ipad ****************************************** */
@media only screen and (min-width: 601px) and (max-width: 960px) {
	md-dialog-content #videocontent {
		padding: 0px 0px;
	    width: 100%;
    	height: 94%;
	}

	.contentBody {
		height: 43%;
	    width: 84%;
	    margin: auto;
	}
}

/* *************************** For Ipad-Pro ****************************************** */
@media only screen and (min-width: 961px) and (max-width: 1280px) {
	md-dialog-content #videocontent {
		padding: 0px 0px;
	    width: 100%;
	    height: 100%;
	    margin: auto;
	}

	.contentBody {
		height: 70%;
    	width: 60%;
	    margin: auto;
	}
}

/* *************************** For Desktop ****************************************** */
@media only screen and (min-width: 1281px) and (max-width: 1500px) {
	md-dialog-content #videocontent {
		padding: 0px 0px;
	    width: 100%;
	    height: 100%;
	}

	.contentBody {
		height: 62%;
	    width: 50%;
	    margin: auto;
	}
}


/* *************************** For Large Desktop ****************************************** */
@media only screen and (min-width: 1501px) and (max-width: 1920px) {
	md-dialog-content #videocontent {
		padding: 0px 0px;
	    width: 100%;
	    margin: auto;
	    height: 100%;
	}

	.contentBody {
		height: 62%;
	    width: 49%;
	    margin: auto;
	}
}

/* *************************** For Big Screen ****************************************** */
@media only screen and (min-width: 1921px) {
	md-dialog-content #videocontent {
		padding: 0px 0px;
	    width: 100%;
	    margin: auto;
	    height: 100%;
	}

	.contentBody {
		height: 62%;
	    width: 49%;
	    margin: auto;
	}
}




#mainDialogueBody {
	max-width: 100%;
	max-height: 100%;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.9);
}

#toolBarcontainer {
	min-height: 50px;
}

.toolbar {
	height: 50px;
	max-height: 50px;
}

#videocontent {
	height: 92%;
}

.video-close md-icon {
    color: white;
}


.dialogdemoBasicUsage #popupContainer {
  position: relative; }

.dialogdemoBasicUsage .footer {
  width: 100%;
  text-align: center;
  margin-left: 20px; }

.dialogdemoBasicUsage .footer, .dialogdemoBasicUsage .footer > code {
  font-size: 0.8em;
  margin-top: 50px; }

.dialogdemoBasicUsage button {
  width: 200px; }

.dialogdemoBasicUsage div#status {
  color: #c60008; }

.dialogdemoBasicUsage .dialog-demo-prerendered md-checkbox {
  margin-bottom: 0; }

.md-dialog-container {
	z-index: 1000;
}