/* CSS for demo page of ProgiSync Booking Widget. Not required for the widget. */
body{margin: 0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #455a68;background: transparent;}
body::-webkit-scrollbar {display: none;}
a { color: #00629c; }
header{background-color: #eee;width: 100%;min-height: 45px;border-bottom: 1px solid #ddd;padding: 1em 0; }
header h1{margin: 1em 0 0 0;font-weight: normal;font-size: 30px;color: #455a68;text-shadow: 1px 1px 2px solid #fff; }
.container{max-width: 960px;width: 100%;margin: auto; }
footer{position: fixed;bottom: 0;width: 100%;height: 40px;font-size: 0.7em;border-top: 1px solid #ddd;background-color: #F3F3F3; }
#intro .container{padding: 3em 0;text-align: center; }
#intro .container a{text-align: center;padding: 0.5em 1em;margin: 0 1em;font-size: 1.4em;color:#ffffff;background-color: #0196a3;border-radius: 6px;text-decoration: none;}
.widget-footer{margin-top: 10px;}
#pswidget {padding: 0!important;}
label {font-weight: 700;}
#pswidget-powered{display: none!important;}

@media only screen and (max-width:380px) {
    #pswidget-clientinfo label {width: 85px;}
}