body {
  background: #FFFFFF;
  color: #000000;

 }
 
a.button, input.button {
	cursor: pointer;
	color: #fff;
	/*font-size: 14px;*/
	font-weight: bold;
	background: #309ee4 !important;
	border: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	margin-bottom: 1px;
  padding: 10px 15px;
       border-radius: 30px;
}
.frm_col{
	width:50%;
	min-height:65px;
	float: left;
	padding-top: 10px;
	display: block;
}

.error {
	color: #FF0000;
	font-size: 12px;
	display: none;
}
a.button1 {	cursor: pointer;
        color: #fff;
        /*font-size: 14px;*/
        font-weight: bold;
        background: #309ee4 !important;
        border: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        margin-bottom: 1px;
}
input.button1 {	cursor: pointer;
        color: #fff;
        /*font-size: 14px;*/
        font-weight: bold;
        background: #309ee4 !important;
        border: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        margin-bottom: 1px;
}
 


[type="radio"]:checked,
[type="radio"]:not(:checked),
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) 
    {
        /* Double-sized Checkboxes */
        -ms-transform: scale(1.7); /* IE */
        -moz-transform: scale(1.7); /* FF */
        -webkit-transform: scale(1.7); /* Safari and Chrome */
        -o-transform: scale(1.7); /* Opera */
        cursor:pointer;
        position: relative!important;
        left: 0!important;
        border: 1px solid #5a5aa6;
    }


    
    .survey_header {
        background: url(/assets/images/customer-satisfaction-survey-2022-for-computer-01.png);
        background-size: cover;
        background-position-x: center;
        background-position-y: bottom;
        background-repeat: repeat-x;
    }

    .survey_header_title {
        border: 2px solid #5a5aa6;
        border-radius: 30px;
        background-color: #fff;
        float: left;
        width: auto;
        margin-right: 5px;
        max-height: 35px;
    }
    .survey_header_title p {
        color: #5a5aa6;
        font-size: 20px;
        margin-bottom: 0;
        line-height: 30px;
        padding-left: 36px;
        margin-right: 10px;
    }
    .survey_header_title span {
        background-color: #5a5aa6;
        float: left;
        width: 32px;
        height: 32px;
        border-radius: 30px;
        text-align: center;
        color: #fff;
        font-size: 22px;
        margin-left: -1px
    }
    .survey_header_title.active {
        background-color: #5a5aa6;
    }
    .survey_header_title.active p {
        color: #fff;
    }
    .survey-strike-through {
        display: none;
    }
    .survey_title h1 {
        color: #fff;
        background-color: #5a4099;
        font-size: 36px;
        padding: 15px;
    }

    #survey_frm table tr {
        -webkit-box-shadow: 1px 1px 10px 1px rgba(168,165,168,0.5);
        -moz-box-shadow: 1px 1px 10px 1px rgba(168,165,168,0.5);
        box-shadow: 1px 1px 10px 1px rgba(168,165,168,0.5);
    }
    #survey_frm table tr.noshadow {
        -webkit-box-shadow: 0 0 0 0 rgba(173,170,173,0);
        -moz-box-shadow: 0 0 0 0 1px rgba(173,170,173,0);
        box-shadow: 0 0 0 0 1px rgba(173,170,173,0);
        /* border-top: 10px solid #fff; */
    }
    
    #survey_frm table td {
        width: auto!important;
        float: none;
        padding: 13px;
        border: 0;
        padding: 15px;
        color: #5a4099;
        font-size: 20px;
    }
    #survey_frm table tr.noshadow td {
        padding: 5px;
    }
    #survey_frm table tr.th {
        background-color: #c5d4e7;
        color: #5a5aa6;
        
    }
    #survey_frm table tr.th td {
        padding: 5px 15px;
        
        font-weight: 400;
        line-height: 20px;
    }
    #survey_frm table tr.th td strong {	
        font-weight: 400;
    }

    #survey_frm #smt_submit, #survey_frm #smt_home {
        border: 2px solid #5a5aa6;
        padding: 0px 0px 0px 50px;
        border-radius: 30px;
        background-color: #fff!important;
        color: #5a5aa6;
        font-weight: 400;
       
        line-height: 31px;
        /* padding-right: 30px; */
        max-height: 34px;
    }
    #survey_frm #smt_submit:hover  {
        background-color: #5a5aa6!important;
    }
    #survey_frm #smt_submit i, #survey_frm #smt_home i {
        background-color: #5a5aa6;
        float: left;
        width: 32px;
        height: 32px;
        border-radius: 30px;
        text-align: center;
        color: #fff;
        font-size: 22px;
        margin-left: 9px;
        float: right!important;
        margin-top: -1px;
        margin-right: -1px;
        line-height: 33px;
        margin-left: 22px;
    }

    #survey_frm .survey-input-form {
       
        color: #5a4099;
        padding: 0 15px;
    }
    #survey_frm .survey-input-form label {
        width: 100%;
        float: left;
    }
    #survey_frm .survey-input-form select, #survey_frm .survey-input-form input {
        width: 100%;
        float: left;
        height: 55px;
        border-radius: 30px;
        padding-left: 25px;
       
        color: #333;
        border: 1px solid #5a4099;
        font-weight: 200;
        background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);
    }
    #survey_frm .survey-input-form select {
        -webkit-appearance: none;
        -webkit-border-radius: 30px;
        appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%235a4099%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
    }
    #survey_frm .survey-input-form textarea {
        width: 100%;
        float: left;
        border-radius: 30px;
        padding-left: 25px;
       
        color: #333;
        border: 1px solid #5a4099;
        font-weight: 200;
    }
    #survey_frm #smt_submit.purplebg, #survey_frm button.purplebg {
        background-color: #5a4099!important;
        color: #fff;
        border: 2px solid #5a5aa6;
        padding: 5px 5px 5px 50px;
        font-size: 24px;
        line-height: 31px;
        max-height: 45px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #survey_frm #smt_submit.purplebg:hover, #survey_frm button.purplebg:hover {
        color: #5a4099!important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #survey_frm #smt_submit.purplebg i, #survey_frm button.purplebg i {
        background-color: #5a4099!important;
    }
    
    .img-prize {
        image-rendering: -moz-crisp-edges;         /* Firefox */
        image-rendering:   -o-crisp-edges;         /* Opera */
        image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    }
    
@media screen and (max-width: 1280px) {
    .survey_header_title p {
        /*font-size: 14px;*/
    }
}

@media screen and (max-width: 768px) {

    #survey_frm table { box-sizing: border-box; }
    #survey_frm table tr { display: block; }
    .survey_header {
        background: url(/assets/images/customer-satisfaction-survey-2022-for-computer-01.png);
        background-size: cover;
        background-repeat: no-repeat ;
        background-position-y: bottom;
    }
    .survey_header_title {
        border: 0;
        margin-right: 15px;
    }
    .survey_header_title span {
        background-color: #aac8e3;
    }
    .survey_header_title.active span {
        background-color: #5a5aa6;
    }
    .survey_header_title p {
        display: none;   
    }
    .survey-strike-through {
        display: block;
        border-bottom : solid 2px #aac8e3; margin-top: 15px; width: 92%;
    }
    .survey_title h1 {
        font-size: 18px;
        padding: 13px;
    }
    #survey_frm table td, #survey_frm table tr.th td {
        padding: 15px 5px;
        
        line-height: 19px;
    }
    #survey_frm table tr td:nth-child(n+2)  {
        width: 13%!important;
        text-align: left;
    }
    #survey_frm table tr td:first-child  {
        width: 35%!important;
        padding-left: 15px;
    }
    #survey_frm table td {
        
    }
    #survey_frm table tr.th {
        
        text-align: center;
    }
    #survey_frm .survey-input-form select, #survey_frm .survey-input-form input {
        width: 100%;
    }
  



}


    .slide-in {
    animation: slide-in 1s forwards;
    -webkit-animation: slide-in 1s forwards;
    }
    .slide-out {
    animation: slide-out 1s forwards;
    -webkit-animation: slide-out 1s forwards;
    }
    @-webkit-keyframes slide-in {
        0% {
            margin-top: 40%;
            opacity: 0;
        }
        100% {
            margin-left: 0;
            opacity: 1;
        }
    }
    @keyframes slide-in {
        0% {
            margin-top: 20%;
            opacity: 0;
        }
        100% {
            margin-left: 0;
            opacity: 1;
        }
    }
    @-webkit-keyframes slide-out {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
    }
    @keyframes slide-out {
    0% {
        left: 0;
    }
    100% {
        left:100%;
    }
    }