/* @import "//fonts.googleapis.com/css?family=Open+Sans%7COswald%7CLato%7CSource+Sans+Pro%7CLobster%7CShadows+Into+Light%7CIndie+Flower%7CGloria+Hallelujah%7CPacifico%7CJosefin+Sans%7CPoiret+One"; */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:,600italic,600&display=swap');
/* @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900italic,900,700italic,700,600italic,600,400italic,&display=swap'); */

/* @font-face {
  font-family: 'source-sans-pro.semibold';
  src: url(../fonts/source-sans-pro.semibold.eot);
  src: url(../fonts/source-sans-pro.semibold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/source-sans-pro.semibold.otf) format('otf'),
       url(../fonts/source-sans-pro.semibold.svg#source-sans-pro.semibold) format('svg'),
       url(../fonts/source-sans-pro.semibold.ttf) format('truetype'),
       url(../fonts/source-sans-pro.semibold.woff) format('woff'),
       url(../fonts/source-sans-pro.semibold.woff2) format('woff2');
} */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Source Sans Pro'; /* Removed important due to dynamic font-family */
  -moz-osx-font-smoothing: grayscale;   /* Firefox */
  -webkit-font-smoothing: antialiased; /* WebKit  */
}

.wrapper-outer .wrapper-to-fix-branding, .include-site-branding .wrapper-to-fix-branding {
  height: calc(100% - 17px) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.wrapper-outer .wrapper-to-fix-branding .wrapper-working-area, .include-site-branding .wrapper-to-fix-branding .wrapper-working-area {
  width: 100%;
}

.thankyou-Scrollbar-auto .tabel-cell a.restart-survey-preview {
  position: relative;
  display: flex;
  flex-direction: column;
  left: 0;
  top: 0!important;
  justify-content: flex-start!important;
  align-items: center;
  margin-left: 0;
  margin-bottom: 8px;
}

.thankyou-Scrollbar-auto .tabel-cell a.restart-survey-preview small {
  border: #000 2px solid;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  text-indent: 2px;
}

.thankyou-Scrollbar-auto .tabel-cell a.restart-survey-preview br {display:none}

@media (max-width: 767px) {

  .table-cell-nps.set-rtl-view tr:nth-child(2){
    flex-direction: row-reverse;
    justify-content: center;
    width: 270px;
    margin: 0px auto;
    flex-wrap:wrap-reverse !important;
  }

  .table-cell-nps tr:nth-child(2){
    width: 270px !important;
    display: block;
    margin: 0px auto;
  }




  .wrapper-working-area .wrapper {
      padding: 0px 10px 0px 10px !important;
    }
    
    .intro-screen article.src-1 {
      height: calc(100% - 0px) !important;
      padding-top: 0px !important;
    }
    
      .intro-screen a.branding-link {
        font-family: inherit;
        font-weight: inherit;
      }
  
    /* .full-web-view .medium-survey-element .field-main-label{margin-bottom:4px !important;} */
    body.full-web-view .field-com-wrapper {
      padding: 1px 0px !important;
      overflow: hidden; /* remove scrolling on bottombar */
    }
    
    .field-choice-input-ele-cont.row.css-gradient-btn.set-rtl-view .css-button {
      margin-bottom: 3px !important;
      margin-left: 3px !important;
    }
    
    .Scrollbar-auto .src-1 .table-cell {
      padding-top:inherit;
    }
    
    .full-web-view .unstacked .mcq-button,
    .full-web-view .unstacked .form-checkbox,
    .full-web-view .unstacked .check-radio .form-radio {
      width: 60%;
    }
    
    .full-web-view .table-rating-scale .picture-rating-choice,.full-web-view .table-rating-scale .picture-rating-choice .picture-rating-box{
      height: 140px !important;
      min-height: 140px !important;
    }

     .table-view-included
      .inner-center-panel.field-com-wrapper
      .table
      tbody
      > tr
      > td.picture-rating-choice {
      margin: 0px 0.8% 0.8% 0.8% !important;
    }
    
    .img-in-list {
      height: 85px !important;
    }
    
    .done-button a,.full-web-view.log-form-mode .done-button a {
      font-size: 15px;
      padding: 10px 5px;
      border-radius: 6px;
      top: 2%;
      min-width: 130px;
    }
    
    .table-cell-nps .mobile-mode-last-help-text td,
    .table-cell-nps .mobile-mode-first-help-text td {
      width: 100% !important;
      margin-bottom: 0px !important;
    }
    
    .div-in-box li {
      float: none;
      width: 32.1% !important;
    }

    .div-in-box.rdo-single-select-options-withbox li,.full-web-view .table-rating-scale .picture-rating-choice{
      width: 48.1% !important;
    }

    .div-in-box.rdo-single-select-options-withbox li p{
       white-space:normal;
    }


    
    .css-option-button .set-rtl-view {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap-reverse;
      justify-content: center;
    }
    
    .table-cell-nps.set-rtl-view tr:nth-child(2) {
      order: 2;
      display: flex !important;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center;
      direction: rtl;
    }
    
    .full-web-view .medium-survey-element .form input[type="text"],
    .full-web-view .medium-survey-element .form textarea[type="text"],
    .full-web-view .medium-survey-element .form select[type="text"] {
      width: 60%;
    }
    
    .inner-center-panel.survey-field-container .rdo-check-option-cont label {
      margin-bottom: 5px;
    }
    
    .survey-field-container.set-4[f-name="picture_rating"]
      table.field-choice-input-ele-cont
      .option-row-cont
      td.picture-rating-choice,
    .survey-field-container.set-3[f-name="picture_rating"]
      table.field-choice-input-ele-cont
      .option-row-cont
      td.picture-rating-choice,
    .survey-field-container.set-2[f-name="picture_rating"]
      table.field-choice-input-ele-cont
      .option-row-cont
      td.picture-rating-choice,
    .survey-field-container.set-5[f-name="picture_rating"]
      table.field-choice-input-ele-cont
      .option-row-cont
      td.picture-rating-choice {
      width: 42.5% !important;
    }
    
    .svgimage svg {
      width: 25px !important;
      height: 25px !important;
    }
    
    #default-site-branding a {
      font-size: 12px;
      text-decoration:underline;
    }

    .site-thankyou-branding #default-site-branding{
      padding:0px;
      /* bottom:11px !important; */
      bottom: 10px !important;
      line-height: 12px;
    }


    .full-web-view .option-text{
      top:4px !important;
    }

    .table-radio-rating .form-radio{padding: 0 6px 3px !important;}
    
    .zfsitebranding {
      margin-left: 30px;
    }
    
    .site-intro-branding #default-site-branding {
      bottom: 0px !important;
    }
    
    .site-survey-branding #default-site-branding {
      bottom: 5px;
    }

  
    /* when navigation is off */
    .widget-navigation-off .wrapper-to-fix-branding{
      height: calc(100% - 0px) !important;
    }
    /* when site branding is coming only */
    .include-site-branding .wrapper-to-fix-branding{
      height: calc(100% - 35px) !important;
    }

    /* firefox scrolling issue */
    .wrapper-to-fix-branding{
      /* padding-right:10px; */
      /* box-sizing: content-box;
      scrollbar-width:6px;
      width:100%;
      height: 100%; */
    }

    .field-choice-input-ele-cont button.css-button{
      margin-bottom:8px;
    }

    .full-web-view .unstacked .adjusting-ui-center-alignment .MiddleContentWrapper{
      height:145px !important;
      width:80%;
    }

    .adjusting-ui-center-alignment .file-camera svg.camera-ques{
      width: 22px;
    }

    .adjusting-ui-center-alignment .file-camera svg.camera-folder-ques{
      width:22px;
    }
     /* change with slideup */
    .full-web-view .medium-survey-element .field-main-label {
      font-size:18px !important;
    }
    
    .field-main-sub-title {
      font-size: 16px !important;
    }
    
    .include-site-branding .intro-screen .Scrollbar-auto {
      height: calc(100% - 35px);
    }
    
    .table-cell-nps td {
      width: 34px !important;
      height: 100%;
      display: inline-block;
      margin: 0px 3px 0px 3px !important;
    }
  
    .table-view-included .inner-center-panel.field-com-wrapper .table.set-rtl-view.table-cell-nps tbody > tr > td{
      padding:0px 0px 6px 0px !important;
      }
      
    .table-view-included .inner-center-panel.field-com-wrapper table.table.table-cell-nps tbody > tr > td{
    padding:0px 0px 6px 0px !important;
    margin:0px 1px 0px 1px !important;
    }

    .rtl-survey .set-rtl-view td.button-rating-choice:last-child{margin-left:0px !important;}

    .mobile-mode-last-help-text span.nps-help-text.bottom.mobile-show-option-symbol{
     top:-5px !important;
     justify-content: flex-end;
     padding-right: 55px!important;
    }

    /* .set-rtl-view .mobile-mode-last-help-text span.nps-help-text.bottom.mobile-show-option-symbol{
      top:-2px !important;
     } */

     .set-rtl-view .mobile-mode-last-help-text span.nps-help-text.bottom.mobile-show-option-symbol{
      top:-0px !important;
      padding-left: 50px!important;
      padding-right: 0!important;
     }

     .field-choice-input-ele-cont.table-simple-symbol.table-rating-scale .mobile-both-option-help tr.option-row-cont{padding-bottom:20px;}

    

    .table-view-included .inner-center-panel.field-com-wrapper .table.table-cell-nps.set-rtl-view tbody > tr > td{
      /* padding:0px 0px 6px 0px !important; */
      margin:0px 3px 0px 3px !important;
      }

    /* help text full width */
    .table-view-included .inner-center-panel.field-com-wrapper .table.table-cell-nps tbody > tr.mobile-mode-first-help-text > td,.table-view-included .inner-center-panel.field-com-wrapper .table.table-cell-nps tbody > tr.mobile-mode-last-help-text > td{
      width:100% !important;
      }
      /* simple case */
      .mobile-mode-last-help-text{
        position: static !important;
      }
    
    .table-cell-nps.square-nps .nps-option label {
      border-radius: 4px !important;
    }
    
    .full-web-view .medium-survey-element ul li,
    .full-web-view .medium-survey-element .form-radio span,
    .full-web-view .medium-survey-element .form-checkbox span,
    span.rdo-withboximage-option-label,
    span.checkbox-withboximage-option-label,
    .full-web-view .medium-survey-element .option-list,
    .full-web-view .medium-survey-element .mcq-button,
    .full-web-view .medium-survey-element .form input[type="text"],
    .full-web-view .medium-survey-element .form textarea[type="text"],
    .full-web-view .medium-survey-element .form select[type="text"],
    .full-web-view .medium-survey-element .ces-button,
    .full-web-view .medium-survey-element .css-button {
      font-size: 14px !important;
      border-radius: 3px;
      /* left: 6px; */
    }
    
    .full-web-view .medium-survey-element .ces-button,
    .full-web-view .medium-survey-element .field-choice-input-ele-cont.row.css-gradient-btn 
    .btn.css-button {
      width: 70px !important;
      height: 36px !important;
      padding: 0px !important;
      line-height: 12px;
      border-radius: 4px !important;
      margin-bottom:3px !important;
      font-size: 13px!important;
      display: inline-block;
    }
    
    .inner-center-panel {
      margin-bottom: 0px !important;
      padding-top:0px;
    }

    .survey-field-container{padding-bottom:0px !important; margin-top: 0!important;} 
    .table-cell-nps label {
      font-size: 14px !important;
      height: 32.84px !important;
      line-height: 32.84px !important;
    }

    .table-cell-nps .nps-option label {
      border-radius: 50%!important;;
    }
    
    /* .field-main-sub-title {
      display: none;
    } */

    /* #IntroScreenBottomText.main-text-item.medium{
      display: none;
    } */
    
    span.error-element{
      font-size: 12px !important;
      padding: 2px 2px 2px 20px !important;
      min-width: 140px !important;
      border-radius: 4px !important;
    }

    span.error-element small {
      margin-right: 5px;
    }
    
    .error-element i.fa.fa-exclamation-triangle {
      left: 4px !important;
      top: 10px !important;
      font-size:14px;
    }
    
    .site-intro-branding #default-site-branding {
      bottom: 10px !important;
      padding: 0px;
    }
    .full-web-view .mcq-button,
    .double-full.full-web-view .mcq-button,
    .full-web-view .form-checkbox,
    .double-full.full-web-view .form-checkbox,
    .full-web-view .check-radio .form-radio,
    .double-full.full-web-view .check-radio .form-radio {
      padding: 5px 10px;
    }
    
    .table-view-included
      .inner-center-panel.field-com-wrapper
      .table
      tbody
      > tr
      > td {
      margin-bottom: 5px;
    }
    
    .loader {
      width: 24px;
      height: 20px;
      display: inline-block;
      position: relative;
      animation: spin 2s linear infinite;
    }
    .loader .box {
      width: 6px;
      height: 6px;
      background: #2bc4f2;
      display: inline-block;
      border-radius: 50%;
      position: relative;
      /* animation: spin 2s linear infinite; */
      top: -6px;
    }
    .loader .box3 {
      top: -12px;
    }
    
    .survey-form-header {
      display: none !important;
      min-height:auto !important;
    }
    .logo.intro-screen-logo {
      display: none !important;
    }
    .site-survey-branding #default-site-branding {
      bottom: 10px;
    }
    
    .zfsitebranding {
      margin-right:2px;
      display: inline-block !important;
      /* margin-left: 10px; */
      margin-left: 0;
      font-size: 12px;
    }
    
    .paging-progress-hidden .intro-screen .language-btn {
      left: 7px !important;
      bottom: 6px;
      width:25px;
      height:25px;
    }

    .paging-progress-hidden.rtl-survey .intro-screen .language-btn {
      left:inherit !important;
      bottom: 6px;
      width:25px;
      height:25px;
      right:7px;
    }
    
    .language-btn a {
      width: 25px !important;
      height: 25px !important;
      top: 0px !important;
      left: 0px !important;
      font-size: 10px !important;
      line-height: 25px !important;
    }
    
    .paging-progress-hidden .language-btn {
      left: 35px !important;
    }
    .log-form-mode.paging-progress-hidden .language-btn {
      left: 7px !important;
    }
    .rtl-survey.log-form-mode .language-btn{right:7px;}
    .rtl-survey.log-form-mode .language-btn a{top:0px !important}
    .wrapper-outer .inner-center-panel .field-com-wrapper h2 {
      text-overflow: ellipsis !important;
      }

    /* .log-form-mode.include-site-branding .wrapper-to-fix-branding{height: calc(100vh - 35px);} */
    .log-form-mode.include-site-branding .wrapper-to-fix-branding, .log-form-mode.widget-navigation-on .wrapper-to-fix-branding {
      height: calc(100vh - 65px)!important;
      margin-top: 20px;
      justify-content: flex-start;
  }

  .log-form-mode.include-site-branding .wrapper-to-fix-branding .inner-center-panel, .log-form-mode .wrapper-to-fix-branding .inner-center-panel {
    margin-bottom: 10px !important;
  }
    
    .inner-center-panel .field-com-wrapper .mcq-btn-option-container button,
    .full-web-view .medium-survey-element .field-main-label,
    .inner-center-panel.survey-field-container .rdo-check-option-cont label{
      margin-bottom: 8px !important;
      border-radius: 4px;
    }
    .full-web-view .mcq-button,
    .double-full.full-web-view .mcq-button,
    .full-web-view .form-checkbox,
    .double-full.full-web-view .form-checkbox,
    .full-web-view .check-radio .form-radio,
    .double-full.full-web-view .check-radio .form-radio,.css-option-button .css-button{
      padding: 5px 10px !important;
    }
    .checkbox-button-label-text,
    .radio-button-label-text {
      padding-left: 24px;
    }
    
    .full-web-view .medium-survey-element .form input[type="text"],
    .full-web-view .medium-survey-element .form textarea[type="text"],
    .full-web-view .medium-survey-element .form select[type="text"] {
      width: 100%;
    }
    
    .full-web-view .form input[type="text"],
    .full-web-view .form textarea[type="text"],
    .full-web-view .form select[type="text"] {
      padding: 5px 10px !important;
    }
    
    .full-web-view .unstacked .mcq-button,
    .full-web-view .unstacked .form-checkbox,
    .full-web-view .unstacked .check-radio .form-radio {
      margin: 0 1% 5px 0 !important;
    }
    
    /* .datepicker-dropdown {
      top: 12px !important;
    } */
    
    .terms-and-condition-container{padding:15px;}
    .option-list{padding:6px 10px;}
    .option-single .option-list:before{top:11px;}
    .option-single .option-list:after{top:0px;}
    
    .thank-you-screen .thankyou-Scrollbar-auto{overflow-x:hidden !important;}
    .rtl-survey .zfsitebranding{margin-left:3px;}

    
    
    
    .thankyou-Scrollbar-auto .content-center{
      height: calc(100vh - 10px) !important;
    }
    
    /* .thankyou-Scrollbar-auto .tabel-cell{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
    } */
    .thankyou-Scrollbar-auto .tabel-cell h1{
      padding:0px !important;
    }
    
    .table-simple-symbol .button-rating-choice button.btn-button-rating{padding:5px 10px;font-size:14px;}
    
    .table-view-included .inner-center-panel.field-com-wrapper .table.table-rating-scale tbody > tr > td{
      padding-bottom:0px !important;
    }

    .set-4[rating-scale-template="button_rating_scale"] .field-choice-input-ele-cont.table-simple-symbol tr td {
      padding-bottom: 10px!important;
      margin: 0!important;
    }

    .rtl-survey .next-screen{
      right:7px !important;
    }
    
    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
  
    .full-web-view .medium-survey-element .field-main-label.heading{
      font-size: 18px !important;
      font-weight: 600;
      margin-bottom:6px !important;
    }
  
    
    .body.full-web-view .field-com-wrapper{
      padding:1px 0px !important;
      overflow: hidden; /* remove scrolling on bottombar */
    }
  
    .div-in-box li p{
      white-space: nowrap;
      padding:2px;
      font-size:14px;
    }
  
    .full-web-view .field-box-picture-choice .field-choice-input-ele-cont .rdo-option-withbox{
      height:160px !important;
      border-radius: 4px;
    }
  
   .set-5 .table-simple-symbol td.button-rating-choice{width:100% !important;}
   .table-simple-symbol td.button-rating-choice{width:100% !important;}
  
   .image-left{height:150px;}
  
  
  .datepicker-dropdown.datepicker-orient-top:before,.datepicker-dropdown.datepicker-orient-top:after,
   .datepicker-dropdown.datepicker-orient-bottom:before,.datepicker-dropdown.datepicker-orient-bottom:after{
    content: none;
   }
  
  .datepicker-dropdown.dropdown-menu{
    font-size:12px;
  }
  
  .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{
    padding:2px !important;
  }
  
  .language_heading{
    padding-bottom:5px;
    margin-bottom:10px;
  }
  
  #LanguageScreenOptions li{
    line-height:28px;
    font-size:12px;
  }
  
  ul#LanguageScreenOptions{
    max-height:185px;
  }
  
  .languageSearch{
    margin-bottom:10px;
  }
  
  .lang-pop-up-outer .modal-body{
    padding:8px;
  }
  
  .radion_common{
    padding-left:10px;
  }
  
  li.radion_common:before{
    width: 4px;
    height: 4px;
    left: 7px;
   margin-top: -3px;
  }
  
  li.radion_common:after{
    left: 4px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
  }
  
  .language-text{
    font-size:18px;
  }
  
  .lang-pop-up-outer .form-control{
    height:30px;
  }
  
  .location-not-found .no-location{
    width:50%;
  }
   ul#LanguageScreenOptions{
    max-height: 140px;
  }
  
  .done-button-wrapper{
    padding:2px 0px 0px 0px;
  }
  
  .medium#IntroScreenUpperText, .medium#IntroScreenStartBtn, .medium#IntroScreenBottomText,  
  .medium#ThankyouScreenBottomText{
    font-size:14px !important;
    line-height:18px;
    padding: 12px 10px 10px 10px;
    font-weight:400;
  }

  .tabel-cell .medium#ThankyouScreenUpperText{
    font-size:14px !important;
    padding:0px 10px !important;
    line-height: 18px;
  }

  .table-view-included .inner-center-panel.field-com-wrapper .table.fix-width-table.table-radio-rating{border-spacing:0px 0px !important;}

  .done-button-wrapper{margin-top:4px;}

  #IntroScreenUpperText{padding:10px !important;}
  .log-form-mode .inner-center-panel.survey-field-container{margin-bottom:10px !important;}
  h3.field-main-sub-title{padding-bottom:10px;}
  .log-form-mode .done-button-wrapper{padding:0px 0px 10px 0px;}
  .log-form-mode .done-button-wrapper .done-button{
    padding-bottom: 0px;
    margin-bottom: 0px !important;
  }

  .inner-center-panel .field-com-wrapper .mcq-btn-option-container button:last-child{margin-bottom:0px !important;}

  .table-view-included .inner-center-panel.field-com-wrapper.field-box-scale-rating .table.table-radio-rating tbody > tr > td:first-child{padding: 0px 0px 5px 0px !important;}

  .thank-you-screen .thankyou-Scrollbar-auto article #ThankyouScreenBottomText, #IntroScreenBottomText.main-text-item,.medium#ThankyouScreenBottomText{padding:7px !important;font-size:14px !important; line-height: 18px;}

  #ThankyouScreenBottomText{margin-top:0px;}

  .table-view-included .inner-center-panel.field-com-wrapper .table.set-rtl-view.table-cell-nps tbody > tr > td{
    padding:0px 0px 6px 0px !important;
  }
  
  .table-view-included .inner-center-panel.field-com-wrapper .table.set-rtl-view.table-cell-nps tbody > tr.mobile-mode-last-help-text > td {
    padding: 0!important;
  }


  .table-view-included .inner-center-panel.field-com-wrapper .table.set-rtl-view.table-cell-nps tbody > tr:nth-child(1) > td span {
    padding-bottom: 0!important;
    padding-left: 0px!important;
    padding-right: 30px!important;
  }
  
  ul#LocationScreenOptions{
    max-height:120px !important;
  }

  /* to make always center of ces and nps for micro */
.left.full-web-view .inner-center-panel .table-cell-nps,.left.full-web-view .inner-center-panel .css-gradient-btn{
  text-align: center;
  }
  /* help text */
  .mobile-mode-first-help-text{
    position: relative !important;
    left: inherit !important;
    bottom: inherit !important;
  }

  /* bottom bar issue by 14.7.2023 */
  .language-btn.survey-language-btn{
  bottom:5px !important;
}
.MiddleContentWrapper .loader-Center{
  display:flex;
  justify-content: center;
  text-align: center;
  margin-top: -15px;
}

.MiddleContentWrapper .loader-Center .loader-clone{
  width:60px;
  height:30px;
}

.set-rtl-view td.button-rating-choice:nth-child(2){
  margin-bottom:8px !important;
}


.table-view-included .inner-center-panel.field-com-wrapper.field-box-nps .table tbody > tr.mobile-mode-last-help-text.set-rtl-view > td:last-child{
  padding: 0px 0px 4px 0px !important;
  }

  .table-cell-nps.set-rtl-view tr:nth-child(3){
    padding-bottom:0px;
    order:1;
  }

  .adjusting-child-ui-center-alignment .table-cell-nps.set-rtl-view tr:nth-child(1) {
    order:3;
    top:-4px;
    position: relative;
    right:0px;
  }

  .include-site-branding .wrapper-to-fix-branding {
    height: calc(100% - 17px) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

/* .include-site-branding .wrapper-to-fix-branding {
  height: calc(100% - 50px) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;  
  align-items: center;
  margin-top: 20px;
} */

.include-site-branding .wrapper-to-fix-branding.ovrflow-content, .widget-navigation-on .wrapper-to-fix-branding.ovrflow-content {
  justify-content: flex-start;
  height: calc(100% - 55px) !important;
  margin-top: 20px;
}

.include-site-branding .wrapper-to-fix-branding  .wrapper-working-area {width: 100%;}

.include-site-branding .wrapper-to-fix-branding  .wrapper-working-area .field-choice-input-ele-cont.table-simple-symbol td.button-rating-choice button.btn-button-rating {
  height: 100%;
  border-radius: 4px;
}

.wrapper-outer .wrapper-to-fix-branding .wrapper .form-checkbox span.un-check {left: 5px; border-radius: 3px;}
.wrapper-outer .wrapper-to-fix-branding .wrapper .form-radio span.un-check {left: 5px; border-radius: 50%; left: 7px;}
.wrapper-outer .wrapper-to-fix-branding .wrapper .form-radio span.choice-option-label.radio-button-label-text {padding-left: 22px;}
/* .wrapper-outer .wrapper-to-fix-branding .wrapper .form-radio span.choice-option-label.radio-button-label-text {padding-left: 10px; font-size: 13px!important; line-height: 13px; top: -1px; position: relative;} */
.wrapper-outer .wrapper-to-fix-branding .wrapper .inner-center-panel .field-choice-input-ele-cont.terms-and-condition-container {
  border-radius: 4px;
}

.wrapper-outer .wrapper-to-fix-branding .wrapper .inner-center-panel .table-radio-rating .form-radio span.mobile-show-option {
  vertical-align: top;
}

.wrapper-outer .wrapper-to-fix-branding .wrapper .inner-center-panel .table.fix-width-table.table-radio-rating label.form-radio span.un-check {
  left: -5px;
  top: -1px;
}
.wrapper-outer .wrapper-to-fix-branding .wrapper .inner-center-panel .table.fix-width-table.table-radio-rating label.form-radio span.mobile-show-option {
  line-height: 23px;
}

.table-view-included .inner-center-panel.field-com-wrapper .table tr:first-child.mobile-mode-first-help-text td span.nps-first-help-text {padding-bottom: 0px!important; justify-content: flex-start; padding-left: 32px!important;}
.table-view-included .inner-center-panel.field-com-wrapper .table tr:last-child.mobile-mode-first-help-text td span.nps-help-text.nps-last-help-text.mobile-show-option-symbol.bottom {justify-content: flex-end; padding-right: 55px!important;} 

.full-web-view .medium-survey-element .option-list {display: flex; align-items: center; justify-content: space-between;}

.language-text {
  width: calc(100% - 10px);
}

.lang-pop-up-outer {
  border-radius: 8px;
  border: none;
}

.lang-pop-up-outer .form-control, .phone-code-top input {
  height: 30px;
  width: calc(100% - 8px);
  border-radius: 4px!important;
}

#LanguageScreenOptions li, #PhoneCodeOptions li {
  line-height: 26px;
  font-size: 13px;
  padding-right: 0!important;
}

.table-simple-symbol.table-rating-scale tr td a {
  height: 42px;
}

}



  .emotion-rating-choice i, .circle-rating-choice i{
    font-size:44px !important;
  }

  .full-web-view .medium-survey-element .form .field-choice-input-ele-cont input.phone-input-first{margin-right:7px !important;}

  
 .full-web-view .field-box-picture-choice .field-choice-input-ele-cont .checkbox-option-withbox{
  height:130px !important;
 }

  

  .rtl-survey .intro-screen .site-intro-branding #default-site-branding{width:100%;}
  .intro-screen .src-1, .thank-you-screen .src-1{overflow-x:hidden;overflow-y:auto;}

  #IntroScreenBottomText{padding-bottom:0px !important;margin-bottom: 0px !important;}
  .large#IntroScreenUpperText, .large#IntroScreenStartBtn, .large#IntroScreenBottomText, .large#ThankyouScreenUpperText, .large#ThankyouScreenBottomText{
    padding:10px;
    font-size:14px !important;
  }

  .full-web-view .unstacked .mcq-button, .full-web-view .unstacked .form-checkbox, .full-web-view .unstacked .check-radio .form-radio{
    width:100%;
    border-radius: 4px;
  }

  .full-web-view .ranking-option-list{
    width:100%;
  }
  
  
  ul#LocationScreenOptions li{
    line-height:28px;
    font-size: 14px;
  }

  .full-web-view .table-rating-scale .picture-rating-choice p.choice-option-label{font-size:14px;}
  
  .set-rtl-view td.button-rating-choice:nth-child(2){margin:unset !important;}
  
  .locationSearch{
    margin-bottom:10px;
  }
  
  h2.location-image .icon-svg{
    top:2px;left:0px;
  }
  
  figure.logo.thankyou-screen-logo{
    display:none;
  }
  
  
  h2.language_heading .icon-svg {
    width: 22px;
    height: 22px;
    position: absolute;
    left: -4px;
    top:0px;
  }

  .log-form-mode .done-button{margin-bottom:5px;}
  
  
  
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  ::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #cecece;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #cecece;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
  }
  ::-webkit-scrollbar-track {
    /* border-radius: 5px; */
    box-shadow: none;
    border: 0;
  }
  
  
  .language_heading{
    padding-bottom:5px;
    margin-bottom:10px;
  }
  
  #LanguageScreenOptions li,#PhoneCodeOptions li{
    line-height:28px;
    font-size:14px;
    padding-right: 0!important;
  }
  
  ul#LanguageScreenOptions, ul#PhoneCodeOptions{
    max-height:140px;
  }
  
  .languageSearch{
    margin-bottom:10px;
  }
  
  .lang-pop-up-outer .modal-body,.phone-codes-pop-up-outer .modal-body{
    padding:8px;
  }

  .phone-code-top input.form-control{margin-bottom:10px;}
  
  .radion_common{
    padding-left:10px;
  }
  
  li.radion_common:before{
    width: 4px;
    height: 4px;
    left: 7px;
   margin-top: -3px;
  }
  
  li.radion_common:after{
    left: 4px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
  }
  
  .language-text{
    font-size:18px;
    margin: 0px;
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
  
  .lang-pop-up-outer .form-control,.phone-code-top input{
    height:30px;
  }

  .phone-code-top li.radion_common a span{top: 0px;}
  #PhoneCodeOptions li a::before{top:-4px;}
  .rtl-survey #PhoneCodeOptions li a::before{right:-22px;}
  #PhoneCodeOptions li{padding-left:22px;}
  .rtl-survey #PhoneCodeOptions li{padding-right:55px !important;}
  .rtl-survey li.radion_common:before{right:24px;}
  li.radion_common:hover:before{background:none;}
  .rtl-survey .language-text i{top:1px;}
  .rtl-survey .intro-screen .Scrollbar-auto{overflow-x:hidden;}
  
  .location-not-found .no-location{
    width:50%;
  }
  
  /* arabic-solves */
 .rtl-survey .language-btn a{
    top:0px !important;
    right:0px !important;
  }

  .rtl-survey .language-btn{right:35px !important;}
  .rtl-survey .language-btn.survey-language-btn{bottom:9px !important;}
  .language-btn{width:25px;height:26px;}


 .rtl-survey #default-site-branding{
    direction: ltr;
  }
 .rtl-survey .checkbox-button-label-text,.rtl-survey .radio-button-label-text {padding-left:0px;padding-right:24px;}


 .survey-field-container[f-name="legalTerm"] .radio-button-label-text{padding-left:0px;}
 .rtl-survey .survey-field-container[f-name="legalTerm"] .radio-button-label-text{padding-right:0px;}


 /* .rtl-survey .checkbox-button-label-text,.rtl-survey .radio-button-label-text {padding-left:0px;padding-right:24px;} */

 .field-box-legal .rtl-survey .radio-button-label-text{padding-right:0px !important;}

 .rtl-survey .table-view-included .inner-center-panel.field-com-wrapper.field-box-scale-rating .table tbody > tr > td:first-child{font-size:14px !important;margin-right:0px;margin-bottom:0px;padding-right:12px !important;}

 .medium-survey-element .form-radio > input + .un-check{
   width:14px;
   height:14px;
 }
 .form-radio .un-check:before{
   width:6px;
   height:6px;
 }

 .check-radio .form-radio .un-check:after{width:6px;height:6px;border-radius:50%;}
  .table-radio-rating tr td .mobile-show-option{padding-left:4px;}

 .nps-help-text.top.mobile-show-option-symbol,.nps-help-text.mobile-show-option-symbol.bottom,.mobile-mode-first-help-text,.mobile-mode-last-help-text{display: flex;justify-content: center;align-items: center;}

 .table-view-included .inner-center-panel.field-com-wrapper.field-box-nps .table tbody > tr.mobile-mode-first-help-text > td:last-child{
  padding: 0px 0px 6px 0px !important;
  }

  .table-view-included .inner-center-panel.field-com-wrapper.field-box-nps .table tbody > tr.mobile-mode-first-help-text > td:last-child{
    padding: 0px 0px 6px 0px !important;
    }
  
 


 .fix-width-table.table-radio-rating td.option-text{
  display:block;width:100%;
 }
 .table.table-radio-rating tbody > tr {padding-bottom:0px;}
 /* .table.table-radio-rating tbody > tr > td{display:inline-block;width:auto;vertical-align: unset;padding-right:10px !important;} */
 .table-view-included .inner-center-panel.field-com-wrapper .table.table-radio-rating tbody > tr > td{padding-bottom:0px !important;margin:0px;padding-right:10px !important;padding-left:3px;}

 .rtl-survey .table-view-included .inner-center-panel.field-com-wrapper .table.table-radio-rating tbody > tr > td{padding-right:8px !important;text-align: right;}



 .table-view-included .inner-center-panel.field-com-wrapper.field-box-scale-rating .table.table-radio-rating tbody > tr{padding-bottom:10px !important;}
 .table.table-radio-rating tbody > tr > td:first-child{
   margin-bottom:-5px;
 }
 .table-view-included .inner-center-panel.field-com-wrapper .table.fix-width-table.table-radio-rating tbody tr td:first-child {
  font-size: 18px!important;
}
 .full-web-view .field-choice-input-ele-cont.mcq-btn-option-container .mcq-button{height:inherit;justify-content: center;align-items: center;}

 .log-form-mode .inner-center-panel.survey-field-container{margin-bottom:10px;}
 .log-form-mode .done-button-wrapper{margin-top:10px !important;}
 .medium-survey-element .table-simple-symbol svg{padding:0 3px;width:44px !important;margin:0}
 .form textarea[type="text"]{min-height:40px;}
 .inner-center-panel textarea.textarea-bg{margin-bottom:0px !important;}
 .log-form-mode .inner-center-panel textarea.textarea-bg{margin-bottom:0px !important;}

 .full-web-view .inner-center-panel .field-choice-input-ele-cont .phone-input-second{
   width:80% !important;
 }
.fa-play-circle-o{  
  font-size:22px !important;
}
 a.restart-survey-preview{
  top:-5px !important;
 }


 .thankyou-Scrollbar-auto .content-center{padding-top:10px !important;}

 .include-site-branding .thank-you-screen .thankyou-Scrollbar-auto{
  padding-top: 0px;
  height: inherit;
 }

 .include-site-branding .thankyou-Scrollbar-auto .content-center{height:calc(100vh - 30px) !important;}

.full-web-view .unstacked .MiddleContentWrapper {
  height: 226px !important;
}

.inner-center-panel h2 {
  font-weight: 600 !important;
}

.thankyou-Scrollbar-auto .tabel-cell a.restart-survey-preview {
  position: relative;
  display: flex;
  flex-direction: column;
  left: 0;
  top: 0!important;
  justify-content: flex-start!important;
  align-items: center;
  margin-left: 0;
  margin-bottom: 8px;
}

.thankyou-Scrollbar-auto .tabel-cell a.restart-survey-preview small {
  border: #000 2px solid;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  text-indent: 2px;
}

.thankyou-Scrollbar-auto .tabel-cell a.restart-survey-preview br {display:none}

.log-form-mode .wrapper-outer .wrapper-to-fix-branding {
  height: calc(100% - 35px) !important;
  margin-top: 20px;
  justify-content: flex-start !important;
}

.log-form-mode.include-site-branding .wrapper-outer .wrapper-to-fix-branding {
  height: calc(100% - 65px) !important;
}



 


 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape){
    .overflow-issue{
      min-height:200px;
    }
    
  }
  
  @media only screen and (min-device-width: 375px) and (max-device-width: 950px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    /* .wrapper-working-area .wrapper > div{
      margin-top:55px;
    } */
  }
  
  @media screen and (max-height:270px){
    /* .Scrollbar-auto .src-1 .table-cell{
      padding-top:5px;
      display: flex;
      flex-direction: column;
      align-items: center;
      min-height: 234px;
      justify-content: center;
    } */
    .Scrollbar-auto .src-1 .table-cell {
      padding-top: 5px;
      /* display: flex; */
      flex-direction: column;
      align-items: center;
      min-height: auto;
      justify-content: center;
      height: calc(100%);
  }
    }