@media screen and (max-width: 1024px) {
  #index .boxindex_login {
    height: 100vh;
  }

  .wrapper-box-admin {
    display: none !important;
  }

  .boxoverview_search2 {
    margin-top: 3.5em;
  }

  .text_month {
    margin-top: 2em;
  }

  #tab-listmenu .items-head {
    flex: 100%;
    margin-bottom: 0.5em;
  }
}

@media screen and (max-width: 768px) {
  #index .boxindex_login .bg-left {
    display: none;
  }
  #index .boxindex_loginform #login_admin {
    margin-top: 50%;
  }

  .wrapper-logo {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (max-width: 426px) {
  #index .boxindex_login .bg-left {
    display: none;
  }
  #index .boxindex_loginform #login_admin {
    margin-top: 90%;
  }

  #index .bg-logincover {
    display: none;
  }

  #index .box_inputlogin {
    padding: 30px !important;
  }

  .boxoverview_search2 {
    margin: 3.5rem 0;
  }

  #tab-listmenu {
    padding: 0;
  }

  #tab-listmenu li {
    flex: 100%;
  }

  #tab-listmenu .nav-link {
    padding: 0.5rem 0;
  }
}

@media screen and (max-width: 376px) {
  #index .boxindex_loginform #login_admin {
    padding: 0;
    margin-top: 100%;
  }
}

@media screen and (max-width: 320px) {
  #index .boxindex_loginform #login_admin {
    padding: 0;
    margin-top: 120%;
  }
}

@media screen and (max-width: 1440px) {
  #check:checked ~ .sidebar,
  #check:checked ~ label {
    left: -165px;
  }
  #check:checked ~ .sidebar a {
    margin-left: 85px;
  }
  #home .selectwrap {
    width: 75% !important;
  }
  #home .content .box_sathome .box_btn {
    right: 25px;
  }
  #home .content .box_npshome .box_btn {
    right: 25px;
  }
  #home .content .box_npsdetailhome .box_btn {
    right: 25px;
  }

  #index .box_banner_login .title_smalllogin {
    font-size: 35px;
  }

  #index .box_banner_login .title_biglogin {
    font-size: 60px;
  }
}

@media screen and (max-width: 1024px) {
  #home .selectwrap {
    width: 100% !important;
  }
  .text-hidden-mobile {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .text-hidden-mobile {
    display: inline-block;
  }
  .sidebar {
    display: none;
  }
  .sidebar a {
    color: var(--whites);
  }
  .mobile_nav_items .active-menu {
    color: var(--whites);
  }
  .mobile_nav_items a {
    color: var(--whites);
  }
  .mobile_nav_items a:hover {
    color: var(--whites);
  }
  #sidebar_btn {
    display: none;
  }
  .content {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    padding: 60px 20px;
    -webkit-transition: 0s;
    transition: 0s;
  }
  #check:checked ~ .content {
    margin-left: 0;
  }
  .mobile_nav {
    display: block;
    width: 100%;
  }
  .nav_bar .nav_btn {
    color: var(--text);
    font-size: 26px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-property: color;
    transition-property: color;
    margin-left: 30px;
    position: relative;
    top: 7px;
  }
  /* .nav_bar .nav_btn:hover {
    color: var(--whites);
  } */

 .text-menus{
   display: none;
 }
  .mobile_nav_items {
    background: var(--z2a2b3d);
    display: none;
    margin-top: 20px;
  }
  .mobile_nav_items a {
    color: var(--text);
    display: block;
    text-align: center;
    letter-spacing: 1px;
    line-height: 60px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-property: background;
    transition-property: background;
  }
  .mobile_nav_items a:hover {
    background: var(--reds);
  }
  .mobile_nav_items i {
    padding-right: 10px;
  }
  .active {
    display: block;
  }
  label .text-menus {
    position: absolute;
  }
  #chart_sathome {
    margin-top: 4em;
  }
  #chart_npshome {
    margin-top: 4em;
  }
  #chart_npsdetailhome {
    margin-top: 4em;
  }
  #home .selectwrap {
    margin-bottom: 1em;
    margin-left: 25px;
  }
  #home .box_btn .btn_searchhome {
    margin-left: 25px;
  }

  #comments_page .box_contenttab .box_detailtab .choice_detail {
    text-align: left;
  }
}

@media screen and (max-width: 426px) {
  .content {
    padding: 40px 10px;
  }
  #home .selectwrap {
    width: 100% !important;
    margin-left: 0;
  }
  #home .box_btn .btn_searchhome {
    margin-left: 0;
  }
  #home .wrapper-box-admin {
    display: none;
  }
  #home .content .box_sathome .box_btn {
    right: 0;
    margin-left: 0;
  }
  #home .content .box_sathome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #home .content .box_npshome .box_btn {
    right: 0;
    margin-left: 0;
  }
  #home .content .box_npshome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #home .content .box_npsdetailhome .box_btn {
    right: 0;
    margin-left: 0;
  }
  #home .content .box_npsdetailhome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #home .content #chart_sathome {
    margin-top: 4em;
  }
  #home .content #chart_npshome {
    margin-top: 4em;
  }
  #home .content #chart_npsdetailhome {
    margin-top: 4em;
  }
}

@media screen and (max-width: 376px) {
  #home .selectwrap {
    width: 100% !important;
  }
  #home .content .box_sathome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #home .content .box_npshome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #home .content .box_npsdetailhome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  #overview .selectwrap {
    width: 60% !important;
  }
  #overview .boxoverview_search .dropdown-menu.show {
    inset: -37px auto auto 190px !important;
  }
}

@media screen and (max-width: 768px) {
  #overview .boxoverview_total {
    margin-top: 1em;
  }
  #overview .boxoverview_respones {
    margin-top: 1em;
  }
  #overview .boxoverview_selectquery {
    border-right: none;
    padding-right: 0;
  }
  #overview .boxoverview_search .dropdown-menu.show {
    inset: 0 auto auto 0 !important;
    width: 100%;
  }
  #overview .boxoverview_search .dropdown-menu.show::before {
    display: none;
  }
}

@media screen and (max-width: 426px) {
  .boxoverview_search {
    padding: 15px;
  }
  .boxoverview_selectquery {
    padding-right: 0;
  }
  #overview .boxoverview_total .box_total_responses {
    padding: 15px 15px 0 15px;
  }
  #overview .selectwrap {
    width: 100% !important;
  }
  #overview .wrapper-box-admin {
    display: none;
  }
  #overview .content .box_sathome .box_btn {
    right: 0;
  }
  #overview .content .box_sathome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #overview .content .box_npshome .box_btn {
    right: 0;
  }
  #overview .content .box_npshome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #overview .content .box_npsdetailhome .box_btn {
    right: 0;
  }
  #overview .content .box_npsdetailhome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #overview .content #chart_sathome {
    margin-top: 4em;
  }
  #overview .content #chart_npshome {
    margin-top: 4em;
  }
  #overview .content #chart_npsdetailhome {
    margin-top: 4em;
  }
}

@media screen and (max-width: 1024px) {
  #report .content .boxreport_bg .wrapper_report {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(150px, 60px) 1fr;
    grid-template-columns: minmax(150px, 60px) 1fr;
  }
  #report
    .content
    .boxreport_bg
    .wrapper_report
    .form_search
    .boxreport_namesort {
    margin-right: 1px;
    font-size: 12px;
  }
  #report
    .content
    .boxreport_bg
    .wrapper_report
    .form_sort
    .boxreport_namesort {
    margin-right: 1px;
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  #report .content .boxreport_bg .wrapper_report {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(130px, 60px) 1fr;
    grid-template-columns: minmax(130px, 60px) 1fr;
  }
  #report
    .content
    .boxreport_bg
    .wrapper_report
    .form_sort
    .boxreport_namesort {
    margin-right: 1px;
    font-size: 12px;
  }
}

@media screen and (max-width: 426px) {
  #report .content .wrapper-box-admin {
    display: none;
  }
  #report .content .boxreport_bg {
    padding: 30px 15px;
  }
  #report .content .boxreport_bg .wrapper_report {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #report .content .boxreport_bg .wrapper_report .form_search {
    margin-top: 0;
    padding: 0;
  }
  #report .content .boxreport_bg .wrapper_report .form_sort {
    margin-top: 0.5em;
  }
  .table-sm th,
  .table-sm td {
    padding: 0.5em 1em !important;
  }
}

@media screen and (max-width: 376px) {
  #report .content .wrapper-box-admin {
    display: none;
  }
  #report .content .boxreport_bg .wrapper_report {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #report .content .boxreport_bg .wrapper_report .form_sort {
    margin-top: 1em;
  }
  #report .content .boxreport_bg .wrapper_report .form_sort .from-control {
    width: 100% !important;
  }
  #report .content .boxreport_bg .wrapper_report .form_sort .selectwrap {
    width: 100% !important;
  }
  #report .content .boxreport_table .download_btn {
    font-size: 10px;
  }
  .table-sm > :not(caption) > * > * {
    font-size: 11px !important;
  }
}

@media screen and (max-width: 1024px) {
  #sat .selectwrap {
    width: 60% !important;
  }
  #sat .boxoverview_search .dropdown-menu.show {
    inset: -37px auto auto 190px !important;
  }
}

@media screen and (max-width: 768px) {
  #sat .boxoverview_total {
    margin-top: 1em;
  }
  #sat .boxoverview_selectquery {
    border-right: none;
    padding: 0;
  }
  #sat .boxoverview_search .dropdown-menu.show {
    inset: 0 auto auto 0 !important;
    width: 100%;
  }
  #sat .boxoverview_search .dropdown-menu.show::before {
    display: none;
  }
}

@media screen and (max-width: 426px) {
  #sat .content {
    padding: 40px 10px;
  }
  #sat .selectwrap {
    width: 100% !important;
  }
  #sat .wrapper-box-admin {
    display: none;
  }
  #sat .content .box_regionhome .box_btn {
    right: 0;
  }
  #sat .content .box_regionhome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #sat .content .box_channelhome .box_btn {
    right: 0;
  }
  #sat .content .box_channelhome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #sat .content .box_formathome .box_btn {
    right: 0;
  }
  #sat .content .box_formathome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #sat .content .box_attrhome .box_btn {
    right: 0;
  }
  #sat .content .box_attrhome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #sat .content #chart_regionhome {
    margin-top: 4em;
  }
  #sat .content #chart_channelhome {
    margin-top: 4em;
  }
  #sat .content #chart_formathome {
    margin-top: 4em;
  }
  #sat .content #chart_attrhome {
    margin-top: 4em;
  }
}

@media screen and (max-width: 1024px) {
  #nps .selectwrap {
    width: 60% !important;
  }
  #nps .boxoverview_search .dropdown-menu.show {
    inset: -37px auto auto 190px !important;
  }
}

@media screen and (max-width: 768px) {
  #nps .boxsat_allattr .boximg_factor .font-blacks {
    margin-top: 1em;
    font-size: 1.2rem;
  }
  #nps .boxoverview_total {
    margin-top: 1em;
  }
  #nps .boxoverview_selectquery {
    border-right: none;
    padding: 0;
  }
  #nps .boxoverview_search .dropdown-menu.show {
    inset: 0 auto auto 0 !important;
    width: 100%;
  }
  #nps .boxoverview_search .dropdown-menu.show::before {
    display: none;
  }
}

@media screen and (max-width: 426px) {
  .boxsat_allattr .attr_bg {
    padding: 30px 30px 30px 30px !important;
  }
  #nps .content {
    padding: 40px 10px;
  }
  #nps .selectwrap {
    width: 100% !important;
  }
  #nps .wrapper-box-admin {
    display: none;
  }
  #nps .content .box_regionhome .box_btn {
    right: 0;
  }
  #nps .content .box_regionhome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #nps .content .box_channelhome .box_btn {
    right: 0;
  }
  #nps .content .box_channelhome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #nps .content .box_formathome .box_btn {
    right: 0;
  }
  #nps .content .box_formathome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #nps .content .box_attrhome .box_btn {
    right: 0;
  }
  #nps .content .box_attrhome .box_btn .btn_searchhome {
    margin-top: 10px;
    width: 100%;
  }
  #nps .content #chart_regionhome {
    margin-top: 4em;
  }
  #nps .content #chart_channelhome {
    margin-top: 4em;
  }
  #nps .content #chart_formathome {
    margin-top: 4em;
  }
  #nps .content #chart_npsdetailhome {
    margin-top: 4em;
  }
}

@media screen and (max-width: 376px) {
  #nps .boxsat_allattr .boximg_factor .font-blacks {
    margin-top: 1em;
    font-size: 1rem;
  }
}

@media screen and (max-width: 426px) {
  #data .content .wrapper-box-admin {
    display: none;
  }
}

@media screen and (max-width: 426px) {
  #question .content .wrapper-box-admin {
    display: none;
  }
  #question .boxdata_periodselect .input_custommonth {
    font-size: 22px;
  }
  #question
    .boxdata_periodselect
    .input_custommonth::-webkit-input-placeholder {
    font-size: 22px;
  }
  #question .boxdata_periodselect .input_custommonth:-ms-input-placeholder {
    font-size: 22px;
  }
  #question .boxdata_periodselect .input_custommonth::-ms-input-placeholder {
    font-size: 22px;
  }
  #question .boxdata_periodselect .input_custommonth::placeholder {
    font-size: 22px;
  }
  #question .boxquestion_showdata .question_totalchoice {
    margin-top: 20px;
  }
}

@media screen and (max-width: 426px) {
  #table .content .wrapper-box-admin {
    display: none;
  }
  #table .boxdata_periodselect .input_custommonth {
    font-size: 22px;
  }
  #table .boxdata_periodselect .input_custommonth::-webkit-input-placeholder {
    font-size: 22px;
  }
  #table .boxdata_periodselect .input_custommonth:-ms-input-placeholder {
    font-size: 22px;
  }
  #table .boxdata_periodselect .input_custommonth::-ms-input-placeholder {
    font-size: 22px;
  }
  #table .boxdata_periodselect .input_custommonth::placeholder {
    font-size: 22px;
  }
  #table .boxquestion_showdata .question_totalchoice {
    margin-top: 20px;
  }
}
/*# sourceMappingURL=responsive.css.map */

@media (min-width: 768px) {
  .box_sathome,
  .box_sat_channel,
  .box_npshome,
  .box_nps_channel,
  .box_npsdetailhome {
    overflow-y: hidden;
  }
}