@charset "utf-8";
/* CSS Document */
body {font-family: "Noto serif";}
#mainCont a {margin: 10px auto;}
.view_result a {background: #000; padding: 8px 20px 8px 22px; position: absolute; right: 0; bottom: 0; margin: 0 !important;}
.logo {margin: 0px auto;}
.sprite {background: url(http://static.abplive.in/frontend/english/images/sprite_image.png) no-repeat;}
.logosprite {background-position: -9px -503px; height: 93px; width: 60px; margin: 0!important; padding: 0;}
.poll_heading sup {vertical-align: super; font-size: 65px;}
.main_section {border: 1px solid #bcbcbc; background-color: #eeeeee; position: relative; width: 100%; min-height: 310px; margin: 0;}
.main_section h2 {font-size: 24px; font-family: "Noto serif"; color: rgb(34, 34, 34); font-weight: 500; line-height: 1.2; text-align: center; width: 50%; margin: 20px auto;}
h3 {font-family: "Noto serif"; color: rgb(34, 34, 34); line-height: 1.2; width: 100%; text-align: center;}
.main_section h3 {font-size: 18px; bottom: 24px;}
.other_section {border: 1px solid #bcbcbc; background-color: #fff; position: relative; width: 360px; min-height: 290px; margin-bottom: 20px; display: inline-block;}
.marTp20 {margin-top: 20px; margin-bottom: 20px; padding: 0;}
.other_section:nth-child(3n+1) {margin-right: 30px;}
.other_section:nth-child(3n+2) {margin-right: 30px;}
.other_section h3 {font-size: 18px; padding: 0 7px 34px 7px; margin: 15px auto; height: auto; font-weight: 500; line-height: 23px;}
.other_section .view {background-color: rgb(34, 34, 34); position: absolute; left: 0; bottom: 0; width: 100%; height: 32px; text-align: center; padding: 4px; color: #fff; font-size: 16px;}
.other_section .btn-circle.btn-lg {margin-top: 42px;}
.main_section img {/*position: absolute; left: 50%; transform: translateX(-50%); top: 38%; margin-top: -105px;*/ width: 210px; height: 210px; border-radius: 11%; -webkit-border-radius: 11%; -moz-border-radius: 11%; border:solid 1px #ddd;}
.center-text {text-align: center; margin-top: 22px; padding: 0;}
.other_section img {/*position: absolute; left: 50%; transform: translateX(-50%); top: 35%; margin-top: -65px;*/ width: 130px; height: 130px; border-radius: 11%; -webkit-border-radius: 11%; -moz-border-radius: 11%; border:solid 1px #ddd;}
.main_section .view_result {position: relative; width: 100%; height: 39px; font-size: 16px;}
.main_section .view_result a, .main_section .view_result a:hover, .other_section .view a, .other_section .view a:hover {color: #fff; text-decoration: none;}
.btn-circle.btn-lg {width: 50px; height: 50px; padding: 4px; font-size: 18px; font-weight: 500; line-height: 1.33; border-radius: 25px; cursor: pointer; margin-top: 88px;}
.glyphicon {position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1;}
/*.btn-success {top: 26%; position: absolute; left: 10%;}*/
.btn-danger i {left: 2px;}
#overlay {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 2000; cursor: pointer;}
.graph {padding: 0;}
.graph #curve_chart {margin: 0 auto;}
.align {display: inline-block; vertical-align: text-bottom;}
.marcenter {margin: 5px auto;}

.results .main_section {background-color: #fff;}
.votes {text-align: center; margin-top: 98px; display: inline-block;}
.votes span {display: block; font-size: 21px; font-weight: 600;}
.yes_votes span {color: #449d44;}
.no_votes span {color: #c9302c;}
.closed {border: 1px solid #bcbcbc; background-color: #fff;}
.closeText {font-size: 14px; font-family: "Noto serif"; color: rgb(193, 11, 10); line-height: 1.2; text-align: center; position: absolute; right: 4px;}
.closed .btn-circle.btn-lg {background-color: rgb(213, 213, 213); border-color: rgb(213, 213, 213);}
.popup {border: 1px solid rgba(34, 34, 34, 0.37); border-radius: 10px; background-color: rgb(255,255,255); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.7),inset 0px 0px 21px 0px rgba(244, 243, 243, 0.004); position: fixed; width: 50%; min-height: 200px; left: 50%; top: 50%; margin-left: -337px; margin-top: -250px; z-index: 2000;}
.cancel {border: 2px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(34, 34, 34); position: absolute; right: -5px; top: -10px; width: 35px; height: 35px; text-align: center; padding-top: 4px; color: #fff; cursor: pointer; z-index:10;}
.tel {width: 248px; height: 50px; font-size: 18px; font-family: "Noto serif"; margin-left: 25px; padding: 5px;}
.tel:focus {outline: none;}
.submitBtn {background-color: rgb(193, 11, 10); position: absolute; width: 248px; height: 50px; outline: none; border: none; display: block; margin-left: 25px; color: #fff; margin-top: 20px;}
.popup_heading {font-size: 18px; font-family: "Noto serif"; color: rgb(34, 34, 34); line-height: 1.2; text-align: center; padding: 30px 10px 10px 10px;}
.resend {display: block; text-align: center;}
.resend .otplink {color: rgb(193, 11, 10); text-decoration: underline;}
.thanks_popup .popup_heading {padding: 92px 10px; margin-bottom: 0;}
.num_popup ,.otp_popup, .thanks_popup, .n_popup {display: none;}
.marSet {margin: 0;}
#graphWrap {margin: 5px 0 0 0; width: 100%;}
.widthChange {width: 100%;}
.centerDiv {text-align: center; width: 100%;}
#fulloverlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 2; cursor: pointer;}
.opacityDiv {opacity: 0.6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#uservotepopup, #votedpopup, #pollslugpopup {min-height: 150px; margin-left: -270px; margin-top: -75px;}
#uservotepopup .popup_heading, #votedpopup .popup_heading {padding: 64px;}
#otp-form-div .mdl-layout__container {height: auto !important;}
#otp-form-div .mdl-layout__container .grecaptcha-badge {display: none !important;}
.topsection{ text-align: center; padding:5px; }
.bar{ color:#d9534f; font-weight: bold; font-size: 16px;}
.modal-dialog {max-width: 80% !important; }
.modelpopup{ border:none !important;}
.modal-header{height: 30px;position: absolute;right: 0;z-index: 1000; border:none; }
.user{ text-align: right; text-align: right;position: absolute; height: 30px;top: 1px;right: 0; padding-right:2px; }
.loader{background: #fff;  z-index: 3000; width:160px; height:78px;  text-align: center; position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); -moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;padding:10px 40px;}
.loader img{ width:40px; height: 40px; border: none; }
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.modal-content{ margin-top:83px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
a.logout:link {    /* unvisited link */
    color: #000000;
    text-decoration: none;
}
a.logout:visited {    /* visited link */
    color: #000000;
}
a.logout:hover {    /* mouse over link */
    color: #000000;
    text-decoration: underline;
}
a.logout:active {    /* active link */
    color: #000000;
}
.dots {color: #999; height: 32px; width: 22px; cursor: pointer;}
.posabs {position: absolute; right: 20px; top: 10px; z-index: 10;}
.fa-ellipsis-h:before {font-size: 25px;}
.dropcustom {position: absolute; top: 24px; right: 10px; left: -14px; z-index: 1000; display: none; float: left; min-width: 7rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #292b2c; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem;}
.dropcustom ul {margin-bottom: 0; padding-left: 0;}
.dropcustom li {display: block; float: none; line-height: inherit; position: relative;}
.dropcustom button.dropdown-link {background: transparent; min-width: 100%; text-align: left;}
.dropcustom button.dropdown-link:focus {outline: none;}
.dropcustom li>a, .dropcustom .dropdown-link {clear: both; color: #66757f; cursor: pointer; display: block; font-size: 14px; font-weight: normal; float: none; line-height: 20px; margin: 0; padding: 5px 20px; position: relative; white-space: nowrap; border: transparent;}
.dropcustom .dropdown-caret {position: absolute; top: -10px; left: 14px; width: 18px; height: 10px; float: left; overflow: hidden;}
.dropcustom .dropdown-caret .caret-outer, .dropcustom .dropdown-caret .caret-inner {position: absolute; top: 0; left: 0; display: inline-block; margin-left: -1px;}
.dropcustom .dropdown-caret .caret-outer {border-bottom: 10px solid #657786; border-bottom-color: rgba(0,0,0,0.1); border-left: 10px solid transparent; border-right: 10px solid transparent; height: auto; left: 0; top: 0; width: auto;}
.dropcustom .dropdown-caret .caret-inner {top: 1px; left: 1px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff; border-bottom-color: #fff;}
.linkcopied{ background:#fff; padding:12px; position: absolute; top: 0; border:solid 1px #e2e2e2; z-index: 5000; text-align: center; border-radius-bottomright: 8px;border-radius-bottomright: 8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; display: none; -webkit-box-shadow: 0 4px 6px -6px #222;-moz-box-shadow: 0 4px 6px -6px #222;box-shadow: 0 4px 6px -6px #222; color: rgba(0,0,0,.54);}
/***************Mobile CSS**************/
@media (max-width: 767px) { 
        .main_section h2 {width: 100%; font-size: 21px; margin: 15px 10px;}
	.main_section .btn-success {left: 10%;}
	.main_section .btn-danger {right: 10%;}
	.main_section img {width: 190px; height: 190px;}
        .main_section .loader img {width: 40px; height: 40px;}
	.marTp20 {padding-left: 15px; padding-right: 15px;}
	.other_section {width: 100%;}
	.other_section:nth-child(n) {margin-left: 0; margin-right: 0;}
	.votes {margin-top: 12px;}
	.yes_votes span, .no_votes span {text-align: center;}
	.yes_votes {position: absolute; top: 122px; left: 2px;}
	.popup {position: fixed; width: 99%; left: 0; min-height: 335px; margin-left: 0;}
	.nopad {padding: 0;}
	.align {text-align: center;}
	.main_section .btn-circle.btn-lg {margin-top: 70px;}
	.other_section .btn-circle.btn-lg {margin-top: 45px;}
	#uservotepopup, #votedpopup {width: 99% !important; margin-left: 0; margin-top: -75px; min-height: 150px;}
        #mainCont a {margin: 8px auto; text-align: center;}
        .logo {margin: 0px auto; width: 70%;}
        .modal-dialog { max-width:100% !important; }
        .dropcustom {left: -74px;}
        .dropcustom .dropdown-caret {top: -9px; left: 78px;}
}