body { background:#fff; }

.sv-container-modern,
.sd-btn
 {  font-family: 'Poppins', sans-serif; }

#poll-survey-section-questions.box { padding:0!important; }

:root {
--font-family: Raleway; { font-family: 'Poppins', sans-serif;  }
}

main { margin-top:0px;  }
._main:after { background:#888; content:""; position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; opacity:0.9; }
#poll { padding: 0 0 1rem 0; }
.standalone #poll { padding-top:55px;  }
#poll .header-section { height:auto; padding:25px 0 20px 0; width:100%; text-align:center; color:#fff;  }
#poll h1 { margin:0 1rem;  display:inline-block; font-size:2rem; line-height:1.5; }
#poll h2 { line-height:1.5;   }  
#poll .big-h { margin-top:30px; }
#poll .box { box-shadow: 0 5px 30px -15px rgba(0,0,0,0.3); background:#fff; padding:1rem 0; margin:1rem 0;  border-radius:8px; margin-bottom:2rem; overflow:hidden; }
#poll .box.padding { padding:4%;  }
#poll-desc { margin-bottom:2rem; }
#poll-welcome-section {  text-align:center; margin-top:25px; }
#poll-survey-section { display:none;    }
#poll-personal-data-section  { margin:25px 0; }
#first-step-section label { font-weight:600; }
#poll .terms-section { margin-bottom:5px; }
#poll .clause-content { max-height: 150px; font-size: 0.8rem; line-height: 150%; overflow: auto; } 

/* Geoankieta */
#poll.geo { padding:55px 0 0 0; }
#poll.geo #poll-survey-section { margin-top:-15px;}
#container-geo { display:none; }
#container-geo #poll-survey-section,
#container-geo #poll-survey-section-questions,
#container-geo #poll-survey-section-questions .row,
#container-geo #poll-survey-section-questions .row > div
{ height:100%; }

#container-geo #poll-survey-section-questions .col-form { background:#f3f3f3; padding:0 0 0 15px; overflow:auto;     box-shadow: 0 0 30px rgba(0, 0, 0, .1);  z-index: 9; }
#container-geo .sd-page { padding:0 15px;}
#container-geo .sd-completedpage { background: none; height: 85vh; display: flex; justify-content: center; }

.invalid-feedback.db { display:block;}

.poll-form-container { max-width:810px; margin:auto; }

@media (max-width: 575px) { #poll-personal-data-section .col-form-label { text-align:left!important;  } } 

h4, h5 { font-weight:500; }

#comment-section h2 { font-size:1.5rem; }
#comment-section h3 { font-size:1.2rem; }
#comment-section .block {  border:2px solid #fff; padding:2px 6px; border-radius:4px; transition:all .15s linear;  margin:0px; width:100%; }
#comment-section .block:hover {  border:2px solid #b8daff; cursor:pointer;  background:#e3fcff; }
#comment-section .comment { color:#888; margin:0 5px 15px 5px; display:block; cursor:pointer; }

#comment-section .alert { margin:25px 0 0 0; background:#daf3ff;   }

#comment-section .alert:after, #comment-section .alert:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #daf3ff;
    top: -12px;
    content: '';
    left: 40px;
    margin-left: -20px;
}

#comment-section .alert:before {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid;
    border-bottom-color: inherit; /* Can't be included in the shorthand to work */
    top: -13px;
    margin-left: -21px;
}

#comment-section .alert.status-1  { background:#d4edda; }
#comment-section .alert.status-2  { background:#daf3ff; }
#comment-section .alert.status-3  { background:#f8d7da; }

#comment-section .alert.status-1:after, #comment-section .alert.status-1:before { border-bottom-color: #d4edda;  }
#comment-section .alert.status-2:after, #comment-section .alert.status-2:before { border-bottom-color: #daf3ff; }
#comment-section .alert.status-3:after, #comment-section .alert.status-3:before { border-bottom-color: #f8d7da;  }

#comment-section .border-status-1  { border: 2px solid #d4edda; margin:5px 0; padding: 12px; }
#comment-section .border-status-2  { border: 2px solid #daf3ff; margin:5px 0; padding: 12px; }
#comment-section .border-status-3  { border: 2px solid #f8d7da; margin:5px 0; padding: 12px; }

#document-comments-status label {   }
#document-comments-status legend { font-size:1rem;  }
#document-comments-status .ico { width:25px; margin:0 11px; position:relative; z-index:2; font-size: 18px; }
#document-comments-status .icon-wrapper { position:relative; display:inline-block; line-height: 34px; }
#document-comments-status .icon-wrapper:after { width:30px; height:30px; position:absolute; left:6px; top:2px; content:""; background:#eee; border-radius:50%; }
#document-comments-status .pos .icon-wrapper:after { background:#d4edda; }
#document-comments-status .neg .icon-wrapper:after { background:#f8d7da; }
#document-comments-status .neg .ico  {  top:0px;  }
#document-comments-status .neu .ico  {  top:1px; left:0px;  }
#document-comments-status .neu .icon-wrapper:after { background:#daf3ff; }
#document-comments-status .form-check-inline { margin-right:30px;}


@media (min-width: 1300px) { #poll > .container { min-width:1270px; } }
@media (min-width: 1400px) { #poll > .container { min-width:1370px; } }

#personal-data-errors { color:#dd0000; font-size:1.2rem; font-family: 'Spartan', sans-serif;  font-weight:600;  margin:2rem 0; text-align:center; display:none; }

#poll .info { text-align:center; font-size:1.4rem; margin:4rem 0 1rem 0; font-weight:600;}

._sv-footer__complete-btn { display:none!important;  }
.sv-completedpage::before { background:none; }
.sv-root-modern .sv-completedpage { background:#fff!important; color:#000!important;  white-space: pre-line; height:auto;  }

#first-step-section .col-form-label { text-align:right; }

.sv-footer > .sv-btn.sv-footer__complete-btn { margin:auto; float:none; display:block; }

/* Survey js */

.sv-root-modern .sv-question__title--error { background-color: rgba(230, 0, 0, 0.12)!important; }  
.sv-root-modern .sv-checkbox--allowhover:hover .sv-checkbox__svg { background-color: #eee!important; fill: none!important; } 



.sv-boolean__switch,
.sv-root-modern .sv-checkbox--checked .sv-checkbox__svg
 { background-color:var(--dark)!important; }


.sv-boolean--indeterminate .sv-boolean__switch { background-color:var(--light)!important; }



.sv-root-modern .sv-radio__svg,
.sv-root-modern .sv-checkbox__svg { border-color:var(--dark)!important; }
.sv-root-modern .sv-radio--allowhover:hover .sv-radio__svg
 { fill:var(--dark)!important; }

.sv-text { border-color:#ccc!important; }
.sv-root-modern .sv-text:focus { border-color:var(--dark)!important;  } 



.sv-question__title { padding:0.8rem; }
.sv-question__erbox { color: #d52901; font-size: 0.9rem;   font-weight: 700; } 
.sv-file__no-file-chosen { display:block; margin: 10px auto 0 auto;  }
.sv-file__wrapper { text-align:center;  }

.sd-element__title .sd-element__num,
.sd-element__title .sv-string-viewer,
.sv-title { font-family: 'Spartan', sans-serif; font-weight: 600; letter-spacing:-0.5px; border-radius:3px; font-size: 1.2rem; line-height:1.7; padding:0px; }
.sv-page__description  { display:inline-block; }


.sv-root-modern .sv-question__title, 
.sv-root-modern .sv-question__title--answer 

{ background-color:var(--light)!important;  }

.sv-root-modern .sv-question__title--error,
.sv-title.sv-question__title,
.sv-title.sv-question__title--answer { padding: 10px 15px 5px 15px;  } 

.sv-question__description {
  margin: 5px 0 15px 0;
  padding-left: 0;
  font-size: 0.9em;
  word-break: break-word;
}

.sv-progress__text { margin:20px; padding:0px; }

.sd-element__title .sd-element__num { padding-right:10px; margin-left:-15px; }

@media (max-width: 766px) { 
#poll h2 { font-size:1.5rem; line-height:1.5;  }  
main { /*margin-top:65px; */}
}

.sv-question__content { margin-left: 0; }
.sv-table__cell--header { padding:15px; text-align:center; }

.select2-container--default .select2-results__option[aria-disabled="true"] { display:none; }

/* 2.0 CSS  */

.sd-header__text .sd-title { color:#000; box-shadow:none; }
.sv-string-viewer { font-family: 'Poppins', sans-serif;  }
h3.sd-title .sv-string-viewer { font-family: 'Spartan', sans-serif;  font-weight:600;  }
.sd-root-modern .sd-container-modern__title .sd-header__text h3 { margin:1rem 0;}
.sd-header__text h5 { color:#666; }
.sd-item__control-label { font-family: 'Poppins', sans-serif;   }
.sd-title.sd-container-modern__title { box-shadow:none;  }
.sd-container-modern { margin-bottom:0;}
.sv-action { margin:auto;}
.sd-completedpage { background:#fff; }
.sd-completedpage::before,
.sd-completedpage::after { height: 100px; }
.sd-body.sd-body--static { max-width:100%; }

.sd-dropdown__value,
.sd-dropdown__filter-string-input,
.sd-input,
.sd-input::-webkit-input-placeholder,
.sd-input:-ms-input-placeholder,
.sd-input:-moz-placeholder,
.sd-input::-moz-placeholder {
    font-family: 'Poppins', sans-serif;
}

body {  

--sjs-font-editorfont-family : 'Poppins';
--font-family : 'Poppins'!important;

}

/* .sv-question .sv-selectbase { white-space:nowrap; text-align:center; } */


/* CUSTOM RESPONSIVE */
/*
.matrix-vert {
    display: none;
  }
@media screen and (max-width: 640px) {
  .sv_q_matrix {
    border: 0;
  }
  .question{
    font-weight:bold;
  }
  .option {
    text-align: left;
  }
    .sv_q_matrix caption {
      font-size: 1.3em;
    }

    .sv_q_matrix thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }

    .sv_q_matrix tr {
      border: 1px solid #ddd !important;
      display: block;
      margin-bottom: .625em;
    }

    .sv_q_matrix td {
      border-bottom: 0;
      display: block;
      text-align: left;
    }

      .sv_q_matrix td::after {
        content: attr(title);
      }

      .sv_q_matrix td:last-child {
        border-bottom: 0;
      }
      .sv_q_matrix td:first-child {
        background-color:#ddd;
        border-bottom: 1px solid #ddd;
      }
      .matrix-vert {
    display: inline;
  }
}
 */


#sms-modal {}
#sms-modal .modal-title { margin:auto; font-size:22px; }
#sms-modal .modal-body { background: #dae9ed; font-weight:500; }
#sms-modal #phone-send-sms-phone { font-size: 24px; letter-spacing: 1px; }
#sms-modal .icon-wrapper { background: #fff;margin: 15px auto;width: 80px;height: 80px;border-radius: 50%;padding: 15px; } 

#poll-verification-sms { max-width:500px; }
#poll-verification-sms .code-input-wrapper { width: 100%;  }
#poll-verification-sms .code-input { display:inline-block; width: 34px; height: 46px;  font-size:26px; padding:5px; text-align:center; margin: 0 1px; } 

@media (min-width: 768px) { 

.sd-table.sd-matrix__table tbody tr:hover td { border-bottom:1px solid #DDD!important; border-top:1px solid #DDD!important; }
}

.btn-after-survey-complete { padding:13px 20px 10px 20px; font-size:12px; font-weight:500; }  

.survey_map_container .gmnoprint[role="menubar"], #geopoll_map_container .gmnoprint[role="menubar"] {
    display: none !important;
}

.survey_map_container .toolbar, #geopoll_map_container .toolbar {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 5px;
    borderRadius: 5px;
    boxShadow: 0px 0px 5px rgba(0,0,0,0.3);
    display: flex;
    gap: 5px;
}

.survey_map_container .toolbar-btn, #geopoll_map_container .toolbar-btn {
    margin: 5px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    background: #fff;
    font-size: 16px;
    transition: 0.2s;
}

survey_map_container .toolbar-btn, #geopoll_map_container .toolbar-btn:focus { 
    border: 1px solid #ccc;
}

.survey_map_container .toolbar-active, #geopoll_map_container .toolbar-active {
    background: #60abd3 !important;
    color: white !important;
    border-color: #60abd3 !important;
    transform: scale(1);
}