/*-------------------cart css----------------------*/

.editOption .editable {
    width: 60%;
}
#surveyTitle span.editable {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

/*------------------- End ----------------------*/

.starRating:not(old){
    display        : inline-block !important;
    width          : 8.5em !important;
    height         : 1.5em !important;
    overflow       : hidden !important;
    vertical-align : bottom !important;
}

.starRating10:not(old){
    width          : 17em !important;
}

.starRating:not(old) > input{
    margin-right : -100% !important;
    opacity      : 0 !important;
}

.starRating:not(old) > label{
    display         : block !important;
    float           : right !important;
    position        : relative !important;
    background      : url('../Images/star-off.svg') no-repeat center top !important;
    background-size : contain !important;
        text-indent: -1111px;
}

.starRating:not(old) > label:before{
    content         : '';
    display         : block !important;
    width           : 1.4em !important;
    height          : 1.4em !important;
    background      : url('../Images/star-on.svg') no-repeat center top !important;
    background-size : contain !important;
    opacity         : 0 !important;
    transition      : opacity 0.2s linear !important;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
    opacity : 1 !important;
}
.answerDiv{
    width:100%;
    padding-left:30px;
}
.questionsContainer{
    width:100%;
    padding: 0 0 0 0;
}
.answerDiv .error{
    color:red;
}

#survey-builder-container {
    padding: 0 0;
}


#surveyTitle {
    border-bottom: 1px dashed #ddd;
    margin: 0;
    padding: 35px 0 35px 20px;
    vertical-align: top;
}

#surveyTitle > *{
    display: inline-block;
    vertical-align: middle;
}
#surveyTitle > .editIcon{
    display: none;
}



#surveyTitle span.editable {
    display: inline-block;
    vertical-align: middle;
}
.answerDiv {
    width:100%;
#    max-width: 400px;
}
.myQuestion {
    padding: 30px 0 30px 20px;
    list-style: none;
    border-bottom: 1px dashed #ddd;
    margin: 0;
}

#formControlls {
    padding: 10px;
}
.myQuestion:hover {
    background: #f2f2f2;
}

.starRating  {
    margin: 10px 0 ;
}
.myQuestion .controls {
    display: block;
    margin: 20px 0 0 65px;
}

.myQuestion .controls button.btn{
    background: #77b32b;
}
.answerDiv .editOption.checkbox {
    margin-bottom: 0;
    margin-top: 0;
    display: block;
    padding: 5px 0 !important;
    clear: left;
}
.questionLable  {
    width: 100%;
    vertical-align: middle;
    margin: 0;
}
.questionLable > *{
    display: inline-block;
}
.questionLable > .editIcon{
    display: none;
}
.evsubmitbutton {
    padding: 10px 0 30px 20px;
}
.evsubmitbutton button{
    min-width: 100px;
}
.answerDiv .editableInputBox{
    width:250px;
    float:left;
}
.deleteQuestion {
    float:left;
}
.questionIndex{
    float:left;
    margin-right:4px;
}
.questionLable.test > span.questionIndex,
.questionLable.test > span.editable {
    font-weight: 800;
}


#survey_form_container, .tmaincovercontainer, .tfooter {
    width: 1000px;
    margin: 0 auto;
}
#survey_form_container #surveyTitle{
    display: none;
}
#survey_form_container .questionsContainer, .tmaincovercontainer{
    background: #fff none repeat scroll 0 0;
    margin-bottom: 5px;
    padding: 20px;
}
.tqdetails {
    padding: 10px 0;
}
.tqdetails p{
    padding: 10px 20px;
    margin-top:10px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.tqdetails p span{
    display: block;
    font-weight: 600;
    font-size: 14px;
}

.tmaincover .form-control.surveyInputField.form-md-floating-label {
    background: #fff none repeat scroll 0 0;
    height: auto;
    padding: 10px;
}
.tfooter p {
    padding: 10px 20px;
    margin-top:10px;
    text-align: center;
    width:100%;
    font-weight: bold;
    font-size: 14px;
}
.rangeContainer {
    float: right;
    clear: right;
    display:none !important;
}
.rangeContainer input{
    width:66px;
    float:left;
    margin-right: 46px;
    height:22px;
    padding: 5px;
}
#form_to_weight_container .row{
    margin-bottom: 10px !important;
}
.rangeContainer label{
    float:left;
    margin-right: 5px;
}
.rangeContainer em{
    float:right;
}
.editable {
    float:left;
}

.myQuestion:hover {background: #f4f4f4;}
.answerDiv .starRating {margin-left: -20px}
.answerDiv {padding-left: 20px; margin-top: 0;}
.cat_wrapper {padding-bottom: 10px}

.previewInfoModal ul.questionsContainer li .answerDiv span.cat_name {    background: #d4d4d4;
    padding: 2px 12px;
    border-radius: 50px;
    color: #4B6478;}

.questionLable span.editable{ width: 90% }
.questionLable span.editable input{ width: 100%; margin-top: -7px }
#surveyTitle span.editable input{  margin-top: -7px  }
.btn-flat, .btn-flat:hover, .btn-flat:active, .btn-flat:focus {background: #77b32b; color: #ffffff;}
.btn-trans {background: transparent !important}
.btn-round {border-radius: 100px}
#survey-builder-container span.glyphicon-pencil {
    display: none;}
.opContainer > .checkbox {display: block; float: left; width: 100%}
.opContainer > .checkbox .fa-close, .feedbackCategoryViewTable i.removeFeedbackCategory {font-size: 18px; line-height: 20px}
.opContainer > .checkbox .rangeContainer {clear: none}
.opContainer > .checkbox a {float: right; margin: 0 30px 0 0}

 label.questionLable span.editable {border-bottom: 2px solid #d4d4d4; padding-bottom: 10px}
#survey-builder-container ul.questionsContainer li.myQuestion {position: relative; padding: 30px 0 70px 20px;}
ul.questionsContainer li.myQuestion {padding: 30px 0 30px 20px;}
label.questionLable a.deleteQuestion {position: absolute; right: 10px; bottom: 10px; padding: 0px; z-index: 9999; }
label.questionLable a.deleteQuestion .fa, label.questionLable a.cloneQuestion .fa,  label.questionLable a.belowQuestion .fa {font-size: 24px; line-height: 24px;
    color: #77b32b;}
label.questionLable a.cloneQuestion {position: absolute; right: 70px; bottom: 10px; padding: 0px; z-index: 9999; }
label.questionLable a.belowQuestion {position: absolute; right: 120px; bottom: 10px; padding: 0px; z-index: 9999; }
a.addFeedbackCategory {margin-left: 10px}
.myQuestion .controls {margin: 20px 0 0 10px;}
.myQuestion .controls button {padding-top: 10px;}

#survey-builder-container ul.questionsContainer li.myQuestion:hover .gray_bar {position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ececec;
    height: 45px;
    z-index: 99;}

.tab-content #info .dl-horizontal > .static-info {padding: 30px 20px !important}

@media (max-width: 768px)  {
    .right_wrapper {border-left: 0px !important; padding: 10px 0 !important;}
    
}
li.optionalClass{padding-left: 80px !important;padding-right: 80px !important;}
.image_cls{ margin-top:10px;width:325px; }
#remove_header_image{font-size: 20px;float: right;color: red;}
#remove_footer_image{font-size: 20px;float: right;color: red;}
.image_display{margin-top:10px;}
.description_form .image_cls { margin-top: 20px;}
.description_form #headerPreview { width: auto; height: auto; max-width: 300px !important; max-height: 300px !important;}
@media screen and (min-width:1200px) and (max-width:1366px) { 
    .event-page .answerDiv .opContainer { margin-top: 25px; }
    .event-page .questionIndex {min-width: 30px; min-height: 30px;}
    .event-page .editOption .editable input { max-width: 160px !important;}
    /* .event-page .answerDiv .editOption.checkbox { margin-right: 15px;} */
}

/* css complete */
.questionSectionLable span.editable {
    width: 90%;color:#000;}
.questionSectionLable{ font-size: 30px; font-weight: bold; width: 100%; text-align: left;}
.questionIndex {
    float: left;
    margin-right: 4px;
    background-color: #7ab72e;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding-top: 0;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    position: relative;
    top: -4px;
}
.md-checkbox.df-checkbox {
    margin-top: 0px !important; 
    margin-left: 10px;
}

input[type="range"] {
  -webkit-appearance: none;
  margin-right: 15px;
  width: 100%;
  height: 10px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  background-size: 50% 100%;
  background-repeat: no-repeat;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #65aa2a;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
}

input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.fa-trash-o:before{
    color:red;
}
/*.optionTitleCls{margin-bottom:20px;}*/

.optionTitle span{
    font-weight: bold;
}
.questionclass{margin-left: -20px;}
.questionTooltip{width: 100%;vertical-align: middle;}
.new-question-btn{float:right;margin-left:10px;}
.optional_option{position: static;margin-left:10px}
.optionalQuestion{display: inline-block; position: absolute; right: 105px; bottom: 10px; padding: 0px; z-index: 9999;}
.optional_plus_icon{font-size: 24px; line-height: 24px;color: #77b32b;}
.belowQuestion{display: inline-block; position: absolute; right: 105px; bottom: 10px; padding: 0px; z-index: 9999;}
.slider-div{display: inline-block;width: 800px;}
.inner-slider{display:flex;align-items: center;margin-top: 30px;margin-left: -20px;}
.file_upload{width: 26%;margin-left: -20px;}
.file_extention{margin-top: 15px;margin-left: -21px;margin-bottom:20px;}
.file_action{display:inline-flex;width:75%;margin-left: -22px;}
#survey_form_id .custom-tabs-block .nav-pills li.active.feedback_tab1 .desc { font-size:18px !important;  line-height:20px; font-weight:600; color:#4B6478; }
#survey_form_id .custom-tabs-block  .progress {background: #EDEFF1; border-radius: 0px 33px 33px 0px; height: 10px !important; border-radius: 33px;}
#survey_form_id  .tabbable-line.clearfix.custom-tabs-block { left:0; }
#survey_form_id  .form-wizard .steps > li > a.step > .number {  background: #CBD3DB; font-weight: 700}
#survey_form_id .custom-tabs-block .nav-pills li.feedback_tab2 .desc { font-size:18px !important;  line-height:20px; font-weight:400; color: rgba(75, 100, 120, 0.7); }
#survey_form_id .form-wizard .steps > li.active > a.step > .number { background: #77b32b; }
#survey_form_id  .custom-tabs-block .portlet-body {  padding: 0 15px 25px !important; }
#survey_form_id  .form-wizard .steps { margin:7px 0; }
#survey_form_id  #surveyTitle p {color: #4B6478;font-weight: 400; font-size: 18px; line-height: 20px;}
#survey_form_id  #surveyTitle { padding: 30px 0 30px 20px; min-height:85px; }
#survey_form_id .myflexiblebox #formControlls {     margin-top: -60px !important; position: initial !important; padding: 0; }
#survey_form_id  #surveyTitle span.editable { font-size:24px;  font-weight: 700; line-height: 20px;}
/* #survey_form_id #survey-builder-container ul.questionsContainer li.myQuestion { margin-top:15px !important; border: none;  } */
#survey_form_id #survey-builder-container  label.questionSectionLable span.editable { color:#4B6478; font-weight: 700; font-size: 20px; line-height: 20px; }
#survey_form_id  .questionIndex {background: #4B6478; margin-right:20px; }
#survey_form_id label.questionLable span.editable {  color: #4B6478; font-weight: 700; font-size: 14px; line-height: 20px; padding-bottom:0; text-align: left;}
#survey_form_id  label.questionLable span.editable { border-color:#DFDFDF; }
#survey_form_id .myflexiblebox #formControlls .btn-flat { font-size:14px; line-height:20px; font-weight:600; }
#survey_form_id .questionsContainer .addSelectVal { height:44px; border: 1px solid #4B6478; border-radius: 6px;  color: #4B6478; margin-left: 45px; }
#survey_form_id .answerDiv .starRating  { margin-left: 0; width: auto !important;}
/* #survey_form_id #survey-builder-container ul.questionsContainer li.myQuestion .gray_bar { background: #F4F4F4; border-radius: 6px; position: absolute; bottom: 0; width: 100%;z-index: 9; height: 44px; border-radius: 6px; } */
#survey_form_id label.questionLable a.belowQuestion { font-size: 14px; line-height: 20px; color: #4B6478; line-height: 20px;}
#survey_form_id label.questionLable a.belowQuestion i.fa {position: relative; top: 3px; right: 5px;}
/* #survey_form_id .answerDiv .editOption.checkbox { width: auto; display: inline-block; min-width: 110px; margin-right: 20px; padding-bottom: 15px !important; border-bottom: 2px solid #DFDFDF; margin-bottom: 15px; } */
 #survey_form_id .opContainer > .checkbox a { margin: 0 80px 0 0px ; font-size: 13px;}  
#survey_form_id .editOption .editable { color: #4B6478; font-size: 14px; line-height: 20px;}
#survey_form_id .answerDiv .opContainer { margin-top: 20px;}
#survey_form_id .answerDiv { padding-left: 60px !important; padding-right: 60px; text-align: left;}
/* #survey_form_id .myQuestion:hover { background: none !important;} */
 #survey_form_id .myQuestion .controls { margin: 20px 0 20px 50px;} 
#survey_form_id .myQuestion .controls button.btn { font-size: 14px; line-height: 20px; font-weight: 700; margin-left: 0; padding: 10px 0;}
/* #survey_form_id .optionalQuestion { position: initial; padding-left: 10px;} */
#survey_form_id .editOption .editable {width: auto;}
#survey_form_id li.optionalClass .controls {margin-left: 0;}
/* #survey_form_id  .opContainer > .checkbox .fa-close, #survey_form_id  .feedbackCategoryViewTable i.removeFeedbackCategory { font-size: 14px;} */
#survey_form_id li.optionalClass { padding: 0 60px 60px 60px !important;}
/* #survey_form_id  #survey-builder-container ul.questionsContainer li.myQuestion:hover .gray_bar { background: none; display: none;} */
#survey_form_id .starRating10:not(old) { width: 18em !important;    margin: 0;}
#survey_form_id .starRating:not(old) { width: 7.5em; }
#survey_form_id .myQuestion input { height: 40px; border: 1px solid #ced4da; border-radius: 0px; color: #4B6478; margin-left: 0 !important; width: 100%;}
#survey_form_id .myQuestion select { height: 40px; border: 1px solid #ced4da; border-radius: 0px; color: #4B6478; width: 100%;}
#survey_form_id .answerDiv .col-md-12 .col-md-2 { margin-left: 0 !important; padding-left: 0 !important;}
#survey_form_id .answerDiv .inner-slider { margin-left: 0;  width: 500px; margin-right: 30px;}
#survey_form_id .inner-slider input[type="range"] { background: rgba(119, 179, 43, 0.2); border-radius: 20px; margin-left: 20px !important; height: auto; min-height: auto;}
#survey_form_id .slider-div { display: flex; width: calc(100% - 200px);}
#survey_form_id .slider-div  #slider_value { margin-top: 0; padding-left: 0; width: calc(100% - 500px); padding: 10px;}
#survey_form_id .answerDiv .inner-slider .tooltips.slider_min , #survey_form_id .answerDiv .inner-slider .tooltips.slider_max {color: #4B6478; font-weight: 600; font-size: 14px; line-height: 21px;}
#survey_form_id .file_extention , #survey_form_id .file_action {margin-left: 0 !important;}
#survey_form_id .md-checkbox label { color: #4B6478; font-size: 14px; line-height: 20px; margin: 0;}
#survey_form_id .md-checkbox.df-checkbox.multiple_file { margin-top: 15px !important;}
#survey_form_id .file_extention, #survey_form_id .file_action .md-radio:first-child label {min-width: 170px; padding-top: 15px;}
#survey_form_id .md-radio label > .box , #survey_form_id .md-radio input[type="radio"]:checked ~ label > .check { /*margin-top: 15px;*/}
#survey_form_id .questionclass { display: flex; margin-bottom: 5px; margin-top: 10px;}
#survey_form_id .tooltipclass { margin-top: 10px;}
#survey_form_id .myQuestion input[type="radio"] { width: auto !important; }
#survey_form_id .myQuestion input[type="checkbox"] { width: auto !important; border: none !important;height: auto; min-height: auto;}
/*#survey_form_id .myQuestion .form-control.file_upload {padding-top: 11px;}*/
#survey_form_id li.optionalClass .addSelectVal { margin-left: 0;}
#survey_form_id li.optionalClass .answerDiv { margin-left: 0;}
#survey_form_id .submit_div { float: right;margin-bottom: 50px;}
#survey_form_id .description_form input[type="file"] { border: 1px solid #4B6478; border-radius: 6px; padding: 6px ;}
#survey_form_id .description_form label { font-size: 14px; line-height: 20px; }
#survey_form_id .description_form .cke_editable { min-height: 150px !important; border-radius: 6px; }
#survey_form_id .form-group.form-md-line-input { margin: 0 0 20px 0; padding-top: 0; width: 100%;}
#survey_form_id .description_form  {padding-top: 20px;}
/*#survey_form_id .optionTitleCls { margin-top: 20px;}*/
#survey_form_id #sectionBtn { background: #788E9F;}
#survey_form_id .modal-body { margin-left:4% !important;}
#survey_form_id .tfooter { padding:0;width:100%;text-align: center;}
#survey_form_id .sectionCls {margin-top:0px !important;}
.answerDiv .file_extention .md-checkbox.df-checkbox { margin-right: 20px; padding-bottom: 15px; border-bottom: 2px solid #F4F4F4;}
.answerDiv .file_extention > label.tooltips {font-weight: 700; font-size: 14px; line-height: 20px;}
.answerDiv .file_action .md-radio > label { font-weight: 400; font-size: 14px; line-height: 20px;  color: #4B6478;}
.answerDiv .file_action .md-radio:first-child { margin-right: 15px;}
.answerDiv .file_action .md-radio { top: 15px;}
.previewsTemp .tqdetails img , .previewsTemp .tfooter img  { width: auto; height: auto; max-width: 900px; max-height: 220px; margin-bottom: 20px;}
#previewInfoModal .tqdetails p , #previewInfoModal .tfooter p { text-align: justify; margin: 0; padding: 0; line-height: 30px;}
#previewInfoModal #footerPreview { max-width: 300px; max-height: 300px; width: auto; height: auto;}
.description_form #footerPreview { max-width: 300px; max-height: 300px; width: auto; height: auto;} 
#previewInfoModal .tmaincovercontainer { padding-bottom: 0;}
#previewInfoModal ul.questionsContainer li.myQuestion { margin-top: 0 !important; padding-bottom: 30px !important;}
#previewInfoModal .tmaincover .evsubmitbutton, .tfooter { padding-top: 0 !important; padding-bottom: 10px !important; }
#previewInfoModal label.questionSectionLable span.editable { padding-bottom: 10px;}
#previewInfoModal #feedbackFormName { margin-top: 0;}
ul.questionsContainer li.myQuestion { padding: 10px 0 20px 20px;margin-bottom: 0px !important;}
#tab_detail_info .name.headerContent img {max-width: 300px; max-height: 250px; width: auto; height: auto;}
.evsubmitbutton.tfooter .btn.btn-flat.btn-round.feedbackTriggerSubmit { margin-top: 15px;}
.img_div img{ 
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 220px;
    margin-bottom: 20px;
 }
.img_div { text-align:center !important; }
.select_time_date{padding-left: 10px;}
.select_date{padding-left: 10px;}
.img_size{margin-left: 10px;font-weight: bold;}

@media screen and (min-width:1200px) and (max-width:1366px) { 
    #survey_form_id .answerDiv .opContainer { margin-top: 25px; }
    #survey_form_id .questionIndex {min-width: 30px; min-height: 30px;}
    #survey_form_id .editOption .editable input { max-width: 160px !important;}
}

.required-field{padding-right: 5px;}
#survey_form_id label.questionLable span.editable{border-bottom: none !important;}
.note_cls{    margin-left: 20px;margin-top: -40px;}
.no-arrows::-webkit-inner-spin-button,
.no-arrows::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.no-arrows::-moz-number-spinners {
  display: none;
}
.checkbox .md-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.checkbox .md-checkbox[type="checkbox"]{    height: auto;}
#allownumericwithdecimal, .file_upload, .select_date{width:40% !important}
#survey_form_id .questionSectionLable span.editable {
    width: 90%;color:#000;}
#survey_form_id .questionSectionLable{font-size:20px;font-weight:bold;margin-left: -7px}
#survey_form_id .questionIndex {
    float: left;
    margin-right: 4px;
    background-color: #7ab72e;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding-top: 0;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    position: relative;
    top: -4px;
}
#survey_form_id .md-checkbox.df-checkbox {
    margin-top: 0px !important; 
    margin-left: 10px;
}

#survey_form_id input[type="range"] {
  -webkit-appearance: none;
  margin-right: 15px;
  width: 100%;
  height: 10px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  background-size: 50% 100%;
  background-repeat: no-repeat;
}

#survey_form_id input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #65aa2a;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
}

#survey_form_id input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
#survey_form_id .fa-trash-o:before{color:red;}
/*#survey_form_id .optionTitleCls{margin-bottom:20px;}*/
#survey_form_id .optionTitle span{
    font-weight: bold;
}
#survey_form_id .questionclass{margin-left: -20px;}
#survey_form_id .questionTooltip{width: 100%;vertical-align: middle;}
#survey_form_id .new-question-btn{float:right;margin-left:10px;}
#survey_form_id .optional_option{position: static;color: #4B6478;font-size: 14px;}
#survey_form_id .optionalQuestion{display: inline-block; position: absolute; right: 105px; bottom: 10px; padding: 0px; z-index: 9999;}
#survey_form_id .optional_plus_icon{font-size: 24px; line-height: 24px;color: #77b32b;}
#survey_form_id .belowQuestion{display: inline-block; position: absolute; right: 105px; bottom: 10px; padding: 0px; z-index: 9999;}
#survey_form_id .slider-div{display: flex;width: 100%;}
#survey_form_id .inner-slider{display:flex;align-items: center;margin-top: 0;margin-left: -20px;}
#survey_form_id .file_upload{width: 26%;margin-left: -20px;}
#survey_form_id .file_extention{margin-top: 15px;margin-left: -21px;margin-bottom:20px;}
#survey_form_id .file_action{display:inline-flex;width:75%;margin-left: -22px;}
#survey_form_id .tfooter p {width:100%}
#survey_form_id .tqdetails p {width:100%}
#survey_form_id li.optionalClass{padding-left: 80px !important;padding-right: 80px !important; padding-bottom: 10px !important;padding-top: 10px !important;}
#survey_form_id .tool_tip {margin-left:10px;margin-top:4px;}
#person_details{margin-left:-10px !important;}
#survey_form_id #surveyTitle{padding: 0px !important;min-height: 30px;}
#survey_form_id .approveCls{border: none !important;}
#survey_form_id .questionclass .editable{display: flex;}
#survey_form_id .approvechk{margin-left:10px;}
#view_form_modal .blockElement{width:100px !important;top: 50% !important;right: 0px !important;left: 0px !important;margin:auto !important;}
#survey_form_id #surveyTitle {min-height: 40px !important;}
#view_form_modal .modal-title{font-weight: bold !important;}
#survey_form_id .header_info{margin-bottom: 10px;font-weight: bold;}
#survey_form_id .report_title{font-weight: bold;}
#survey_form_id .organization_name{margin-left:10px;}
#survey_form_id .view_document{margin-left: 10px;}
#survey_form_id .send_file_reminder{float: right;margin-top: -20px;margin-right: 40px;}
#survey_form_id .img_upload_div {
    margin-right: 10px;
    width: 23%;
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
}
#survey_form_id.image_display {
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
}
#survey_form_id .img_upload_div img{margin-bottom: 10px;}
#survey_form_id .img_delete{text-align: center;}
#survey_form_id .download-link{margin-right:10px;}
#survey_form_id label.questionLable span.editable{border-bottom: none !important;}
.starRating [type="radio"]:not(:checked) + label:before{border:none !important;}
.starRating [type="radio"]:checked + label:before{border:none !important;}
#slider_value{width:33%}
.starRating [type="radio"]:checked + label:after { display: none !important;}
.view_document{color:#2fc62f}
#view_form_modal .modal-header button.close {
    min-width: auto !important;
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
    z-index: 1;
}
#view_form_modal .modal-header{
    border-bottom: none !important;
    min-height: auto;
    padding: 0 !important;
    display: flex;
    position: relative;
}
#survey_form_id #surveyTitle{text-align: center;
    margin-top: -15px;
    min-height: auto !important;
    padding: 30px !important;
    display: flex;
    margin-bottom: 20px;}
#survey_form_id .starRating [type="radio"]:checked + label:before, #survey_form_id .starRating [type="radio"]:not(:checked) + label:before { left:3px;top:-1px; }
#survey_form_id .tqdetails p{text-align: center;}
.err_msg_class{text-align: left;}
.datetimepicker td {text-align: center;width: 30px; height: 30px;} 
.datetimepicker th {text-align: center;width: 30px; height: 30px;}
#survey_form_id .answerDiv .inner-slider {    width: calc(100% - 250px);}
#survey_form_id .submit_div {   float: right;   margin-bottom: 0;   padding: 20px;}
#survey_form_id .col-md-6.questionclass { max-width: 100%; }
#survey_form_id .myQuestion input {font-size: 14px;}
#survey_form_id .myQuestion select {font-size: 14px;}
.datetimepicker td {
    text-align: center;
    width: 30px !important;
    height: 30px !important;
}
.appliation_form_id{
    cursor: pointer;
    position: absolute;
    right: 10px;
}
.detail_icon{font-size: 1.4em;}
.participant_cls{margin-top: 10px;margin-bottom: 7px;color: #5B6A77;font-weight: bold;}
.list_cls{font-size: 13px;width:91%}
#survey_form_id .err_msg_class {
    text-align: left;
    margin-left: 60px;
}
#survey_form_id .form-group .form-control { border-radius: 0;}
.optionTitleCls{height:1px;}
#survey_form_id textarea{font-size: 14px;color: #4B6478;}
.app_form_link{cursor: pointer;padding-left: 2px;padding-right: 0px;line-height: 20px;}