/*
 *  Main stylesheet for quickshops
 * 
 *
 * 
 *   Author: Kim Hair
 */
 body{background: rgb(247,247,247); background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(168,168,168,1) 49%, rgba(89,89,89,1) 100%); display:block; min-height:100vh; height:100%; margin:0;}
#hero-img{display:flex; justify-content: flex-between; height:20%; min-height:250px; width:80%; margin:0 auto;}
   #hero-img h1{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:3.5em;}
   #quickshops, .butt-wrapper{margin: 25px auto;}
 #quickShops, .butt-wrapper, #quickShops_info{   border-collapse: collapse; font-size: 0.9em; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; width:80vw; min-width: 400px;
 }
 .butt-wrapper{display:flex; justify-content: space-evenly;}
 #quickShops{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
 thead{background-color:#292961; color:#fefefe; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
 th, td{padding: 12px 15px;}
 #colHeadPrice{text-align:left; text-indent: -20px;}
  #quickShops tbody tr {border-bottom: 1px solid #dddddd;
}

 #quickShops tbody tr:nth-of-type(even) {background-color: #f3f3f3;
}
#quickShops tbody tr:last-of-type {border-bottom: 2px solid #292961;}
 .dataTables_length label{vertical-align:baseline}
 .buttum{width: 80vw; margin:20px auto; display:flex; justify-content: space-evenly;}
 #quickShops_info{COLOR:#efefef; width:30vw;}
 #quickShops_paginate{background:rgba(89,89,89,0.6);background: rgb(240, 240, 240, 0.7); padding: 20px; width: auto;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
 #quickshops_paginate a.paginate_button{ color:#efefef!important;}
 footer{background-color:#333; margin:0; width:100%; padding:20px 0; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
 footer .copyright{color:#fff; text-align:left; text-indent:10%;}