/*
* Theme Name: DMD Volumen
* Author: Gor Brutjan
* Text Domain: dmd-volumen
*/

.volumenBox {}
.volumenTable {}
.volumenTable tr {}
.volumenTable td {width:50%;}
.volumenTable input{padding: 10px 5px;}
.mybutton {color: #333 !important;padding: 6px 15px;border: 1px solid #262626;cursor: pointer;display: inline-block;}
.mybutton:hover {background-color: #262626;color: #fff;}
.mybutton .fa {margin-left: 5px;}

.aside{min-width:350px;width:30%;position:fixed;top:0;right:0;bottom:0;background-color:#fafafa;border-right:1px solid #333;
	box-shadow:0 5px 15px rgba(0,0,0,0.5);z-index:100000;width:0;min-width:0;overflow:hidden;transition:.35s width ease,.35s min-width ease}
.aside .aside-header{background-color:#008be2;padding:1em;padding-left:.5em;font-size:1.2em;color:#fff;text-align: center;margin-right: 10px;}
.aside .aside-header .close{float:left;cursor:pointer;background: #fff;padding: 0 10px;color:#000;}
.aside .aside-contents{padding:.5em;padding-bottom:1em}
.aside.in{width:40%;min-width:350px}
.aside-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;transition:.2s opacity ease;opacity:0;display:none}
.aside-backdrop.in{display:block;opacity:.5}

@media (max-width: 600px) {
	.aside.in{width:100%;min-width:350px}
	.aside .aside-header .close{float:right;}
}