/* Reset ================================================================================= */

*{margin:0;padding:0}
body{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#505050;}
a {text-decoration:none;	background-color: transparent; color:inherit; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer; border:none; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
:focus{outline:none;}
a:focus{outline:none; text-decoration:none;}
a:hover { text-decoration:none;}

.none{display:none !important;}

/* Headings */
h1,h2,h3,h4,h5,h6 { margin:0 0 10px; line-height:1.35;}
h1{ font-size:20px; font-weight:normal; }
h2{ font-size:18px; font-weight:normal; }
h3{ font-size:16px; font-weight:normal; }
h4{ font-size:14px; font-weight:normal; }
h5{ font-size:14px; font-weight:normal; }
h6{ font-size:14px; font-weight:normal; }

/* Forms */
form        { display:inline;}
fieldset     { border:0; }
legend      { display:none; }

/* Table */
table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Lists */
ul,ol{list-style:none; margin: 0;}


/* Global Styles ========================================================================= */

.wrapper{margin-top:40px;}
span.pageno{width:100%; display:inline-block; text-align:center;}
.Parking-Pal .panel-default > .panel-heading, .Parking-Pal .progress-bar{background-color:#ffcf23; color:#333333;}
.Parking-Pal .panel-default > .panel-heading{font-size:16px; font-weight:500;}
.Parking-Pal .progress{margin-bottom:5px;}
.separator20{width:100%;display:inline-block;height:1px; line-height:1px;}
.separator30{width:100%;display:inline-block;height:30px; line-height:1px;}
.separator40{width:100%;display:inline-block;height:15px; line-height:1px;}
a.link, .link a{color:#000000; text-decoration:underline;}
a.link:hover, .link a:hover{color:#FFCF23; text-decoration:none;}
.btn-left{text-align:left;}
.btn-right{text-align:right;}
.Parking-Pal .btn-default{background-color:#FFCF23; color:#333333; border:1px solid #dfaf03; text-transform:uppercase; font-size:16px; font-weight:500;}
.Parking-Pal .btn-default:hover{background-color:#333333; color:#fff; border:1px solid #000000;}
.Mobile-view{display:none;}
.desktop-view{display:block;}


/* Rating Scale Smiley */
.qBox .qAnswerContainer.smiley{padding:13px 9px 18px;}
.qBox .qAnswerContainer.smiley.vertical{padding:0;}
.qBox .qAnswerContainer.smiley .qAnswer{border-collapse:collapse;table-layout:fixed;}
.qBox .qAnswerContainer.smiley .qAnswer td{padding:0 3px 10px;text-align:center;vertical-align:middle;}
.qBox .qAnswerContainer.smiley .qAnswer td img{display:block;max-width:100%;margin:auto;position:relative;}
.qBox .qAnswerContainer.smiley .qAnswer tr.txt td{padding-top:0;padding-bottom:0;vertical-align:top;}
.qBox .qAnswerContainer.smiley .qAnswer tr.txt td div{}
.qBox .qAnswerContainer.smiley .qAnswer tr.txt td div input[type="radio"]{margin:0;}
.qBox .qAnswerContainer.smiley .qAnswer tr.txt td div label{display:block;text-align:center;padding:5px 0 0;word-wrap:break-word;word-break:break-word;}

.qBox .qAnswerContainer.smiley.vertical .qAnswer td.smileyCell{padding:10px 9px;border-bottom:1px solid #eaeaea;vertical-align:middle;}
.qBox .qAnswerContainer.smiley.vertical .qAnswer td.smileyCell.nobdr{border:none;}




.qBox .qAnswerContainer.smiley.vertical .qAnswer .smileyCell .smiley_icon{width:60px;height:60px;background-repeat:no-repeat;background-color:transparent;margin:auto;background-size:cover;}

.qBox .qAnswerContainer.smiley.vertical .qAnswer table.txt{border-collapse:collapse;table-layout:fixed;max-width:100%;margin:auto;}
.qBox .qAnswerContainer.smiley.vertical .qAnswer table.txt td{padding:5px 0 0; font-size:16px;}
.qBox .qAnswerContainer.smiley.vertical .qAnswer td.smileyCell.selected table.txt td{font-weight:500; color:#333333;}
.qBox .qAnswerContainer.smiley.vertical .qAnswer table.txt td.chk{padding:5px;display:none;}
.qBox .qAnswerContainer.smiley.vertical .qAnswer table.txt td.chk input{margin:0 10px 0 0;}
.qBox .qAnswerContainer.smiley.vertical .qAnswer table.txt.noLbl td.chk input{margin:5px 0 0;}
.qBox .qAnswerContainer.smiley.vertical .qAnswer table.txt td label{display:block;width:100%;word-wrap:break-word;word-break:break-word;}


#face { 
  width: 120px; 
  height: 120px; 
  position: relative;
  border: 6px solid black;
  border-radius: 50%; 
  margin: 20px auto;
  background:#EBDC32;  
}

#face:before, #face:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: 30px;
  border-radius: 10px;
  background: black; 
}
#face:before {
  left: 36px; 
}
#face:after {
  left: 64px; 
}

#mouth-box {
  width: 60px; 
  height: 20px; 
  left: 25px; 
  top: 60px; 
  overflow: hidden; 
  background: #EBDC32; 
  position: relative; 
}

#mouth { 
  width: 60px; 
  height: 60px; 
  border-radius: 30px; 
  border: 2px solid black; 
  position: absolute; 
  top: 0; 
  left: 0; 
}

#mouth.straight {
  height: 0px !important;
  top: 7px !important;
  border-width: 1px;
  bottom: auto !important;
}
.slide-main{background:#E1E2E2; padding:7px 10px; border-radius:20px; -moz-border-radius:20px;  -webkit-border-radius:20px; margin-bottom:18px;}
.mode{width:20%}