.mp_srchH{ float: left; position: relative; width: 100%; margin: 30px 0px; background-color:#fff; }
.mp_search_body{ float: left; position:relative; width: 100%; }
.srch_heading { float: left; position: relative; width: 100%; margin-bottom: 20px; }
.srch_heading h1 { font-family: 'Khand', sans-serif; margin: 0px; font-size: 19px; line-height: 19px; color: #5b5b5b; }

.srch_heading_selectedMP{ float: left; position: relative; width: 100%; margin-bottom: 20px; }
.srch_heading_selectedMP h1 { font-family: 'Khand', sans-serif; margin: 0px; font-size: 19px; line-height: 19px; color: #5b5b5b; }

.mpSearchInput{ float: left; position: relative; width: 30%; display: inline-block; }
#mpsrch_inp{ width: 100%; padding: 8px 5px; display: inline-block; border: 0px; border-bottom: 2px solid #eee; outline: none; }
.autocomplete-items { position: absolute; min-height: 200px; max-height: 290px; background-color: #fff; overflow-x: hidden; overflow-y: scroll; z-index: 99; top: 100%; left: 0; right: 0; }
.autocomplete-items div { padding: 16px 0px; cursor: pointer; border-bottom: 1px solid #d4d4d4; font-family: Arial; color: #666; font-size: 14px; }
.autocomplete-items div span { float: left; width: 38px; height: 38px; margin-top: -12px; overflow: hidden; border-radius: 50%; }
.autocomplete-items div span img{ width: 100%; margin-top: 4px; transform:scale(1.4); }
.autocomplete-items div:hover { background-color: #e9e9e9; }
.autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }

.opt_or{ float: left; width: 10%; text-align: center; padding-top: 20px; font-family: 'GR'; font-size: 14px; color: #bbb; }

.mpSearchFormC { float:left; position: relative; width: 60%; }
.mpcls_select{ float:left; position: relative; width: 46%; margin-right: 8%; margin-bottom: 30px; height: 30px; overflow: hidden; background: url(/images/Arrow%20icon_down1.png) no-repeat right; border-bottom: 1px solid #ccc; border-radius: 4px; }
.mpcls_select_right_child{ margin-right: 0%; }
select, input[type="text"], input[type="email"]{   border: 0;  border-bottom: 2px solid #eee; background: transparent; width: 90%; padding: 5px 1%; font-size: 12px !important; height: 34px !important; -webkit-appearance: none; outline: none; }

.mp_ratingH{ float: left; position: relative; width: 100%; padding: 30px 0px; background-color: #ededed; }
.ratingC{ float: left; width: 100%; position: relative; }

#mp_search_result_c{float: left; width: 100%; display: none; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.mp_search_result_pic{float: left; width: 10%; margin-right: 5%; }
.mp_search_result_pic img{ width:100%; border-radius: 50%; }
.mp_search_result_body{ float:left; position: relative; width: 55%; margin-top: 10px; color: #454545; font-family: 'Khand', sans-serif; }
.mp_search_result_name { float: left; position: relative; width: 100%; font-size: 20px; font-weight: 600; }
.mp_search_result_constituency { float: left; font-size: 14px; font-family: 'MyWebFontR'; }
#mp_searchR_seprator{ float: left; }
.mp_search_result_party { float: left; font-size: 14px; font-family: 'MyWebFontR'; }
#mp_searchR_btnC{ float: left; width: 100%; height: 30px; font-size: 14px; margin-top: 10px; text-align: center; font-family: 'Khand', sans-serif; }
#mp_searchR_btnC a{ float: left; width: 120px; height: 30px; line-height: 30px; border-radius: 4px; background: #ccc; text-decoration: none; color: #fff; }
#mp_searchR_btnC a:hover{ background: #f5766d; }

.selectedMP_ratingC{ float: right; width: 30%; padding-top: 5px; }
.selectedMP_ratingC img{ width: 18%; margin-left: 2%; opacity: .7; }
.selectedMP_ratingC span{ float: left; width: 95%; margin-left: 5%; font-size: 13px; font-family: 'arial', sans-serif; padding-bottom: 15px; }

.rate_info_text{ float: left; width: 100%; font-size: 14px; line-height: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
/** { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }*/
/**:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/

.rate_col1{ float: left; width: 100%; text-align: center; }
.rating-stars{ float: left; width: 30%; margin-top: 40px; margin-right: 5%; border: 4px solid #d0d0d0; border-radius: 16px; box-sizing: border-box; }
.rating-stars:nth-of-type(3n){ margin-right: 0%; }
.rating-stars:nth-child(4){ margin-left: 17.5%; }
.rating-stars:last-child{ margin-right: 17.5%; }
.topic_title{ float: left; width: 100%; margin: 20px 0px; font-size: 18px; color: #666; font-weight: 600; }
.rating-stars ul { float: left; width: 100%; list-style-type:none; padding:0; margin: 0px; -moz-user-select:none; -webkit-user-select:none; }
.rating-stars ul > li.star { display:inline-block; }
.rating-stars ul > li.star > i.fa { font-size: 30px; color:#ccc; }
.rating-stars ul > li.star.hover > i.fa { color:#FFCC36;}
.rating-stars ul > li.star.selected > i.fa { color:#FF912C; }

.success-box { float: left; width: 100%; height: 30px; line-height: 30px; margin: 10px 0px; }
.text-message { vertical-align:top; display:inline-block; color:#888; }

.form_detailH{ float: left; position: relative; width: 100%; padding: 30px 0px; }
.submitformC{ float: left; width: 100%; position: relative; }
.fc_title{ float: left; position: relative; width: 100%; font-size: 20px; color: #ccc; font-family: 'khand'; font-weight: 600; }
.fc_details{ float: left; position: relative; width: 100%; }

.u_form{ float: left; width: 30%; position: relative; margin-right: 5%; margin-top: 40px; }
.u_form:nth-of-type(3n) { margin-right: 0%; }
::placeholder { color: #444; }
/* select, input[type="text"] { width: 100%; padding-bottom: 5px; height: 40px; background: transparent; border: 0; color: #444; border-bottom: 1px solid #ccc; outline: none; font-size: 14px; } */
.gend_c{ padding-top: 3px; }
.gend_c [type="radio"]:checked,[type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.gend_c [type="radio"]:checked + label,[type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; font-size: 12px; }
.gend_c [type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; 
                border: 1px solid #ddd; border-radius: 100%; background: #fff; }
.gend_c [type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #F87DA9; position: absolute;
                top: 3px; left: 3px; border-radius: 100%;  -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.gend_c [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.gend_c [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.ui-widget { font-family: Arial,sans-serif; font-size: 15px; }

.Container_TnC{ float: left; color: #454545; font-size: 14px; height: 40px; font-family: 'MyWebFontR'; padding-top: 12px; }
.Tnc_Text{ float: left; margin-top: -3px; margin-left: 10px; cursor: pointer; }
.Tnc_Text:hover{ text-decoration: underline; }

#PopTnC_pbs{ position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 2000; }
.close_TnC { position: absolute; top: .3px; right: -40px; color: #bbb; font-size: 40px; line-height: 20px; transition: 0.3s; }
.close_TnC:hover{ color: #fff; text-decoration: none; cursor: pointer; }
.TncPanel{ width: 680px; height: 620px; margin: 3.5% auto; background-color: #fff; position: relative; }
.TncContainer{ position: relative; float: left; width: 92%; margin: 1% 4%; }
.TncContainer p{ font-size: 13px; font-family: 'Arial', sans-serif; color: #454545; }

.otpC{ float: left; width: 100%; }
#otpNotifn{ float: left; position: relative; font-size: 12px; margin-top: -20px; margin-bottom: 10px; font-family: Arial; display: none; width: 100%; color: #545253; }
.otpClick_btn { float: left; width: 35%; height: 40px; font-size: 15px; font-family: 'Arial', sans-serif; background-color: #cacaca; color: #fff; border-radius: 6px 0px 0px 6px; cursor: pointer; border: 0px solid #f5766d; outline: none; }
.otpClick_btn:hover{ background-color: #f5766d; }
.inp_otp{ float: left; position: relative; width: 55%; height: 40px; font-size: 14px; padding: 6px 5px; border: 1px solid #ccc;; display: inline-block; box-sizing: border-box; background: transparent; outline: none; }

.submitBtnC { float: left; width: 100%; height: 60px; }
.submitbtn{ width: 120px; background-color: #f5766d; color: #fff; border: 0px; font-size: 14px; padding: 10px 0px; border-radius: 4px; outline: none; position: absolute; left: 0; right: 0; margin: 20px auto; }
.submitbtn:hover { background-color: #3b3c3c; }

::placeholder { color: #666; opacity: 1; }
:-ms-input-placeholder { color: #666; }
::-ms-input-placeholder { color: #666; }
input:focus { outline:none; }

.alertPopC{ position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 2000; }

.alertC_warning{ width: 350px; height: 160px; padding: 1%; text-align: center; font-family: Arial; line-height: 22px; background: #fff; color: #060606; border-radius: 4px; 
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }
.alert_msg{ float: left; position: relative; width: 100%; margin: 10% 0px; font-size: 15px; }
.popBtn_ok{ float: left; width: 30%; margin: 0px 35%; text-align: center; font-size: 13px; color: #fff; background-color: #868686; padding: 10px 0px; border-radius: 4px; border: 0px solid #ccc; cursor: pointer; outline: none; }
.popBtn_ok:hover{ background-color: #f5766d; }

.alertC_wait{ width: 350px; height: 150px; padding: 1%; text-align: center; font-family: Arial; line-height: 22px; background: #fff; color: #060606; border-radius: 4px; 
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }
.alert_wait{ float: left; position: relative; width: 100%; margin: 15% 0px; font-size: 16px; }

/* .alertC_final{ width: 500px; height: 400px; padding: 1%; text-align: center; font-family: Arial; line-height: 22px; background: #fff; color: #060606; border-radius: 4px; 
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }

@-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} }
@keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} }
.close_pop { position: absolute; top: 0px; right: -40px; color: #bbb; font-size: 40px; transition: 0.3s; }
.close_pop:hover{ color: #fff; text-decoration: none; cursor: pointer; }

.pop_creativeC{ float: left; position: relative; width: 100%; font-size: 15px; }
.pop_success_msg{ float: left; width: 100%; font-size: 20px; margin-top: 6%; color: #525252; }
.pop_success_msg t{ float: left; width: 100%; margin-bottom: 10px; color: #b19755; }
.alert_success_l5{ float: left; width: 100%; font-size: 16px; padding-top: 20px; margin-top: 20px; border-top: 1px solid #f3f3f3; }
.text_invite{ float: left; width: 100%; font-size: 12px; margin-bottom: 10px; color: #060606; }
.text_invite_link{ float: left; width: 100%; font-size: 12px; margin-bottom: 10px; color: #060606; text-align: left; }
.btn_copy_code{ float: left; padding: 8px 12px; background: #5a5a5a; color: #fff; border: 0px; border-radius: 4px; cursor: pointer; }
.notify_copy_code{ float: left; margin-left: 10px; margin-top: 3px; text-align: left; font-size: 13px; opacity: 0; } */

.alertC_final{ width: 500px; height: 620px; padding: 1%; text-align: center; font-family: Arial; line-height: 20px; background: #fff; color: #060606; border-radius: 4px; 
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }

@-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} }
@keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} }
.close_pop { position: absolute; top: 0px; right: -40px; color: #bbb; font-size: 40px; transition: 0.3s; }
.close_pop:hover{ color: #fff; text-decoration: none; cursor: pointer; }

.pop_creativeC{ float: left; position: relative; width: 100%; font-size: 15px; text-align: center; }
.pop_success_msg{ float: left; width: 100%; font-size: 20px; margin-top: 2%; color: #525252; }
.pop_success_msg t{ float: left; width: 100%; margin-bottom: 5px; color: #ffbc53; }
.alert_success_l1{ float: left; width: 100%; font-size: 15px; line-height: 18px; padding: 15px 0px; margin-top: 15px; border-top: 1px solid #f3f3f3; }
.user_creative_img{ width: 100%; }
.alert_success_l2{ float: left; width: 100%; position: relative; font-size: 12px; text-align: center; line-height: 16px; }
.text_invite{ float: left; width: 100%; padding-top: 15px; padding-bottom: 10px; color: #060606; }
.text_invite_link{ text-decoration: underline; float: left; width: 100%; height: 32px; margin-bottom: 10px; color: #060606; }
.btn_copy_code{ float: left; position: absolute; width: 135px; font-size: 13px; line-height: 30px; background: #adadad; color: #fff; border: 0px; border-radius: 18px; cursor: pointer; left: 0; right: 0; bottom: 0; margin: 0 auto; }
.notify_copy_code{ float: right; text-align: left; width: 150px; font-size: 13px; line-height: 30px; opacity: 0; }

.news_shareC{ float: left; width: 212px; position: relative; margin: 0 134px; margin-top: 20px; }
.news_shareC a{ float: left; width: 38px; height: 38px; margin-right: 20px; text-decoration: none; background: #e2e2e2; border-radius: 50%; padding: 10px; }
.news_shareC a:last-child{ margin-right: 0px; }
.news_shareC img{ opacity: .6; }
.news_shareC img:hover{ opacity: .8; }

.alertC_submit_error{ width: 25%; height: 20%; padding: 2%; text-align: center; font-family: Arial; line-height: 22px; background: #fff; color: #060606; border-radius: 4px; 
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }
.error_msg{ float: left; position: relative; width: 100%; margin: 10% 0px; font-size: 15px; }
.popBtn_err_ok{ float: left; width: 30%; margin: 0px 35%; text-align: center; font-size: 13px; color: #fff; background-color: #868686; padding: 10px 0px; border-radius: 4px; border: 0px solid #ccc; cursor: pointer; outline: none; }
.popBtn_err_ok:hover{ background-color: #f5766d; }

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

.mp_srchH{ float: left; position: relative; width: 100%; padding: 0% 2%; margin: 10px 0px; background-color:#fff; }
.mp_search_body{ float: left; position:relative; width: 90%; margin: 0 5%; }
.srch_heading { float: left; position: relative; width: 100%; margin: 20px 0px; }
.srch_heading h1 { font-family: 'Khand', sans-serif; margin: 0px; font-size: 19px; line-height: 19px; color: #5b5b5b; }

.srch_heading_selectedMP{ float: left; position: relative; width: 100%; margin-bottom: 20px; }
.srch_heading_selectedMP h1 { font-family: 'Khand', sans-serif; margin: 0px; font-size: 19px; line-height: 19px; color: #5b5b5b; }

.mpSearchInput{ float: left; position: relative; width: 100%; display: inline-block; }
#mpsrch_inp{ width: 100%; padding: 8px 5px; display: inline-block; border: 0px; border-bottom: 2px solid #eee; outline: none; }
.autocomplete-items { position: absolute; min-height: 200px; max-height: 290px; background-color: #fff; overflow-x: hidden; overflow-y: scroll; z-index: 99; top: 100%; left: 0; right: 0; }
.autocomplete-items div { padding: 16px 0px; cursor: pointer; border-bottom: 1px solid #d4d4d4; font-family: Arial; color: #666; font-size: 14px; }
.autocomplete-items div span { float: left; width: 38px; height: 38px; margin-top: -12px; overflow: hidden; border-radius: 50%; }
.autocomplete-items div span img{ width: 100%; margin-top: 4px; transform:scale(1.4); }
.autocomplete-items div:hover { background-color: #e9e9e9; }
.autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }

.opt_or{ float: left; width: 100%; padding: 10px 0px; font-family: 'GR'; font-size: 14px; color: #bbb; text-align: left; }

.mpSearchFormC { float:left; position: relative; width: 100%; margin-top: 1.5%; margin-bottom:4%; }
.mpcls_select{ float:left; position: relative; width: 100%; margin-right: 0%; margin-bottom: 30px; height: 30px; overflow: hidden; background: url(/images/Arrow%20icon_down1.png) no-repeat right; border-bottom: 1px solid #ccc; border-radius: 4px; }
.mpcls_select_right_child{ margin-right: 0%; }
.mpcls_select select{ background: transparent; width: 90%; padding: 5px 1%; font-size: 12px; border: 0; height: 34px; -webkit-appearance: none; outline: none; }
select, input[type="text"], input[type="email"]{   border: 0;  border-bottom: 2px solid #eee; background: transparent; width: 100%; padding: 5px 1%; font-size: 12px !important; height: 34px !important; -webkit-appearance: none; outline: none; }

.mp_ratingH{ float: left; position: relative; width: 100%; padding: 20px 2%; background-color: #ededed; }
.ratingC{ float: left; width: 90%; margin: 0 5%; position: relative; }

#mp_search_result_c{float: left; width: 100%; display: none; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.mp_search_result_pic{float: left; width: 25%; height: 100px; margin-right: 4%; overflow: hidden; }
.mp_search_result_pic img{ width:100%; border-radius: 50%; }
.mp_search_result_body{ float:left; position: relative; width: 71%; color: #454545; font-family: 'Khand', sans-serif; margin-top: 5px; }
.mp_search_result_name { float: left; position: relative; width: 100%; font-size: 16px; line-height: 17px; font-weight: 600; }
.mp_search_result_constituency { float: left; width: 100%; font-size: 14px; font-family: 'MyWebFontR'; }
#mp_searchR_seprator{ float: left; display: none; }
.mp_search_result_party { float: left; width: 100%; font-size: 14px; font-family: 'MyWebFontR'; }

#mp_searchR_btnC{ float: left; width: 100%; height: 30px; font-size: 14px; margin-top: 10px; text-align: center; font-family: 'Khand', sans-serif; }
#mp_searchR_btnC a{ float: left; width: 120px; height: 30px; line-height: 30px; border-radius: 4px; background: #ccc; text-decoration: none; color: #fff; }
#mp_searchR_btnC a:hover{ background: #f5766d; }

.selectedMP_ratingC{ float: left; width: 100%; padding-top: 15px; }
.selectedMP_ratingC img{ width: 12%; margin-left: 0%; margin-right: 2%; opacity: .7; }
.selectedMP_ratingC span{ float: left; width: 100%; margin-left: 0%; font-size: 13px; font-family: 'arial', sans-serif; padding-bottom: 10px; }

.rate_info_text{ float: left; width: 100%; font-size: 14px; line-height: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; text-align: center; }

.rate_col1{ float: left; width: 100%; text-align: center; }
.rating-stars{ float: left; width: 100%; margin-top: 20px; margin-right: 0%; border: 2px solid #d0d0d0; border-radius: 16px; box-sizing: border-box; }
.rating-stars:nth-of-type(3n){ margin-right: 0%; }
.rating-stars:nth-child(4){ margin-left: 0%; }
.rating-stars:last-child{ margin-right: 0%; }
.topic_title{ float: left; width: 100%; margin: 15px 0px; font-size: 18px; color: #666; font-weight: 600; }
.rating-stars ul { float: left; width: 100%; list-style-type:none; padding:0; margin: 0px; -moz-user-select:none; -webkit-user-select:none; }
.rating-stars ul > li.star { display:inline-block; }
.rating-stars ul > li.star > i.fa { font-size: 30px; color:#ccc; }
.rating-stars ul > li.star.hover > i.fa { color:#FFCC36;}
.rating-stars ul > li.star.selected > i.fa { color:#FF912C; }

.success-box { float: left; width: 100%; height: 30px; line-height: 30px; margin: 10px 0px; }
.text-message { vertical-align:top; display:inline-block; color:#888; }

.form_detailH{ float: left; position: relative; width: 100%; padding: 20px 2%; }
.submitformC{ float: left; width: 90%; margin: 0 5%; position: relative; }
.fc_title{ float: left; position: relative; width: 100%; text-align: center; font-size: 20px; color: #ccc; font-family: 'khand'; font-weight: 600; }
.fc_details{ float: left; position: relative; width: 100%; }

.u_form{ float: left; width: 100%; position: relative; margin: 0%; margin-top: 25px; }
.u_form:nth-of-type(3n) { margin-right: 0%; }
.u_form:nth-child(8) { height: 30px; margin-top: 30px; }
.u_form:nth-child(13) { margin-top: 20px; }
.u_form:nth-child(14) { height: 0px; margin-top: 0px; }
.u_form:nth-child(16) { margin-top: 20px; }
.textField{ float: left; position: relative; width: 100%; height: 25px; font-size: 14px; padding: 6px 5px; border: none; display: inline-block; box-sizing: border-box; background: transparent; border-bottom: 1px solid #ccc; outline: none; }
::placeholder { color: #444; }
/* select { width: 100%; padding-bottom: 5px; background: transparent; border: 0; color: #444; border-bottom: 1px solid #ccc; outline: none; font-size: 14px; height: 30px; } */

/* .Container_TnC{ float: left; color: #454545; font-size: 14px; height: 40px; font-family: 'MyWebFontR'; padding-top: 0px; } */
.Container_TnC{ float: left; width: 165px; color: #454545; font-size: 14px; height: 40px; font-family: 'MyWebFontR'; padding-top: 0px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; }
.Tnc_Text{ float: left; margin-top: -4px; cursor: pointer; }
.Tnc_Text:hover{ text-decoration: underline; }

#PopTnC_pbs{ position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 3000; }
.close_TnC { position: absolute; top: 5px; right: 10px; color: #bbb; font-size: 40px; line-height: 20px; transition: 0.3s; z-index: 10; }
.close_TnC:hover{ color: #fff; text-decoration: none; cursor: pointer; }
.TncPanel{ width: 96%; height: 85%; margin: 14% auto; background-color: #fff; position: relative; overflow-y: scroll; }
.TncContainer{ position: relative; float: left; width: 92%; margin: 1% 4%; overflow-y: scroll; }
.TncContainer p{ font-size: 13px; font-family: 'Arial', sans-serif; color: #454545; }

.otpC{ float: left; width: 80%; margin: 0 10%; }
#otpNotifn{ float: left; position: relative; font-size: 12px; margin-top: -10px; margin-bottom: 10px; font-family: Arial; display: none; width: 100%; color: #545253; }
.otpClick_btn { float: left; width: 40%; height: 40px; font-size: 15px; font-family: 'Arial', sans-serif; background-color: #cacaca; color: #fff; border-radius: 6px 0px 0px 6px; cursor: pointer; border: 0px solid #f5766d; outline: none; }
.otpClick_btn:hover{ background-color: #f5766d; }
.inp_otp{ float: left; position: relative; width: 60%; height: 40px; font-size: 14px; padding: 6px 5px; border: 1px solid #ccc;; display: inline-block; box-sizing: border-box; background: transparent; outline: none; }

.submitBtnC { float: left; width: 100%; height: 50px; margin-top: 30px; }
.submitbtn{ width: 120px; background-color: #f5766d; color: #fff; border: 0px; font-size: 14px; padding: 8px 0px; border-radius: 4px; outline: none; position: absolute; left: 0; right: 0; margin: 10px auto; }
.submitbtn:hover { background-color: #3b3c3c; }

::placeholder { color: #666; opacity: 1; }
:-ms-input-placeholder { color: #666; }
::-ms-input-placeholder { color: #666; }
input:focus { outline:none; }

.alertPopC{ position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 2000; }

.alertC_warning{ width: 80%; height: 22%; padding: 2%; text-align: center; font-family: Arial; line-height: 22px; background: #fff; color: #060606; border-radius: 4px; 
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }
.alert_msg{ float: left; position: relative; width: 100%; margin: 9% 0px; font-size: 14px; }
.popBtn_ok{ float: left; width: 30%; margin: 0px 35%; text-align: center; font-size: 13px; color: #fff; background-color: #868686; padding: 10px 0px; border-radius: 4px; border: 0px solid #ccc; cursor: pointer; outline: none; }
.popBtn_ok:hover{ background-color: #f5766d; }

.alertC_wait{ width: 80%; height: 20%; padding: 2%; text-align: center; font-family: Arial; line-height: 22px; background: #fff; color: #060606; border-radius: 4px; 
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }
.alert_wait{ float: left; position: relative; width: 100%; margin: 15% 0px; font-size: 16px; }

/* .alertC_final{ width: 90%; height: 440px; padding: 2%; text-align: center; font-family: Arial; line-height: 22px; background: #fff; color: #060606; border-radius: 4px; 
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }

@-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} }
@keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} }
.close_pop { position: absolute; top: -40px; right: 0px; color: #bbb; font-size: 40px; transition: 0.3s; }
.close_pop:hover{ color: #fff; text-decoration: none; cursor: pointer; }

.pop_creativeC{ float: left; position: relative; width: 100%; font-size: 15px; }
.pop_success_msg{ float: left; width: 100%; font-size: 18px; margin-top: 6%; color: #525252; }
.pop_success_msg t{ float: left; width: 100%; margin-bottom: 10px; color: #b19755; }
.alert_success_l5{ float: left; width: 100%; font-size: 14px; padding-top: 20px; margin-top: 20px; border-top: 1px solid #f3f3f3; }
.text_invite{ float: left; width: 100%; font-size: 12px; margin-bottom: 10px; color: #060606; }
.text_invite_link{ float: left; width: 100%; font-size: 12px; margin-bottom: 10px; color: #060606; text-align: left; }
.btn_copy_code{ float: left; padding: 8px 12px; background: #5a5a5a; color: #fff; border: 0px; border-radius: 4px; cursor: pointer; }
.notify_copy_code{ float: left; margin-left: 10px; margin-top: 3px; text-align: left; font-size: 13px; opacity: 0; } */

.alertC_final{ width: 94%; height: 490px; padding: 10px; text-align: center; font-family: Arial; line-height: 18px; background: #fff; color: #060606; border-radius: 4px; 
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }

@-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} }
@keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} }

.close_pop { position: absolute; top: -30px; right: 0px; color: #bbb; font-size: 40px; transition: 0.3s; }
.close_pop:hover{ color: #fff; text-decoration: none; cursor: pointer; }

.pop_creativeC{ float: left; position: relative; width: 100%; font-size: 15px; text-align: center; }
.pop_success_msg{ float: left; width: 100%; font-size: 18px; margin-top: 2%; color: #525252; }
.pop_success_msg t{ float: left; width: 100%; margin-bottom: 5px; color: #ffbc53; }
.alert_success_l1{ float: left; width: 100%; font-size: 13px; line-height: 17px; padding: 12px 0px; margin-top: 12px; border-top: 1px solid #f3f3f3; }
.user_creative_img{ width: 90%; }
.alert_success_l2{ float: left; width: 100%; position: relative; font-size: 12px; text-align: center; line-height: 16px; }
.text_invite{ float: left; width: 100%; padding-top: 12px; padding-bottom: 10px; color: #060606; }
.text_invite_link{ text-decoration: underline; float: left; width: 100%; height: auto; margin-bottom: 15px; color: #060606; }
.btn_copy_code{ float: left; position: absolute; width: 125px; font-size: 13px; line-height: 30px; background: #adadad; color: #fff; border: 0px; border-radius: 18px; cursor: pointer; left: 0; right: 0; bottom: 0; margin: 0 auto; }
.notify_copy_code{ float: right; text-align: left; width: 90px; font-size: 13px; line-height: 30px; opacity: 0; }

.news_shareC{ float: left; width: 70%; margin: 0 15%; margin-top: 15px; }
.news_shareC a{ float: left; width: 38px; height: 38px; margin-right: 20px; text-decoration: none; background: #e2e2e2; border-radius: 50%; padding: 10px; }
.news_shareC a:last-child{ margin-right: 0px; }
.news_shareC img{ opacity: .6; }

.alertC_submit_error{ width: 25%; height: 20%; padding: 2%; text-align: center; font-family: Arial; line-height: 22px; background: #fff; color: #060606; border-radius: 4px; 
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }
.error_msg{ float: left; position: relative; width: 100%; margin: 10% 0px; font-size: 15px; }
.popBtn_err_ok{ float: left; width: 30%; margin: 0px 35%; text-align: center; font-size: 13px; color: #fff; background-color: #868686; padding: 10px 0px; border-radius: 4px; border: 0px solid #ccc; cursor: pointer; outline: none; }
.popBtn_err_ok:hover{ background-color: #f5766d; }

}