html, body {height:100%; color:#646464;font-size:16px; font-family: "Open Sans", Helvetica, Arial} 
body {margin:0; padding:0; }
div, p, h1, h2, h3, h4, a, menu, ul, li, input {box-sizing:border-box; padding:0; margin:0;}
.clear {clear:both;}
a {text-decoration:none; color:#4e9afd;}
.underline {text-decoration:underline;}
.bold {font-weight:bold}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.red-color {color:#800;}

table.bordered {border:1px solid #000;}
table thead {background:#ddd}
table thead td {font-weight: bold;}
table td {padding:5px;}
table.bordered tr {border-bottom:1px solid #000;}
table.bordered td {border-right:1px solid #ccc;}
table.bordered td:last-child {border-right:none;}

table.hover thead tr:hover {background:#ddd;}
table.hover tr:hover {background:#eee;}

.centerwin {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.bordered {border:1px solid #000;}
.panel {background:#eee}
.panel .title {background:#4e9afd; padding:10px 20px; color:#fff; font-size:18px;}
.panel .inner {padding:10px 20px;}
.panel .button-place {background:#ccc; border-top:1px solid #000; padding:10px 20px; text-align:right;}
.maxwidth-320 {max-width:320px;}
.maxwidth-480 {max-width:480px;}
.width-480 {width:480px;}
.padded-hor {padding-left:1em; padding-right:1em}
.label-message {padding:10px; background:#080; color:#fff; text-align:center}
.label-error {padding:10px; background:#f00; color:#fff; text-align:center}
.dimmed {background:#ddd;}
.hovered {}
.hovered > .row {border-bottom:1px solid #999; padding:1em!important}
.hovered > .row:hover {background:#2ba6cb; color:#fff;}
.hovered > .row:hover a {color:#fff;}


#cover {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.7); z-index:10}
.popup {z-index:11}
.header {padding-top:10px; padding-bottom:10px; background:#000; color:#fff; height:44px;}
.left-col {background:#ddd; min-width:166px;}
.left-col menu {margin:40px 0}
.left-col menu a {display:block; background:#555; color:#fff; padding:5px 10px; border-bottom:1px solid #000}
.left-col menu a:hover {background:#000;}
#site > .row {max-width:100%!important}
#site > .main {height:calc(100vh - 44px)}
#site > .main > .columns {height:calc(100vh - 44px); overflow:auto}

.striped>div:nth-child(even) { background:#eee}

/* foundation corrections */
.button {margin:0!important;}
.button.success {color:#fff!important;}