/* 
    ZieglerSoft (C) 2017
    CSS For ZieglerSoft templates
    Full responsive design

*/


.z-wide { letter-spacing: 4px }



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

.z-table, .z-table-all { border-collapse: collapse; border-spacing: 0; width: 100%; display: table }

.z-table-all { border: 1px solid #ccc }

    .z-bordered tr, .z-table-all tr { border-bottom: 1px solid #ddd }

        .z-striped tbody tr:nth-child(even), .z-table-all tr:nth-child(even) { background-color: #f1f1f1 }

.z-table-all tr:nth-child(odd) { background-color: #fff }


.z-hoverable tbody tr:hover, .z-ul.z-hoverable li:hover { background-color: #ccc }

.z-centered tr th, .z-centered tr td { text-align: center }

.z-table td, .z-table th, .z-table-all td, .z-table-all th { padding: 8px 8px; display: table-cell; text-align: left; vertical-align: top }

    .z-table th:first-child, .z-table td:first-child, .z-table-all th:first-child, .z-table-all td:first-child { padding-left: 16px }

.z-btn, .z-button { border: none; display: inline-block; outline: 0; padding: 8px 16px; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; }

    .z-btn:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) }

    .z-btn.noselect, .z-button.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

    .z-disabled, .z-btn:disabled, .z-button:disabled { cursor: not-allowed; opacity: 0.3 }

        .z-disabled *, :disabled * { pointer-events: none }

        .z-btn.z-disabled:hover, .z-btn:disabled:hover { box-shadow: none }

.z-badge, .z-tag { background-color: #000; color: #fff; display: inline-block; padding-left: 8px; padding-right: 8px; text-align: center }

.z-badge { border-radius: 50% }

.z-ul { list-style-type: none; padding: 0; margin: 0 }

    .z-ul li { padding: 8px 16px; border-bottom: 1px solid #ddd }

        .z-ul li:last-child { border-bottom: none }

.z-tooltip, .z-display-container { position: relative }

    .z-tooltip .z-text { display: none }

    .z-tooltip:hover .z-text { display: inline-block }

.z-ripple:active { opacity: 0.5 }

.z-ripple { transition: opacity 0s }

.z-input { padding: 8px; display: block; border: none; border-bottom: 1px solid #ccc; width: 100% }

.z-select { padding: 9px 0; width: 100%; border: none; border-bottom: 1px solid #ccc }

.z-dropdown-click, .z-dropdown-hover { position: relative; display: inline-block; cursor: pointer }

    .z-dropdown-hover:hover .z-dropdown-content { display: block; z-index: 1 }

    .z-dropdown-hover:first-child, .z-dropdown-click:hover { background-color: #ccc; color: #000 }

        .z-dropdown-hover:hover > .z-button:first-child, .z-dropdown-click:hover > .z-button:first-child { background-color: #ccc; color: #000 }

.z-dropdown-content { cursor: auto; color: #000; background-color: #fff; display: none; position: absolute; min-width: 160px; margin: 0; padding: 0 }

.z-check, .z-radio { width: 24px; height: 24px; position: relative; top: 6px }

.z-sidebar { height: 100%; width: 200px; background-color: #fff; position: fixed; z-index: 1; overflow: auto }

.z-bar-block .z-dropdown-hover, .z-bar-block .z-dropdown-click { width: 100% }

    .z-bar-block .z-dropdown-hover .z-dropdown-content, .z-bar-block .z-dropdown-click .z-dropdown-content { min-width: 100% }

    .z-bar-block .z-dropdown-hover .z-button, .z-bar-block .z-dropdown-click .z-button { width: 100%; text-align: left; padding: 8px 16px }

.z-main, #main { transition: margin-left .4s }

.z-modal { z-index: 3; display: none; padding-top: 100px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4) }

.z-modal-content { margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; width: 600px }

.z-bar { width: 100%; overflow: hidden }

.z-center .z-bar { display: inline-block; width: auto }

.z-bar .z-bar-item { padding: 8px 16px; float: left; width: auto; border: none; outline: none; display: block }

.z-bar .z-dropdown-hover, .z-bar .z-dropdown-click { position: static; float: left }

.z-bar .z-button { white-space: normal }

.z-bar-block .z-bar-item { width: 100%; display: block; padding: 8px 16px; text-align: left; border: none; outline: none; white-space: normal; float: none }

.z-bar-block.z-center .z-bar-item { text-align: center }

.z-block { display: block; width: 100% }

.z-responsive { display: block; overflow-x: auto }

.z-col.docentervert {float:none; margin: 0 auto;}

.z-container:after, .z-container:before, .z-panel:after, .z-panel:before, .z-row:after, .z-row:before, .z-row-padding:after, .z-row-padding:before,
.z-cell-row:before, .z-cell-row:after, .z-clear:after, .z-clear:before, .z-bar:before, .z-bar:after { content: ""; display: table; clear: both }