@charset "UTF-8";
/* CSS Document */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777777;
	font-size: 14px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #777777;
		font-size: 14px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #777777;
		font-size: 14px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #777777;
		font-size: 14px;
}
img {
    max-width: 100%;
}
body{
	font-family: 'lato', sans-serif;
	color: #000000;
}
p, textarea{display:block;}
.form{
	width: 64%;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
	background: url(../images/manageengine-logo-bg.png) no-repeat bottom right;
	margin: auto;
	float: left;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 538px;
	}
.left {
    background: #f7f7f7;
    width: 40%;
	text-align: center;
	padding:  60px 0 0 0;
	float: left;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
}
.left img.page-logo {
    margin-bottom: 18px;
   height: auto;
    width: 77%;

}
.left span {
	font-size: 26px;
	color: #000;
	display: block;
	font-weight: bold;
	font-family: 'lato', sans-serif;
	padding-top: 30px;
}
.field{
	position: relative;
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px;
}
.feedback-questions{
	width: 54%;
	margin: 3% 2% 0 4%;
	position: absolute;
	float: left;
	height: auto;
	min-height: 504px;
	right: 0;
	top: 0;
}
.feedback-questions p {
    color: #000;
    font-size: 18px;
	margin-bottom: 10px;
}
.cc-selector{
	dispay:block;
}
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.happy{
    background-image: url(../images/happy.png);
}
.sad{
    background-image: url(../images/sad.png);
}

.cc-selector input:active +.smile{opacity: .9;}
.cc-selector input:checked +.smile{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.cc-selector input:checked +.happy{
	background-image: url(../images/happy-active.png);
}
.cc-selector input:checked +.sad{
	background-image: url(../images/sad-active.png);
}
.smile{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:27px;height:27px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    
}
.smile:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

textarea {
	height: 36px;
	max-height: 164px;
	padding: 6px 12px;
	color: #333;
    float: left;
    width: 90%;
    border: 1px solid #9198af;
    font: 15px 'lato', sans-serif;
	resize: none;
	overflow: auto;
    margin-top: 10px;
   }
ul.strip {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
ol, ul {
    list-style: none;
}
ul.strip li {
    width: 25%;
    height: 5px;
}
ul.strip li:nth-child(1) {
    background-color: #de5a5f;
}
ul.strip li:nth-child(2) {
    background-color: #30a866;
}
ul.strip li:nth-child(3) {
    background-color: #0087c3;
}
ul.strip li:nth-child(4) {
    background-color: #ffd633;
}
.submitStyle input {
    background-color: #0094f2;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    margin-top: 10px;
	padding: 7px 14px;
	float: left;
	margin-right: 40px;

}
.submitStyle span
{
	float: initial;
    display: none;
    line-height: 51px;
    color: #f92020;
    font-size: 16px;
    font-style: oblique;
    font-family: inherit;
}


.jq-star {
  padding-right: 4px;
}
.svg-rated-477{
	color: #0094f2 !important;
}

/*------- star rating ----------*/

.rating {
    display: inline-block;
}
	
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:180% !important;
    line-height:1.2;
    color:#ddd;
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #0094f2 !important;
    /*text-shadow: 1px 1px #a48b01, 2px 2px #b59800, 0.1em 0.1em 0.2em rgba(0,0,0,.5);*/
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #0094f2 !important;
    /*text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);*/
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    /*text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);*/
}
span.error-field.rating-error {
    bottom: 14px !important;
    top: initial !important;
}
.

.thanks img{
	margin-bottom: 26px;
}
.thanks-msg {
	text-align: center;
    display: block;
    font-size: 22px;
    color: #222222;
    font-weight: 500;
    transition: all ease-out 350ms;
    margin-top: 140px;
}
.close
{
	text-align: center;
}
.close input {
	 
    background-color: #555555;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    margin-top: 18px;
	padding: 7px 14px;
}
.thanks{
	width: 54%;
	margin: 3% 2% 0 4%;
	position: absolute;
	float: left;
	height: auto;
	min-height: 504px;
	right: 0;
	top: 0%;
}