* {margin:0; padding:0;}
body {margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:14px; color:#888; font-weight:normal; background:#f8f8f8}

/*Loader*/
.img-loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: none repeat scroll 0 0 rgb(255, 255, 255);display: block;opacity: 0.8;padding: 20% 0 0;text-align: center;}


.header {width:100%; float:left; height:96px; background:#82639c; text-align:center; font-size:30px; color:#fff; line-height:96px;}
.header a {text-decoration:none; color:#fff;}
input[placeholder],
[placeholder],
*[placeholder] {
    opacity:1 !important;
}
.log-img {margin-right: 3px;}
.main-container {max-width:90%; margin:0 auto;}
.main-container  .body-wrapper, .main-container .campaign-manager-container {margin:0; float:left; width:100%; max-width:100%;}
.body-wrapper {max-width:90%; margin:0 auto;}
.body-wrapper.popup_content {width: 100%; height: 100%; margin:0 auto;}
.inner-container {padding:2%; box-shadow:0 0 10px #e9e7e7; float:left; width:100%; margin:18px 0 0; background:#fff;}
.wrapper-new {margin:5% auto;}
.login-con{
    margin: 10% auto!important;
    max-width: 490px!important;
}
.login-con .campaign-container {
    width: 100%;
    float: left;
    padding: 5%;
    box-shadow: 0 0 10px #e9e7e7;
    float: left;
    background: #fff;
	margin:0;
}
.module-list {
    text-align: center;
    width: 100%;
    float: left;
}
.module-list select.select-field {
    float: none;
    margin: 0 0 10px;
}
.resp-input {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    border: 2px solid #858080;
    padding: 5px 10px;
    height: auto;
}
.attempt-status {width: 20%;font-size: 15px;font-weight: bold;}
.glyphicon {font-size: 18px;}

.print-button {
    font-size: 13px;
    text-transform: none;
    color: #fff;
    background: #81649a;
    padding: 1px 8px;
    border: none;
    cursor: pointer;
    float: right;
    border-radius: 4px;
    background: #fd9531;
}
.audit-option {float: left;}
.resp-input .pull-input-left .text-field, .resp-input .pull-input-right .text-field {width:100%!important;}
.resp-input .pull-input-left {width:48%; float:left}
.resp-input .pull-input-right {width:48%; float:right}
.pull-input-left label {margin:0; padding:0 0 10px; font-size:16px;}
.pull-input-right label {margin:0; padding:0 0 10px; font-size:16px;}

.feedback-section {width:53%; display:none; float:left; background:url(../images/bg2.png) no-repeat right top; margin:0; overflow:hidden; height:100%; left:0; overflow:hidden; padding:9% 0; background-size:cover; position:fixed;}
label {width:358px; float:left; font-size:17px; color:#434343; padding:0 0 20px 0;font-weight: normal;}
input.text-field {width:338px; height:45px; border:1px solid #9c84b1; padding:0 10px; font-size:21px; color:#888; border-radius:3px;}
.btn-go {float:right; width:50px; height:30px; background:#82639c; color:#fff; font-size:20px; text-transform:uppercase; border:none; margin:20px 0 0 0; cursor:pointer}
.btn-sign {float:right; width:115px; height:30px; background:#82639c; color:#fff; font-size:20px; border:none; margin:5px 0 0 0;cursor:pointer}
.campaign-container .social-login {text-align:center;position: relative;}
.campaign-container .btn-sign {background:#ff7e00; border:none; border-radius:5px; font-size:17px; padding:10px 20px; height:auto; text-transform:uppercase; width:auto; float:right; margin:15px 0 0;}
.campaign-container.otp-password {padding: 30px 0 0 25px;}
.campaign-container.change-password {padding: 0px 0 0 25px;}

.campaign-container {width:36%; float:left; padding:0; margin:130px 0 0 61%; }
.campaign-container h2 {color:#434343; font-size:20px; font-weight:500; text-align:left;;}
.logo-container {width:100%; float:left; width:100%; text-align:center; /*margin:0px 0 15px;*/}
.campaign-container input.text-field {margin:0 0 20px; width:343px;}
.social-login {float:left; width:100%;}
.social-login ul {list-style:none; width:100%; float:left;}
.social-login li {float:left; margin:0 10px 0 0;}
.social-login li a {width:47px; height:47px; line-height:47px; float:left; display:block; border-radius:4px; background-color:#fff; border:1px solid #e5e5e5; color:#606060; font-size:25px; text-align:center;}
.new-user {width:100%; float:left; text-align:right; font-size:16px; margin:20px 0 0 0;}
.new-user a {color:#888; text-decoration:none;}
.new-user a:hover {text-decoration:underline;}
.reporter-section {float:left; width:100%; margin:35px 0 0 0;}
.btn-login {width: 70%;float: left;text-align: right;font-size: 16px;margin: 25px 0 0 0;}
.btn-snap {
    float: right;
    text-align: left;
    width: auto;
    margin: 17px 10px 0 0;
    border: 1px solid #00a8d4;
    padding: 3px 10px;
    border-radius: 5px;
    background: #fff;
}
.btn-snap a {
    background: url(../img/snap2.png) no-repeat 0 0;
    background-size: auto;
    color: #00a8d4;
    float: left;
    background-size: 30px;
    text-decoration: none;
    padding: 6px 0 6px 33px;
    font-weight: 600;
}


/*Ques1*/
.question-container {float:left; width:100%;/* min-height:300px;*/ margin:50px 0 50px;}
.question-container h2{font-size:34px; font-weight:normal; color:#000;}
.mood-container {background:url(../images/background-step.jpg) repeat-x center top; height:282px; float:left; width:100%; padding:100px 0 0 0;}
.mood-container ul {list-style:none; margin:0; padding:0;}
.mood-container li {float:left; width:144px; float:left; margin:0 36px 0 0; text-align:center; color:#09090a; font-size:18px;}
.mood-container li.last {margin-right:0;}
.body-wrapper2 {margin:50px auto; width:200px;}
.btn-start, .btn-quit {float:right; width:200px; height:30px; background:#82639c; color:#fff; font-size:20px; text-transform:uppercase; border:none; margin:20px 0 0 0; cursor:pointer}
h3.message {font-size:40px; color:#000; padding:40px 0; text-align:center; font-weight:normal; float:left; width:100%;}
.survey-section {margin:0 auto; width:275px;}
.survey-section ul {list-style:none; margin:0; padding:0;}
.survey-section li {float:left; width:110px; margin:0 50px 25px 0; text-align:center;}
.survey-section li span {width:100%; float:left; margin:7px 0 0 0; }
.survey-section li.last {margin-right:0;}
.survey-section li a {font-size:13px;color:#0a0a0a; text-decoration:none;}
.survey-section li a:hover {text-decoration:underline;}
.feedback-textarea {float:left; width:100%; margin:50px 0 0; position:relative;}
.feedback-textarea textarea {width:860px; float:left; height:120px; background:#dcd9e6; padding:5px; border:none; font-size:16px; color:#555; font-family:Verdana, Geneva, sans-serif;}

.popup-notification {width:370px; background:#000; min-height:200px; padding:65px; margin:50px auto;}
.popup-notification h3 {font-size:26px; font-weight:normal; text-align:center;}
.btn_quit {float:left; width:100%; margin:30px 0 0 75px;}
.btn_quit a {width:234px; height:45px; color:#fff; float:left; background:#fd9531; text-align:center; line-height:45px; text-decoration:none;}
.resume-btn {float:left; width:100%; margin:10px 0 0 75px;}
.form-container {width:100%; margin:2px auto;position: relative;float:left;/*z-index: 1;*/}
.input-wrap {float:left; width:100%; margin:10px 0 5px 0;}
.input-wrap input.text-field {height:30px; font-size:13px; color:#000;}
.input-wrap label {font-size:14px; color:#7d7d7d; font-weight:bold; width:150px;}
.male-female {float:left; width:150px; height:30px; border:1px solid #fd9531; border-radius:5px; line-height:28px; font-size:14px; text-align:center; margin:0 0 0 57px;}
.text-cancel {margin:10px 0 0 10px; float:left; color:#000}
.male-female a {width:50%; float:left; text-align:center; text-decoration:none;}
.input-wrap input.btn-sign {float:left; margin-left:125px; margin-top:40px;}
.user-detail-form {float:left; width:100%; position:relative; z-index:1;}
.user-detail-form .input-wrap {margin:0;}
.user-detail-form .input-wrap input {margin:10px 0 0 0;}
.user-detail-form .input-wrap input.text-field {width:46%; padding:0 1%;}
.user-detail-form .input-wrap textarea {border:1px solid #9c84b1; padding:0 2%; font-size:25px; color:#888; border-radius:3px; float:left; width:93%; height:100px; margin:10px 0 0 0;}
.no-thanks {float:left; width:100%; margin:10px 0 0 0; text-align:center;}
.no-thanks a {color:#82639c; text-decoration:none;}
.no-thanks a:hover {text-decoration:underline;}

.error-class {
    background: none repeat scroll 0 0 #f9e6e0;
    border: 1px solid #ff4d4d !important;
}
.quit {text-align: center; display: inline-block;padding-top: 10px; margin-left: 80px; color: #82639c; text-decoration: none; }
.quit:hover {text-decoration: underline;}
.progress_bar_con {width: 100%; height: 20px; border:1px solid #82639c; clear: both; margin-top: 10px; position: relative; float:left; }
.cross_survey {
    background: #82639c; color: #fff; float: right; font-weight: bold; height: 22px; line-height: 22px; margin-right: -40px; margin-top: -1px; text-align: center; text-decoration: none; width: 22px;
}
#campaignSubmit .mood-container {position: absolute; bottom: 0; padding: 90px 0 0; height:290px;}
.mood-sec1 {
    margin: 0 auto;
    width: 144px;
}
.mood-sec2 {
    margin: 0 auto;
    width: 365px;
}
.mood-sec3 {
    margin: 0 auto;
    width: 545px;
}
.mood-sec4 {
    margin: 0 auto;
    width: 725px;
}
.mood-sec5 {
    float: left;
    width: 915px;
}

.back-arrow{
    /*background: url(../images/left-arrow.png) no-repeat left top; position: absolute; z-index:10; left: 50px; top: 32%; width:40px; height:68px; text-indent: -99999px; opacity: 0.8;*/
    position: absolute; left: 50px; top: 0; width:40px; height:68px; opacity: 0.8;
}
.back-arrow:hover {opacity: 1;}
.show-index {z-index: 1;}

#flashMessage {
    color:#626060;
    padding: 7px 0px 7px 0px;
    margin: 0px 0 13px 18%;
    text-align: center;
    width: 64%;
    height: auto;
    font-size: 15px;
    border-radius: 4px;
    border: 1px solid transparent;
}

.success {background-color: #acdfb9; border-color: #c3e6cb;}
.error-message {background-color: #f0cdcd; border-color: #f0cece;}

#message-tag .success {background: #dff0d8;border-color: #cde1c4;}
#message-tag .message {background: #f6dabf;border-color: #dfc2a6;}

#message-tag .close {
    position: relative;
    top: 7px;
    right: 148px;
}

.flash-success {
    padding: 12px 0 13px 8px;
    background-color: #98ecb2;
    color: #666b64;
    margin-bottom: 10px;
    border-radius: 3px;
}
.user-link {
    float: right;
    padding-right: 20px;
}

/*Dashboard*/
.header-new {float:left; width:100%; background:#1fafb5; padding:10px 0; text-align:center; color:#fff; line-height:53px; background-image: linear-gradient(90deg, #29bba5 0%, #1babbb 50%, #297eb7 100%);}
.header-new a {color:#fff; text-decoration:none;}
.admin-user {float:left; width:auto; display:inline; font-size:20px; line-height:55px;}
.admin-user img {max-width:50px; max-height:50px; border-radius:100%; float:left; margin:0 10px 0 0;}
.header-rgt {float:right; width:auto; display:inline; line-height:normal;}
.header-rgt a {float:left; margin:5px 0 0 10px}
.header-rgt a.refresh-btn {margin-top:9px;}
.preview-link {float:right; width:auto; display:inline; line-height:normal;margin-top: 8px;}
.delete-campaign {float:right; width:auto; line-height:normal;margin-top: 8px;font-size: 21px;cursor: pointer;}
.del-property {color: #a92c2c;}
.page-head {display:inline; font-size:20px;margin-right: 90px;}
.search-campaign {float:right; width:auto; margin:0 0 10px 0;}
.search-campaign .text-field {border:1px solid #e7e7e7; border-right:none; border-radius:5px 0 0 5px; height:40px; font-size:16px; width:350px; padding:0 10px; float:left;}
.sort-by {border:1px solid #e7e7e7;border-radius:5px; height:43px; font-size:16px; width:200px; padding:0 10px; float:left; margin:0 0 0 20px;}
.sort-by option {padding:0 10px;}
.btn-search {float:left; height:40px; border:none; background:#82639e url(../images/btn_search.png) no-repeat center center; width:60px; text-indent:-9999px; margin:0 0 0 5px; cursor:pointer}
.btn-name {float:left; height:40px; border:none; background:#ff7e00; margin:0 0 0 10px; padding:0 15px; font-size:17px; color:#fff; cursor:pointer}
.btn-submit {float:left; height:42px; line-height: 42px; text-decoration:none; border:none; background:#82639e; margin:0 0 0 0; padding:0 15px; font-size:18px; color:#fff; cursor:pointer}
.btn-date {float:left; height:42px; border:none; background:#ff9834; margin:0 0 0 0; padding:0 25px; font-size:18px; color:#fff; cursor:pointer; border-radius:0 5px 5px 0}

.btn-enable {float:left; height:40px; border:none; background:#82639e; margin:0 0 0 10px; padding:0 15px; font-size:17px; color:#fff; cursor:pointer}
.btn-disable {float:left; height:42px; border:none; background:#ff9834; margin:0 0 0 0; padding:0 25px; font-size:18px; color:#fff;cursor:pointer}
.display-none {display:none;}
.right-answer {color:#19bd20;}
.wrong-answer {color:#ff0000}
.quest-title {width: 85%;}
.test-inner {padding: 0 0 20px 10px;}
.result-inner {padding: 0 0 20px 10px;}
.link-label {font-weight: bold;font-size: 15px;}
.test-link {font-size: 16px;margin-left: 10px;}
.result-link {font-size: 16px;margin-left: 10px;}

.back-btn {
    float: left;
    line-height: 34px;
    width: auto;
    margin:10px 0 0 0;
}
#indicator {float: left;margin: 13px 25px 0 0px;}
.text-log-in {float: right;margin: 15px 46px 0 -45px;font-size: 18px;}

.header-new a {
    color: #fff;
    font-size: 21px;
    text-decoration: none;
}
.header-new img {
    float: left;
}

.campaign-manager-container {margin:0 auto; max-width:920px;}
.campaign-manager-container .campaign-manager {float:left; width:100%; margin:50px 0 0 0;}
.campaign-manager ul {list-style:none; margin:0; padding:0;}
.campaign-manager li {float:left; width:136px; text-align:center; margin:0 1% 30px; min-height:160px; position:relative;}
.campaign-manager li span {float:left; color:#434343; font-size:14px; margin:8px 0 0 0; text-decoration:none; line-height:17px;font-weight: bold; width:100%;}
.campaign-manager img {float:left; margin-left:29%;}
.campaign-manager .total-camp--count {position:absolute; min-width:42%; height:28px; background:#ff7e00; border-radius:100px; width:auto;
        -webkit-border-radius:30px; font-size:14px; color:#fff; text-align:center; line-height:28px; top:-17px; right:9%;border: 1px solid #ff7e00;}

.public-campaign {background:url(../images/bg-img.png) no-repeat 0 0; text-align:center; min-height:460px; box-shadow:13px 0 30px #000; background-size:cover;}
.public-campaign label {font-size:36px; color:#fff; text-align:center; width:100%; padding:210px 0 0; font-weight:700;}
.select-field {border:1px solid #e5e5e5; border-radius:0; float:left; font-size:20px; height:42px; padding:0 10px; width:290px; color:#424242; margin:0 20px 0 0;}
.public-campaign .text-field {width:250px;}

/* Claps */
.clap-container {
   /* text-align: center;*/
    background-color: #ff7e00;
    float: left;
    min-width: 95px;
    width: auto;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #ff7e00;
    line-height: 15px;
    padding-top: 4px;
    cursor: pointer;
}
.clap-container img {
    float: left;
    color: #936c6c;
    padding-left: 5px;
}
.claps-count-container .claps-count {
    font-size: 19px;
    font-weight: 700;
    color: #fff;
}
.claps-count-container .claps-text {
    font-size: 13px;
    color: #fff;
}
.claps-count-container {
    width: 48px;
    float: right;
    padding: 3px 0 0 0;
}
/* Claps */

#link-center {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.popup-link {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    min-height: 130px;
    width: 530px;
    top: 146px;
    position: relative;
    border-radius: 4px;
}
#link-container {padding: 46px 0 0px 16px;font-size: 17px;}

.cross-link {
    cursor: pointer;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 0 3px #333;
    color: #ff7e00;
    float: left;
    font-size: 24px;
    font-weight: 700;
    height: 33px;
    line-height: 30px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -10px;
    width: 33px;
    border: 1px solid #ff7e00;
}
.btn {
    display: inline-block;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 3px 8px;
}
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-default {
    color: #333;
    background-color: #e1e0e0;
    border-color: #ccc;
}
.btn-default-color {
    background: #ff7e00;
    color: #fff;
    border-color: #ff7e00;
}
.import-wrapper {border: 1px solid #dddddd;}
.import-wrap {
    float: left;
    width: 20%;
    margin: 7px 10px 0 0;
}
.import-wrap .select-field {
    width: 200px;
    padding: 0 1%;
    font-size: 15px;
    margin: 0;
    height: 40px;
}
.panel-footer {
    padding: 5px 10px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel-heading {
    padding: 5px 0px 10px 10px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-body {padding: 15px;}
.unit-filter {float: right;margin-left: 0;width: auto;margin-top: 0;}
.import-wrap label {padding: 0;}
.checkbox-label {margin: 35px 0px 0px 20px;}
.import-submit {margin: 30px 0 0px 0px; }

.workshop-list {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    border: 1px solid #ddd;
    padding: 10px;
}
.workshop-list .import-wrap .select-field {min-width:200px; height: 40px;}
#import-data-response {margin-top:0;}
.import-wrapper input[type="file"] {height: 40px}
.import-wrap2 {width: auto;margin-top: 12px;}
.import-wrap2 .checkbox-label {width:auto}
.import-wrapper .import-submit {margin: 35px 0 0px 40px;}
.workshop-list .panel-heading {margin:-10px -10px 10px}
.template-link {float: right;}
.template-link-btn {float: right;width: 7%;}

.select2-selection--single {border-radius: 0px !important;height: 40px !important;border: 1px solid #e5e5e5 !important;}
.select2-selection__arrow {height: 39px !important;}
.select2-selection__rendered {line-height: 40px !important;}

.age-field {width: 55% !important;}
.key-unit {width: 38% !important;}

.submit-module {margin-top: 15px;}
.sample-label {width: 60%;}
.sample-label label {padding: 19px 0px 0 10px; color:#7b7b7bc7; font-size: 12px;}
.sample-value {width: 30%;}
.module-container span {
    font-size: 15px;
    color: #5e5e5e;
}
.view-container .input-wrap {margin:0;}
.link-btn {
    display: inline-block;
    padding: 3px 11px;
    font-size: 14px;
    border: none;
    background: #f88b20;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    float: left;
    margin-right: 5%;
    position: relative;
}
.link-btn:hover {text-decoration: none;color: #fff;} 

/*Tab Menu*/
.tabs-menu {
    height:64px;
    float: left;
    clear: both;
    width:100%;
    list-style:none;
    background:#fff;
    box-shadow:0 0 10px #ccc;
}
.tab-line {
    height: 2px;
    background: #fff;
    display: inline-block;
    width: 30px;
}
.tabs-menu li {
    line-height:24px;
    float: left;
    margin-right: 0;
    width:25%;
    text-align:center;
    margin-top:0;
    font-size:20px;
    padding:16px 0;
}
.tabs-menu li.current {
    position: relative;
    z-index: 5;
}
.tabs-menu li.current .tab-line {background:#ff7e00;}
.tabs-menu li a {
    color: #010103;
    text-decoration: none;
    display:block;
    border-right:1px solid #f5f5f5;
	margin:0;
	position:relative;
}

.tabs-menu li:last-child a {border-right:none;}
.tabs-menu .current a {
    color: #ff7e00;
}
.tab {
    background-color: #fff;
    float: left;
    margin:5px 0 20px;
    width: 100%;
    position:relative;
}
.tab-content {
    width: 100%;
    padding: 0;
    display: none;
}
#tab-4 {
    display: block;
}
.campaign-summery-container {float:left; width:100%;}
.start-end-con {margin:0; width:auto; float:right;}
.date-start {float:left; width:auto; font-size:18px; margin:0 30px 0 0;}

.date-start input.hasDatepicker {background:url(../images/calender-icn.png) no-repeat 203px center; border:1px solid #e5e5e5; border-radius:3px; height:40px; width:250px; font-size:18px; padding-left:10px;}
.date-end {float:left; width:auto; font-size:18px; margin:0 30px 0 0;}
.date-end input.hasDatepicker {background:url(../images/calender-icn.png) no-repeat 203px center; border:1px solid #e5e5e5; height:40px; width:250px; font-size:18px; padding-left:10px; color:#434343}
.advance-filter {background:url(../images/advc-filter.png) no-repeat center center;float:left; border:1px solid #e5e5e5; height:35px; color:#81649a; font-size:20px; width:38px; margin:0; padding:5px; text-indent:-9999px; border-radius:3px;}
.advance-filter a {color:#81649a; text-decoration:none;}

.con-total-respns {float:left; width:100%; font-size:20px; background:#fad9ba; padding:10px 2%; color:#4a474e; margin:10px 0;text-align: center;}
.graph-container {float:left; width:100%; /*margin:15px 0 0 0;*/}
.graph-container ul {list-style:none;}
.graph-container li { width:28%; margin:0 .5% 1%; float:left;}
.graph-container4 li { width:24%!important;}
.graph-container3 li { width:32%!important;}
.graph-container .graph-head {float:left; width:100%;background:#fad9ba; padding:5px 0; text-align:center; color:#333; font-size:20px;}
/*.graph-box {float:left; width:97%; padding:2% 1%; border:2px solid #bab8bc; border-radius:5px; min-height:200px; margin:15px 0 0 0;}*/
.graph-box {float:left; width:99%; border:2px solid #bab8bc; border-radius:5px; min-height:200px;margin: 15px 0 0 0;/*margin-left: -207px;*/}
.responses-table {float:left; width:100%; margin:20px 0 0 0; border:1px solid #f5f5f5}
.responses-table td {border-bottom:1px solid #f0f0f0; padding:8px 15px; border-right:1px solid #f0f0f0; color:#333;}
.responses-table tr td:last-child {border-right:none;}
.responses-table th {padding:8px 15px; text-align:left; background:#11a890; color:#fff; font-size:16px; border-right:1px solid #0d907b;}
.responses-table th:last-child {border-right:none;}

 .single-container{
    margin: 0 auto;
    max-width: 400px;
}
.single-container .graph-container li {width:120%; }

#flotTip {
    padding: 3px 5px;
    background-color: #000;
    z-index: 100;
    color: #fff;
    opacity: .80;
    filter: alpha(opacity=85);
}

/*Closure*/
.collapse-container {width:100%; margin:10px 0 0; box-shadow: 0px 2px 6px rgba(87,87,87,0.2); float:left;}
.collapse-container .panel-heading {background:#11a890!important; padding:0px!important; font-size:24px!important; border:none!important;}
.collapse-container .panel-title a:before {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 30px;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    right: 0;
}
.collapse-container .panel-title a:hover {text-decoration:none;}
.collapse-container .panel-title a.collapsed:before {content: "\f105";}
.collapse-container .panel-title {font-size:20px!important; color:#fff!important; padding:15px!important; position:relative;}
.collapse-container .panel-title a {color:#fff; display:block;}
.collapse-container .collapse {padding:20px;}
.collapse-container .repns-doc-head {font-size:16px; float:left; width:100%; padding:0; margin:0 0 15px 0; color:#434343}
.collapse-container .repns-doc-head span {text-decoration:underline; color:#ff7e00; font-size:18px;}
.collapse-container .text-field {width:49%; float:left; border: 1px solid #e5e5e5; padding:10px; height:70px; margin:0 1% 20px 0; font-size:16px; color:#434343;}
.collapse-container .panel {box-shadow:none!important; border-radius:0!important; border:none!important;}
.container-raist-closure {float:left; width:100%; margin:5px 0 10px 0;}
.container-raist-closure .time-raised {float:left; width:30%; margin:0 2% 0 0; color:#fe9632; font-size:18px;}
.container-raist-closure .time-closed {float:left; width:32%; margin:0 2% 0 0; color:#fe9632; font-size:18px;}
.container-raist-closure .closure-submit {float:right; border-radius:4px; background-color:#fd9531; padding:5px 20px; font-size:24px; margin:0;}
.collapse-container .open-field {float:left; border: 1px solid #e5e5e5; padding:10px; margin:0 1% 20px 0; font-size:16px; color:#434343;}
.answer-field {width:100%;height:80px;}
.marks-field {width:5%;height:60px;}
.remark-field {width:82%;height:60px;}
.right-checkbox {float:left;margin-right: 20px !important;}
.right-ans-label {width: 8.5%; font-size: 15px;}
.right-img {border: 1px solid #19bd20;}
.quest-score {width:7%;float: right;font-size: 17px;}
.marks-label {
    margin-right: 60px;
    float: none;
    display: inline-block;
    padding-left: 30px;
    text-align: right;
    width: 100%;
}
.load_more {text-align: center;width:100%;}
.load_more span {
    background: #c7c7c7;
    border-radius: 16px;
    color: #3a3636;
    display: inline-block;
    padding: 9px 23px;
    transition: all 0.25s ease-out;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    width: 100%;
    cursor: pointer;
}

.declare-result {float: right;margin-right: 30px;}
.text-label {margin-right: 15px;font-weight: bold;font-size: 16px;}

.closure-container {margin:0; width:100%; color: #010103;}
#closure-data {float:left; width:100%;}
.closure-container .blank-container {margin-top:3%; margin-bottom:3%;}
.date-conatner {width: 100%;text-align: center;padding: 4px 0%; color: #010103;font-size: 20px;margin: 0px 0 3px 0;}
.location-conatner {width:100%; text-align:center; padding:4px 2%; color:#010103; font-size:20px;margin-bottom: 3px;}
.categry-profession  {width:100%; text-align:center; padding:4px 2%; color:#010103; font-size:20px;border-radius: 2px;}
.notification-bar {padding:2px 0; float:left; width:100%; margin:20px 0 30px 0; color:#4a474e;  font-weight:700; font-size:18px;}
.total-request {float:left; width:32%; margin-right:1%; padding:1%; box-shadow: 0px 2px 6px rgba(87,87,87,0.2); font-size:22px; color:#434343; font-weight:600; text-align:center;}
.closed-request {float:left; width:32%; padding:1%; margin-right:2%; box-shadow: 0px 2px 6px rgba(87,87,87,0.2); font-size:22px; color:#434343; font-weight:600; text-align:center;}
.panding-request  {float:left; width:32%; padding:1%; box-shadow: 0px 2px 6px rgba(87,87,87,0.2); font-size:22px; color:#434343; font-weight:600; text-align:center;}
.total-count {font-weight:700; font-size:46px; float:left; width:100%; color:#fe9632}
.table-box-container {float:left; width:100%; border:2px solid #dbd9e6; margin:10px 0 0 0;}
.table-head-name {background:#dbd9e6; float:left; width:50%; border-right:2px solid #fff;  box-sizing:border-box; padding:15px 10px; color:#4a474e; font-size:16px;}
.table-head-Number {background:#dbd9e6; float:left; width:50%; box-sizing: border-box; padding:15px 10px; min-height:50px;color:#4a474e; font-size:16px;}
.table-head-edit {float:left; width:100%; padding:15px 15px; font-size:18px; color:#757575; font-weight:400;}
.container-keyproblem {float:left; width:100%; margin:0px 0 0 0;}
.keyproblem-head {float:left; width:100%; font-size:22px;}
.keyproblem-respnstime {float:left; width:100%; margin:17px 0 0 0; line-height:45px; font-size:20px;}
.keyproblem-respnstime img {float:left; margin:0 10px 0 0;}
.keyproblem-note {float:left; width:100%; font-size:17px; color:#757575; text-transform:uppercase; font-weight:700; padding:20px 0 0 0;}
.keyproblem-picture img{margin: 5px 0 0 0;}
.keyproblem-picture {float: left; margin-right: 11px;}
.container-time-raised-close {float:left; width:100%; padding:10px 10px; box-sizing:border-box; font-size:18px; color:#000; background:#9c84b1;}
.time-raised {float:left; width:auto;}
.time-closed {float:right; width:187px;}
.total-response {float:left; width:100%; margin-right:1%; padding:1%; box-shadow: 0px 2px 6px rgba(87,87,87,0.2); font-size:22px; color:#434343; font-weight:600; text-align:center;}

.input-container .text-field {
    border: 2px solid #9c84b1;
    border-radius: 0;
    float: left;
    font-size: 16px;
    width:100%;
    margin:0 0 10px;
    padding:2%; box-sizing:border-box;
    font-family: arial;
}
.input-container {float:left; width:100%; margin:20px 0 0 0;}
.inputbtn {
    background: #fd9531 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 22px;
    margin: 10px 0 0 10px;
    padding: 5px 30px;
    border-radius: 4px;
}
.container-btn-input { padding-bottom:20px; margin-bottom:10px; float:left; width:100%;}
.error-box-container {border:1px solid #ff0000; clear: both;
    float: left;
    padding: 0 10px; margin:15px 0 0 0;}
.repeat-complaint {background:#ff0000; color:#fff; padding:5px 20px; font-size:18px; width:auto; display:block; float:left;}
.inner-closure-filter input.datepicker {
    border:1px solid #E5E5E5;
    border-radius:0;
    color:#888;
    border-radius:4px;
    float:left;
    font-size:20px;
    height:42px;
    padding: 0 1%;
    width: 98%;
    background:#fff url("../images/calender-icn.png") no-repeat 96% center;
}
.ui-datepicker {z-index:999999!important}
.inner-closure-filter .filter-wrap label {
    color: #fff;
    font-size: 20px;
    padding: 0 0 7px;
    width: 100%!important;
 margin-right:0!important;
}
.inner-closure-filter .select-field {width:352px}
.inner-closure-filter {
    margin: 18px 0 0 0;
}
.blank-container{margin:auto; max-width:880px; font-family:arial; text-align:center;}
.ans-img {float: left;width: 100%;padding: 0 0 2% 0;}
.ans-img img {width: 100px;height: 60px;}
.message-blank {font-size:20px; text-align:center; margin:20px 0 0; color:#333; font-weight:bold;}
hr.separate-line {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    clear: both;
    display: inline-block;
    height: 2px;
    margin: 10px 0;
    width: 100%;
}
.popup_visible {position:fixed; width:100%;}
/* End Closure */

.dot-circle {
    width: 23px;
    height: 23px;
    background: #ccc;
    border-radius: 100px;
    float: left;
    margin-right: 14px;
}
.selected-answer{background: #4160b9;}
.home-powred-by {
    bottom: 15px;
    float: right;
    position: initial;
    text-align: center;
    width: 100%;
    margin-top: -20px;
   }
.powred-by {
    bottom: 15px;
    float: left;
    position: initial;
    text-align: center;
    width: 100%;
    margin-top: 325px;
   }
.text-powered {
    display: ruby-text;
    float: left;
    font-size: 24px;
    line-height: 100px;
    padding: 0;
}
.powred-by-inner {
    margin: 0 auto;
    max-width: 250px;
}
.export-inner h2 {
    float: left;
    color:#333;
}

/*Audit*/
.info-container {
    background-color: #21b1b3;
    height: 39px;
    padding: 8px 0 0 8px;
    font-size: 17px;
    color: #fff;
    border-radius: 3px;
    margin: 4px 0 18px 0;
}
hr.separate-line-2 {
    background: #d3d2d2 none repeat scroll 0 0;
    border: medium none;
    clear: both;
    display: inline-block;
    height: 1px;
    margin: 10px 0;
    width: 100%;
}
.log-container {
    border: 1px solid #bab1b1;
    clear: both;
    float: left;
    padding: 0 10px;
    margin: 15px 0 0 0;
    width: 100%;
}
/*Audit*/

/*Pin*/
.pin-container {max-width:90%;  margin:0 auto;}
.pin-con-inner {float:left; width:100%; text-align:left;}
.edit-pin {float:left; width:auto; font-size:20px; color:#a4a4a4; border-radius: 4px; border: 1px solid #e5e5e5; padding:4px 10px 0; line-height:37px; height:38px;}
.edit-pin a {color:#a4a4a4; text-decoration:none; display:block;}
.edit-pin a:hover {text-decoration:underline;}
.edit-pin-section input {float:left; border-radius:4px; background-color: #fd9531; margin-right:20px;}
.edit-pin-section {float:left; width:100%; margin:0 0 25px;}
.pin-container input.text-field {width:96%; border-radius:0; font-size:17px; border:1px solid #e5e5e5; float:left; border-radius:4px; margin:0 0 30px; background-color: rgba(255,126,0,0); border: 1px solid #e5e5e5;}
.pin-container .social-login {width:100%; margin:20px 0 30px 0;}
.pin-container .social-login label {width:100%; float:left; text-align:left; padding:0 0 20px; font-size:21px;}
.pin-container .text-area {float:left; width:96%; padding:1%; border:1px solid #e5e5e5; font-family:Verdana,Geneva,sans-serif; height:100px;}
.btn-wise {font-size:28px; color:#fff; text-transform:uppercase; background:#81649a; padding:5px 20px; border:none;}
.share-btn {background:url(../images/icon_share_share.png) no-repeat left top; width:41px; height:39px; border:none; float:left; margin:10px 0 0 0; text-indent:-9999px; cursor:pointer; }

.export-container {margin:0; width:100%; float:left;}
.export-inner {float:left; width:100%;}
.gray-head {float:left; font-size:18px; color:#747474; width:100%; text-align:left; text-transform:uppercase; font-weight:600;}
.export-inner h3 {float:left; width:100%!important; font-size:17px; text-transform:uppercase; text-align:left; margin:0 0 15px; color:#7f7d7d; font-weight:600;}
.export-inner .select-redio {width:auto; margin:0 54px 0 0; font-size:19px; padding:0;}
.export-inner .select-redio input {margin:0 10px 0 0;}
.input-box {float:left; width:100%; margin:15px 0 0;}
.export-inner .box-contain {margin:0!important;}
.export-btn {font-size:18px; text-transform:none; color:#fff; background:#81649a; padding:5px 17px; border:none; cursor:pointer; margin:10px 0 0 0; float:left; border-radius: 4px; background:#fd9531;}
.start-end-con .export-btn {margin:0; padding:8px 30px;}
.print-ready .select-redio {width:100%; margin:20px 0; text-align:left;}
.public-campaign label {padding-bottom: 10px;}
.public-campaign {line-height: 36px}
.public-campaign a {color:#9c84b1; text-decoration:underline}
.public-campaign a:hover {text-decoration:none;}

.answer-submit {text-align: center;width: 20%;float: left;margin: 0 0px 25px 35px;}
.answer-btn {
    font-size: 18px;
    text-transform: none;
    color: #fff;
    background: #81649a;
    padding: 5px 17px;
    border: none;
    cursor: pointer;
    margin:3px 0 0 0;
    float: left;
    border-radius: 4px;
    background: #fd9531;
}
.admission-input {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    height: 40px;
    width: 250px;
    font-size: 18px;
    padding-left: 10px;
}
.answer-list {text-align: center;width: 20%;float: left;}

.analytics-table {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    border: 1px solid #f0f0f0;
    height: 400px;
    overflow-y: hidden;
    overflow-y: scroll;
}
.analytics-table td{border-bottom:1px solid #f0f0f0; padding:8px 15px; border-right:1px solid #f0f0f0; color:#333;}
.analytics-table tr td:last-child {border-right:none;}
.analytics-table th {padding:10px 15px; text-align:left; background:#11a890; color:#fff; font-size:16px; border-right:1px solid #0d907b;}
.analytics-table th:last-child {border:none;}
.popup-notification2 .analytics-table{border:none}
.popup-notification2 .analytics-table td {padding:5px 10px; font-size:13px;}

.poll-sec-yes {float:left; width:100%; cursor:pointer;}
.question-answers {float:right;}
.poll-label {float:left; width:61%; margin:0 1% 0 0; font-size:14px;}
.poll-sec-yes .poll-pipe {float:left; width:10px; height:10px; background:#6d5a01; margin:2px 0 0 0px; border-radius:100%;}
.poll-sec-No .poll-pipe {float:left; width:50%; height:8px; background:#ff0000; margin:4px 0 0}
.total-poll-count {
    float: left;
    font-size: 11px;
    margin: 0 0 0 5px;
    width: auto;
}

.popup-delete{max-width:490px; background:#fff; border:1px solid #ff7e00; min-height:200px; padding:30px; margin:50px auto; position:relative; z-index:1000;}
.popup-delete #msg {font-size:17px; font-weight:normal; margin:-30px -30px 0; color:#424242; padding-left:30px; text-align:center; }
.inner-analytic-filter .ad-delete {border: 1px solid #e7e7e7;border-radius: 5px;height: 40px;font-size: 16px;width: 100%;padding: 10px;float: left;margin: 10px 0 20px 0;}

.popup-analytic{max-width:600px; background:#fff; border:1px solid #ff7e00; min-height:200px; padding:30px; margin:50px auto; position:relative; z-index:1000;}
.inner-analytic-filter {float:left; width:100%;}
.clr {clear:both;}

.popup-analytic h3 {font-size:24px; font-weight:normal; margin:-30px -30px 0; color:#424242; padding:7px; text-align:center; }
.filter-wrap {float:left; width:48%; margin:40px 2% 0 0;}
.filter-wrap label {width:100%; font-size:16px; padding:0 0 7px; color:#424242;}
.filter-wrap .select-field {width:98%; padding:0 1%; font-size:16px; margin:0}
.filter-wrap select.select-field {width:260px;}
.filter-wrap .select-field-left {width:49%; float:left; margin:0;}
.filter-wrap .select-field-right {float:right; width:49%; margin:0;}
.submit-btn {display:inline-block; padding:3px 11px; font-size:18px; border:none; background:#ff7e00; color:#fff; cursor:pointer; border-radius:5px;
            float: left;margin-right: 5%;position: relative;}
.filter-submit {text-align:center; margin:30px 0 0; width:100%;}
.filter-submit .submit-btn {float:none; width:auto;}
.demo-container {box-sizing: border-box;width:100%;height: 250px;float:left;}
.demo-placeholder {width: 100%;height: 100%;font-size: 11px;line-height: 1.2em;}
.popup-notification2 {
    background: #fff none repeat scroll 0 0;
    margin: 50px auto;
    min-height: 200px;
    padding: 10px;
    width: 670px;
    position: relative;
}
.popup-notification-chart {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    min-height: 200px;
    width: 550px;
    /*top:-60px;*/
    top: 25px;
    position: relative;
}
.cross-btn {z-index: 10; cursor: pointer; background: #fff; border-radius: 100px; box-shadow: 0 0 3px #333; color: #ff7e00; float: left; font-size: 24px; font-weight: 700; height: 40px; line-height: 37px; position: absolute; right: -15px; text-align: center; top: -15px; width: 40px; border:1px solid #ff7e00;}

.popup-module {
    background: #fff none repeat scroll 0 0;
    margin: 50px auto;
    min-height: 200px;
    padding: 10px;
    width: 65%;
    position: relative;
}
.popup-module .analytics-table{border:none}
.popup-module .analytics-table td {padding:5px 10px; font-size:13px;}

/* form starting stylings ------------------------------- */
.campaign-container .group 			  { 
  position:relative; 
  margin:35px 0 0; 
}
.campaign-container .group input 				{
  font-size:16px;
  padding:10px 10px 5px 5px;
  display:block;
  width:96%;
  color:#434343;
  border:none;
  border-bottom:1px solid #e6e6e6;
  height:auto;
  background:none;
}
.campaign-container .group input:focus { outline:none; }
.forget-password {float:left; width:100%;}
.forget-password h2 {text-align:center; margin:10px 0 20px; font-size: 18px;}

/* LABEL ======================================= */
.campaign-container label 				 {
  color:#999; 
  font-size:15px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.group input:focus ~ label{
  top:-5px;
  font-size:16px;
  color:#434343;
}
.campaign-container input:focus ~ label, .campaign-container input:valid ~ label {top:-20px; color:#2ea88e}
/* BOTTOM BARS ================================= */
.campaign-container .bar 	{/* position:relative;*/ display:block; width:100%; }
.campaign-container .bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.campaign-container .bar:before {
  left:50%;
}
.campaign-container .bar:after {
  right:50%; 
}

/* active state */
.campaign-container .group input:focus ~ .bar:before, .campaign-container input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.campaign-container .highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

.row-even h3, .row-odd h3 {background:#11a890; padding:10px; color:#fff;}

/* active state */
.campaign-container .group input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
.start-end-con-renew {}
.graph-content .col-lg-6 {box-shadow:0 0 5px #ccc; margin:0 2% 2% 2%; width:46%; overflow:hidden}
.graph-content svg{width:100%!important; height:100%}
.start-end-con-renew .date-end {margin:0 0 0 10px;}
.start-end-con-renew .date-start {
    float: left;
    width: auto;
    font-size: 14px;
    margin: 0 0 0 10px;
    font-weight: 700;
}
.start-end-con-renew .date-end {
    float: left;
    width: auto;
    font-size: 14px;
    margin: 0 0 0 10px;
    font-weight: 700;
}
.start-end-con-renew .date-end input.hasDatepicker {
    background: url(../images/calender-icn.png) no-repeat 168px center;
    border: 1px solid #e5e5e5;
	height: 34px;
	width: 210px;
	font-size: 14px;
	padding-left: 10px;
	color:#434343;
    font-weight: 300;
}
.start-end-con-renew .date-start input.hasDatepicker {
    background: url(../images/calender-icn.png) no-repeat 168px center;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    height: 34px;
    width: 210px;
    font-size: 14px;
    padding-left: 10px;
    font-weight: 300;

}
.inner-container2 {padding:1%;}
.graph-content .row {margin:0; border-bottom:1px dotted #ccc; padding-bottom: 10px;}
.graph-content .select-field {
	border: 1px solid #e5e5e5;
	border-radius: 0;
	float: left;
	font-size:14px;
	height:34px;
	padding: 0 10px;
	width: 220px;
	color:#424242;
	margin: 0 0 0 20px;

}

#chart_div1, #chart_div2, #chart_div3, #chart_div4, #chart_div5, #chart_div6, #chart_div7, #chart_div8 {height:380px!import-data-response; overflow: scroll !important;}
.graph-content  rect {max-width:100%!important}
@media screen and (max-width: 1400px) {
.feedback-section {padding:7% 0}
.public-campaign {min-height: 460px;}	
.body-wrapper {margin:0 auto}
}

@media screen and (max-width: 1190px) {
    .body-wrapper {width:90%;}
    .mood-container {position:absolute; bottom:0;}
    .feedback-textarea {margin:40px 0 0 0}
    .feedback-textarea textarea {width:90%; padding:2%;}
    .mood-container li {width:18%; margin:0 2% 0 0;}
    img {max-width:100%; height: auto;}
    .mood-sec {float: left;margin: 10% 0 0;width: 100%;}
}
@media screen and (max-width: 1024px) {
    .public-campaign {width:100%;}
    .select-field { font-size:18px; height:42px; margin:0 1% 0 0; padding:0 1%; width:30%;}
    .public-campaign .text-field {font-size: 16px; height: 38px!important;padding: 0 1%!important;width: 26%!important;}
    .btn-search {margin:0 0 0 1%;}
    .btn-date {margin:0 1%; padding:0 3%;}
    .btn-name {margin:0 0 0 1%; padding:0 3%;}
    .search-campaign { margin: 30px 0 0 0; width: 100%;}
    .search-campaign .text-field {width:58%; padding:0 1%;}
    .campaign-summery-container .date-start, .campaign-summery-container .date-end  {width:36%; margin:0 1%;}
    .campaign-summery-container .date-end input.hasDatepicker, .campaign-summery-container .date-start input.hasDatepicker { background:url(../images/calender-icn.png) no-repeat 96% center; border: 2px solid #886c92; color: #888; font-size: 20px; height: 38px; padding-left: 1%; width: 58%;}
    .advance-filter {float:left;}
    .graph-container { padding: 0 1%; width: 98%;}
    .pin-container {max-width:90%;}
    .export-container {max-width:90%;}
    .campaign-summery-container .export-inner .date-start, .campaign-summery-container .export-inner .date-end {width:48%;}
    .campaign-summery-container .export-inner .date-end input.hasDatepicker, .campaign-summery-container .export-inner .date-start input.hasDatepicker {width:60%;}
    .page-head {font-size:28px;}
	.feedback-section {width:42%; padding:105px 11% 0 0;}
	.campaign-container {width:42%; padding:105px 0 0 2%}
	.feedback-section input.text-field {width:94%; padding:0 3%;}
	.campaign-container input.text-field {width:94%; padding:7px 0;}
	.campaign-container label {width:100%;}
}
@media screen and (max-width: 980px) {
.start-end-con{width:100%}
<<<<<<< HEAD
.campaign-summery-container .date-start, .campaign-summery-container .date-end{width:100%; margin:0}
=======
.campaign-summery-container .date-start, .campaign-summery-container .date-end{width:100%!important; margin:0}
.campaign-summery-container .date-end input.hasDatepicker, .campaign-summery-container .date-start input.hasDatepicker {width:100%; background-position:100% center}

>>>>>>> development
}
@media screen and (max-width: 860px) {
    .campaign-summery-container .date-end input.hasDatepicker, .campaign-summery-container .date-start input.hasDatepicker {width:100%; font-size:17px;}
    .campaign-summery-container .date-start, .campaign-summery-container .date-end {width:34%; font-size:18px;}
    .tabs-menu li {font-size:20px;}
    .btn-wise {font-size:26px;}
    .edit-pin {font-size:18px;}
    .pin-container input.text-field {font-size:20px;}
    .pin-container .social-login label {font-size:22px;}
    .pin-container .text-area {width:90%;}
    .pin-container input.text-field {width:90%;}
    .share-btn {margin:10% 0 0 5px}
    .export-inner .select-redio { font-size:20px;margin:0 0 0 3%; padding:0; width:96%;}
    .gray-head {font-size:24px;}
    .export-inner h3 {font-size:18px;}
    .campaign-summery-container .export-inner .date-start, .campaign-summery-container .export-inner .date-end {width:48%;}
    .campaign-summery-container .export-inner .date-end input.hasDatepicker, .campaign-summery-container .export-inner .date-start input.hasDatepicker {width:54%;}
.quest-score {width:100%; text-align:right}
.collapse-container .repns-doc-head {width:100%}
.collapse-container .marks-field {width:76px; height:30px; margin-right:20px;}
.quest-title{width:100%}
 .marks-label {
    margin-right:0;
    text-align: right;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    float:none
}
.collapse-container .panel-title {font-size:17px!important}
.collapse-container .panel-title a {padding-right:30px}
.remark-field {
    width: 100%;
    height: 60px;
}
.right-ans-label {
    width:100%;
    font-size: 15px;
}
}
@media screen and (max-width: 768px) {
    .public-campaign .input-left, .public-campaign .input-right {width:100%}
    .select-field {width:47%; margin-bottom:10px;}
    .public-campaign .text-field {width:43%!important; margin-bottom:10px;}
    .btn-search {margin:0;}
    .search-campaign .text-field {margin-bottom:10px; width:78%;}
    .campaign-summery-container .date-end input.hasDatepicker, .campaign-summery-container .date-start input.hasDatepicker {width:89%;}
    h3.message {font-size:20px;}
    .form-container {width:59%; margin:20px auto;}
    input.text-field {width:96%; padding:0 2%;}
    .mood-container {position:absolute; bottom:0;}
    .male-female {margin-left:0;}
    .input-wrap input.btn-sign {margin-left:33%;}
    .question-container h2 {font-size:24px;}
    .mood-container li {width:23%; font-size:14px;}
    #campaignSubmit .mood-container {height: auto; background-color: #dbd2e3; padding-bottom: 20px;}
    .progress_bar_con {width:93%;}
    .campaign-summery-container .date-start, .campaign-summery-container .date-end {width:29%;}
    .advance-filter {margin:4% 0 0 0;}
    .graph-container li {width:100%;}
    .tabs-menu li { font-size: 18px;}
    .graph-box {width:96%;}
    .campaign-summery-container .export-inner .date-end input.hasDatepicker, .campaign-summery-container .export-inner .date-start input.hasDatepicker {width:85%;}
    .page-head {font-size:26px;}
    .header-new a {font-size:20px;}
	.feedback-section {width:100%; padding:30px 0 30px 0; margin:0; min-height:inherit; background:none; border-bottom:2px dotted #9c84b1; margin-bottom:30px;}
	.campaign-container {width:100%; padding:0; margin:0;}
     .export-inner .date-end {text-align:left;}
	.filter-wrap.content-wrap {margin-left:0!important;}
    .input-box.box-contain {padding-top:0px;}
    .header-outer .admin-user {font-size:20px; line-height: 32px;}
    .header-outer .admin-user img {max-width:30px; max-height:30px;}
    .header-outer .header-rgt {margin:-67px 0 0!important;}
    .header-outer .page-head {text-align:center!important; width:100%!important}  
    .tabs-menu li {width:25%;}
}

@media only screen and (max-width: 600px) {
    .popup-notification {width:90%; padding:5%;}
    .btn_quit,.resume-btn {margin:20px 0 0 25%; width:75%;}
    .mood-container .mood-sec5 li.last  {clear: both}
    .user-detail-form .input-wrap input.text-field {width:95%; padding:0 1%;}
    .campaign-summery-container .date-start, .campaign-summery-container .date-end {width:28%;}
    .tabs-menu li {
        font-size: 16px;
    }
    .btn-wise {font-size:24px;}
    .edit-pin {font-size:16px;}
    .pin-container input.text-field {font-size:16px;}
    .pin-container .social-login label {font-size:20px;}
    .pin-container input.text-field, .pin-container .text-area {width:85%}
    .responses-table td {font-size:14px; padding:5px; border:1px solid}
    .back-btn a {float:left; text-indent:-9999px;}
    .page-head {width:100%; font-size:22px; display:inline-block;}
    .back-btn {position:relative;}
    .header-rgt {margin:-41px 0 0; position:relative;}
    .graph-box {width:100%;}
    .filter-wrap select.select-field {width:100%;}
    .export-inner .filter-wrap.content-wrap {width:100%!important;}
.page-head {
    float: left!important;
    text-align: left!important;
    line-height: 20px!important;
    width:90%!important;
    margin: 6px 0 0 0!important;
    clear: right!important;
    font-size:24px!important;
}
.header-rgt {
    margin:1px 0 0 0!important;
    position: relative!important;
    float: right!important;
}
.preview-link {
    float: left!important;
    width: auto!important;
    display: inline!important;
    line-height: normal!important;
    margin-top: 8px!important;
}
.back-btn {margin:0!important}
}
@media only screen and (max-width: 467px) {
    .input-wrap input.btn-sign {margin-left:30%;}
    .select-field {width:97%;}
    .public-campaign .text-field {width:94%!important;}
    .search-campaign .text-field {margin-bottom:10px; width:70%;}
    .campaign-summery-container .date-start, .campaign-summery-container .date-end {width:98%;}
    .campaign-summery-container .date-end input.hasDatepicker, .campaign-summery-container .date-start input.hasDatepicker {background-position:98% center; width:95%;}
    .advance-filter {margin:1% 0 1% 1%;}
    .tabs-menu li {font-size: 14px;}
    .pin-container input.text-field, .pin-container .text-area {width:93%;}
    .share-btn {margin:5% 0 0 5px;}
    .pin-container .social-login label {font-size:18px;}
    .export-inner .select-redio {font-size:18px;}
    .campaign-summery-container .export-inner .date-start, .campaign-summery-container .export-inner .date-end {width:100%; margin:0 0 2%;}
    .gray-head {font-size:21px;}
    .page-head {font-size:20px;}
    .header-new a {font-size:16px;}
    .filter-wrap .select-field-left {width:100%; margin-bottom:10px;}
    .filter-wrap .select-field-right {width:100%}
	.page-head {text-align:left;}
	/*.btn-date {clear:left;}*/
        .sort-by {width:98%; margin:0;}
	.poll-label {width:100%;}
	.graph-box {overflow:hidden;}
	.filter-wrap {width:100%;}
        
    .text-log-in {margin: 0 10px 0 0px;}
    .header-rgt img{height:35px;}
    #indicator {margin: 0px -11px 0 0px;}
}