/* w3.css replaces normalize w3*/
.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {padding: 8px 4px;display: table-cell;text-align: left;vertical-align: top;}
.w3-responsive{overflow-x:auto}
.w3-table-all tr:nth-child(2n) {background-color: white}
/*   CSS definition for Website Baker module: Download Gallery 3  */
.mod_download_gallery_line_rightalign_f {/*width: 33.3%;*/}
.mod_download_gallery_line_f, .mod_download_gallery_line_rightalign_f {border-bottom: 1px solid ;padding: 12px 12px 0px 0px;}
.mod_download_gallery_th_f,.mod_download_gallery_line_f {text-align: left;padding: 3px;margin: 3px;}
.mod_download_gallery_th_f,.mod_download_gallery_line_f {/*width: 23.3%;*/}
.mod_download_gallery_line_text_f {padding: 10px 0px 10px 22px;}
.mod_download_gallery_dgheader_f {font-size: 16px;font-weight: normal;padding: 4px;}
/* Buttons >>>>> */
button.mod_download_gallery_btn_f,button.mod_download_gallery_btn_ra_f {border: 1px solid;font-weight: bold;cursor: pointer;padding: 2px 16px 0 0;margin: 0 2px 0 2px;line-height: 0.8;}
button.mod_download_gallery_btn_f,button.mod_download_gallery_btn_ra_f {
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;white-space:nowrap
-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
button.mod_download_gallery_btn_f:hover,button.mod_download_gallery_btn_ra_f:hover{}
button.mod_download_gallery_btn_f {/*width: auto;*/overflow: visible;text-align: left;}
button.mod_download_gallery_btn_ra_f {text-align: right;white-space: nowrap;}
button.mod_download_gallery__f:before {font-family: FontAwesome;top: 0;padding-right: 8px}
button.mod_download_gallery_asc_f:before{font-family: FontAwesome;top: 0;padding-right: 14px;}
button.mod_download_gallery_desc_f:before {font-family: FontAwesome;top: 0;padding-right: 14px;}
/* <<<<<<< Buttons */
/* user Upload starts here */
div.download_gallery.upload td.field_title {font-family: "Verdana";font-size: 1.2em;}
div.download_gallery.upload td {vertical-align: top;}
div.download_gallery.upload input.field,
div.download_gallery.upload select {width: 300px;}
div.download_gallery.upload textarea {width: 300px;height: 60px;}
div.download_gallery.upload input,div.download_gallery.upload img {width: 150px;vertical-align: middle;}
/* add new selectors start here */
.dlg-search-container {margin-bottom: 45px;}
form table {width: 100%}
form > div > table td:first-child {padding-left: 10px!important}
form > div > table td:last-child {padding-right: 10px!important}
.dlg-left {text-align: left!important}
.dlg-center{text-align: center!important}
.dlg-right {text-align: right!important}
.mod_download_gallery_line_f img, #dllink img{border:0;vertical-align: middle;float: left;margin: 3px 5px;}
#dllink tr{height:25px;}
.dlsearch {margin: 0 auto;display: block;height: 100px;}
form.dlg-search {max-width:100%;}
form.dlg-search input[type=text] {padding: 11px;font-size: 17px;border: 1px solid grey;float: left;width: 100%;}
form.dlg-search button {display:inline;float: left;width: 40px;padding: 11px;font-size: 16px;border: 1px solid;border-left: none;cursor: pointer;}
form.dlg-search::after {content: "";clear: both;display: table;}
form.dlg-search input.search-reset {display: inline;float: none;padding: 11px;font-size: 16px;border: 1px solid;border-left: none;cursor: pointer;}
form.dlg-search div.search-fill {float: none;}
.dlg-group-description {white-space: -moz-pre-wrapwhite-space: -pre-wrap;white-space: -o-pre-wrap;white-space: pre-wrap;}
/* added scrollbar position start here */
.dlg-container {overflow-y: scroll;overflow-x: hidden;max-height: 768px;}
#dlg-navbar {transition: top 0.3s;}
#dlg-navbar a {float: none;display: block;padding: 0px 0 2px 24px;text-decoration: none;  font-size: inherit;}
.dlg-box {display: contents;}
.dlg-sticky {position: fixed;top: 0;/*width: 96%;*/}
span.mod_download_gallery_btn_f,span.mod_download_gallery_btn_ra_f {border: 1px solid ;font-weight: bold;cursor: margin: 0 2px 0 2px;line-height: 2.0;}
span.mod_download_gallery_btn_ra_f {margin-left: 16px}
/* added TableSroll  */
.fixed-headers{width:100%;table-layout:fixed;border-collapse:collapse;}
.fixed-headers th{text-decoration:none;}
.fixed-headers th,.fixed-headers td{padding:5px;text-align:left;}
.fixed-headers th:nth-child(1){min-width:80px;width:40%;}
.fixed-headers td:nth-child(1){min-width:80px;width:40%;}
.fixed-headers th:nth-child(2){min-width:50px;width:20%;}
.fixed-headers td:nth-child(2){min-width:50px;width:20%;}
.fixed-headers th:nth-child(3){min-width:50px;width:20%;}
.fixed-headers td:nth-child(3){min-width:50px;width:20%;}
.fixed-headers th:nth-child(4){min-width:50px;width:20%;}
.fixed-headers td:nth-child(4){min-width:50px;width:20%;}
.fixed-headers th:nth-child(5){min-width:50px;width:15%;}
.fixed-headers td:nth-child(5){min-width:50px;width:15%;}
.fixed-headers thead tr{display:block;position:relative;}
.fixed-headers tbody{display:block;overflow-y:scroll;overflow-x:auto;width:100%;height:42em;}
.old_ie_wrapper{height:300px;width:750px;overflow-x:hidden;overflow-y:auto;}
.old_ie_wrapper tbody{height:auto;}
span.truncate{display:block;max-width:100%;}
/* color block for your own stylechanges */
.fixed-headers thead{background-color:#8f0222;color:#FDFDFD;}
.fixed-headers tbody tr:nth-child(even){background-color:#DDD;}
#dlg-navbar {/*background-color: #a90329;*/background: transparent /*linear-gradient(to bottom, #6fb129 0%,#228e25 100%)*/}
#dlg-navbar a {color: #444;}
.dlg-search-container {/*background-color: #a90329;background: linear-gradient(to bottom, #6fb129 0%,#228e25 100%)*/}
.mod_download_gallery_line_f,.mod_download_gallery_line_rightalign_f {border-bottom: #DDD; background-color: #f1f1f1;color: #999;}
.mod_download_gallery_line_f a,.mod_download_gallery_line_rightalign_f a {color: #444;}
.mod_download_gallery_line_f a:hover,.mod_download_gallery_line_rightalign_f a:hover {color: #1c64aa;}
.mod_download_gallery_th_f {/*background-color: #a90329;color: #DFE67B;*/background: linear-gradient(to bottom, #6fb129 0%,#228e25 100%)}
.mod_download_gallery_dgheader_f {/*background-color: #a90329;*/background: linear-gradient(to bottom, #6fb129 0%,#228e25 100%)}
.dlg-group-header {background-color: #F9D5A8;}
.dlg-group-description {background-color: #FCEDDB;}
tr.dlg-file {background:#DADADA!important;}
tr.dlg-file-desc {background:#FEFEFB!important;}
button.mod_download_gallery_btn_f:hover,
/* button.mod_download_gallery_btn_ra_f:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} */
span.mod_download_gallery_btn_f,span.mod_download_gallery_btn_ra_f {border: 0 /*1px solid #8f0222*/;color: #DFDFDF}
button.mod_download_gallery_btn_f,button.mod_download_gallery_btn_ra_f {border: 1px solid #8f0222;color: #DFDFDF}
button.mod_download_gallery_btn_f,button.mod_download_gallery_btn_ra_f {background: linear-gradient(to bottom,#a90329 0%,#8f0222 44%,#6d0019 100%)} /*color:inherit;background-color:inherit;*/
button.mod_download_gallery_asc_f,
button.mod_download_gallery_desc_f {color: #CBCBCB;}
/* https://fontawesome.com/icons?c=arrows */
button.mod_download_gallery__f:before {color: #fff;content: "\f0a4"}
button.mod_download_gallery_asc_f:before {color: #fff;content: "\f102"}
button.mod_download_gallery_desc_f:before {color: #fff;content: "\f103"}
/* flat searchbox */
form.dlg-search input[type=text] {border: grey;background: #f1f1f1}
form.dlg-search button {background: #8f0222;color: #fff;}
form.dlg-search button:hover {background: #1D039D;}
form.dlg-search input.search-reset {background: #8f0222;color: #fff}
form.dlg-search input:hover.search-reset {background: #1D039D}

@media (max-width: 540px) {
    .dlsearch > div.w3-third {width: 84%!important}
}

@media (min-width:540px) and (max-width: 768px) {
    .dlsearch > div.w3-third {width: 92%!important}
}