#submenu {border: 1px solid #eee; padding: 15px 30px; background: #fafafa; margin-bottom: 30px;}
#insm>ul {list-style: none; display: flex; width: 100%;}
#insm>ul>li:not(.mini) {flex: 1; }
#insm>ul>li.mini, #insm>ul>li:last-child {width: 70px;}
#insm ul li.special {width: 24%;}
#insm ul li.special select {width: 50px;}
#insm ul li label {font: 14px 'Roboto Condensed'; color: #d10016;}
#insm ul li .inpbutt {margin: 5px 0 0;}
#insm ul li .inpbutt a {background: #fff;}

#alldocs, #catdocs {margin: 15px 0px 30px;} 
#catdocs, #alldocs .soft_pager, #catdocs .soft_pager {display: flex; flex-wrap: wrap;}

.cdoc, .ddoc {float: left; width: 18%; margin: 0 2% 2% 0; padding: 10px 0; background: #fff; min-height: 270px; border: 1px solid #eee; box-sizing: border-box; text-align: center;}
.cdoc {cursor: pointer; text-transform: uppercase;}
.ddoc {width: 23%;}
.cdoc a, .ddoc>a {position: relative; display: block; color: #555; font: 300 18px 'Roboto Condensed'; padding: 5px 0;}
.cdoc img {margin-top: 7px;}
.cdoc img.save {display: none; cursor: pointer; position: absolute; right: 3px; margin-top: 0; top: 2px;}

.ddoc, .ddoc:hover, .cdoc, .cdoc:hover {-moz-transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; transition: all 400ms ease-in;}
.ddoc:hover, .cdoc:hover {background-color: #f1f1f1;}

.cdoc {height: 50px; min-height: 50px; background: url(folderDocEmpty.png) 10px center no-repeat; background-size: 15%; text-align: left;}
.cdoc a {padding-left: 24%;}
.cdoc.wdata {background: url(folderDoc.png) 10px center no-repeat;  background-size: 15%;}

.ddoc {display: flex; flex-direction: column; padding-bottom: 0;}
.ddoc .dbutton {margin-bottom: auto;}
.ddoc>a {flex-grow: 1;}
.ddoc .theimg {width: 100%; margin: 12px auto;}
.ddoc .theimg img {max-width: 100%; max-height: 100px}
.ddoc .filedescr {margin: 13px 0;}
.ddoc .dbutton {cursor: default; background: #fafafa; margin-top: 5px; display: flex; border-top: 1px solid #eee;}
.ddoc .dbutton div a {padding: 3px 4px; display: inline-block;}

.ddata {padding: 0 15px; flex-grow: 1;}

	@media all and (min-width: 1200px) {
	.emulealb {width: 1190px;}
	}

	@media all and (max-width: 1200px) {

	}

	@media all and (max-width: 950px) {
		.cdoc {width: 23%;}
		.ddoc {width: 30.333%;}
	}

	@media all and (max-width: 820px) {
		#insm>ul>li {width: 33.3333%; margin-bottom: 20px;}
	}

	@media all and (max-width: 720px) {
		.ddoc {width: 48%; margin: 0 1% 2%;}
		#availdocs {margin-right: 1%;}
		#submenu {padding: 0; position: fixed; top: 0; right: 0; width: 0; max-width: 0; background: #eee; z-index: 20; height: 100%; overflow-y: auto; margin: 0;}
		.dmenu #submenu {max-width: 600px; width: 40%; min-width: 300px; padding: 20px;}
		body.dmenu {overflow-y:hidden}
		#submenu, .dmenu #submenu {-webkit-transition:all 500ms; transition:all 500ms}
		#insm>ul>li {float: none; display: block; width: 100%;}
		#insm ul li label {display: block;}
	}

	@media all and (max-width: 660px) {
		.cdoc {width: 30.333%;}
	}

	@media all and (max-width: 540px) {
		.cdoc {width: 48%;}
		#availdocs {font-size: 15px; padding: 4px 7px}
	}

	@media all and (max-width: 480px) {
		.ddoc {width: 100%; margin: 7px 0;}
	}

	@media all and (max-width: 420px) {
		.cdoc {width: 100%; margin: 7px 0; padding: 15px;}
		h1 {font-size: 19px;}
	}