body{
margin:0;
padding:0;
}

#addmoreupload, .mlib_delete_upload{
border:0;
background-color:red;
color:#fff;
font:bold 14px arial;
padding:5px 10px;
min-width:80px;
cursor:pointer;
}

#addmoreupload{
background-color:green;
}

.iframe-form input[type="file"]{
padding:5px;
font:bold 14px arial;
width:230px;
}

.iframe-form input[type="submit"]{
border:0;
background-color:#333;
color:#fff;
font:bold 20px arial;
padding:20px 30px;
min-width:150px;
cursor:pointer;
margin:0 auto;
display:block;
}

.mlib-extra-upload{
margin:10px;
float:left;
}

.mlib-bg, .mlib-main, #mlib_chooser_body, #mlib_chooser_bg{
z-index:9999;
}

.prettyprint{
padding:20px !important;
line-height:1;
}

#picurl2, #picurl3, #picurl5{
background-color: #eee;
border: 1px solid silver;
max-height: 200px;
overflow: auto;
padding: 20px;
}

.mlib-example .tab-pane{
padding:20px;
}

#picurl4 a{
text-decoration:none;
float:left;
display:block;
margin:5px;
border:1px solid #000;
box-shadow:0 0 2px #000;
}

#picurl4 img{
text-decoration:none;
border:5px solid #fff;
width:100px;
height:100px;
}

#picurl4 a:hover{
border:1px solid gray;
box-shadow:0 0 0 #000;
opacity:0.9;
}

.demo-download{
border-bottom: 1px solid #999;
border-top: 1px solid #999;
clear: both;
margin: -1px 0;
padding: 10px 0;
}

.demo-download img{
height:32px;
width:32px;
border:0;
}

.demo-download a{
float:right;
}

.big-space{
clear:both;
min-height:80px;
}

.mlib-example{
padding-top:50px;
}

.media-container .media-item{
	width:30%;
	float: left;
	margin-right: 3%;
	height: 65px;
	position: relative;
}
.media-container .media-item img{
	height: 60px;
}
.media-item span.close{
	position: absolute;top: -0.4em;right: -0.2em;opacity: 1;font-size: 1.2em;color: red;cursor: pointer;
	display: none
}

@media only screen and (max-width: 767px) {
	.mlib-head {
	    font: 18px/50px arial !important;
	    height: auto !important
	}
	.mlib-data {
		top: 0 !important
	}
	.mlib-top {
		position: relative !important;
		left: 0 !important;
		top: 0 !important
	}
	.mlib-top .mlib-head select {
		float: none !important
	}
	.mlib-display-canvas, .mlib-display-folder-canvas {
		position: relative !important;
		bottom: unset !important;
		left: unset !important;
		right: unset !important;
		top: unset !important
	}
	.mlib-item-properties {
	    bottom: unset !important;
	    position: relative !important;
	    right: unset !important;
	    top: unset !important;
	    width: auto !important;
	    float: left !important
	}
	.simple-pagination {
		overflow: unset !important
	}
	.mlib-bottom {
		display: none !important
	}
}

@media only screen and (max-width: 480px) {
	.mlib-left {
		width: auto !important
	}
	.mlib-left li {
		font-size: 14px !important
	}
	.mlib-right {
		left: 190px !important
	}
	.mlib-head {
	    font: 14px/24px arial !important
	}
}

@media only screen and (max-width: 360px) {
	.mlib-head {
		padding: 0 40px 0 1px !important
	}
	.mlib-left li {
		font-size: 12px !important
	}
	.mlib-right {
		left: 170px !important
	}
	.mlib-top .mlib-head select {
		font-size: 12px !important;
		margin: 10px 0 !important
	}
	.mlib-load-more div {
		float: left !important
	}
}