* { font-family: Arial, sans-serif; font-size: 18px; color: #444 }
* { margin: 0; padding: 0; }
body { background-color: #FFF; height: 100%; padding: 0 }
table { border-collapse: collapse }
ul { list-style-type: none }
td, th {font-weight: normal; text-align: left}
img { border: 0 }
a { outline: none; color: #666 }
a:visited { color: #666 }
a:hover { color: #1E8ECE }

div.content { display: grid; grid-row-gap: 25px; margin: auto; width: 230px; }
div.content img.logo { margin: auto; margin-top: -25px; }
div.customerContent-top { margin: auto; }
div.content h1 { margin: auto; font-size: 30px; font-weight: 700 }
div.content form input { width:100%; font-size: 22px; margin: 8px 0px 16px; padding: 6px 8px 6px 8px; background-color: transparent; border: 1px solid #A2A2A2; border-radius: 12px; }
div.content input:focus { border-color: #5C5C5C; }
div.content input:hover { border-color: #5C5C5C; }
div.content div#loader { margin: 33px auto; color: #44ac3e; text-align: center; display: none; }
div.content div#message { margin: 20px 0px; color: #e75b55; text-align: center; }
div.content button#submit { width: 180px; margin: 25px 0px 0px 25px; }
div.content form button { background-color: #432a74; border: 2px solid #432a74; padding: 6px 8px 6px 8px; border-radius: 20px; color: white; cursor: pointer; }
div.footer { margin-bottom: 15px; width: 100%; text-align: center; line-height: 1; }

/* App List */
/*div.content {overflow: hidden}*/
div.links { overflow: visible; margin-bottom: 15px }
div.content div.links a { display: block; overflow: hidden; width: 100%; min-width: 360px; max-width: 440px; margin: 0 15px 15px 0; padding: 15px 15px 15px 5px; background-color: #fdfdfd; text-decoration: none; }
div.content div.links a:hover { background-color: #f5f5f5 }
div.content div.links a img { display: block; float: left;  margin-right: 15px; width: 140px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) }
div.content div.links a h3 { color: #6790CD; margin-bottom: 10px }
div.content div.links a span {}

@media screen and (min-width: 1000px) {
    div.content {overflow: hidden}
    div.content div.links {overflow: hidden}
    div.content div.links a { overflow: hidden; float: left; width: 42%; min-width: 310px; max-width: 440px; }
}