/*  BASE COLOR FOR PROJECTS */
/* @color-texto: #4a4a4a; */
/* CUSTOMER LOGIN */
.login-customer .input-group-addon {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  color: #808080;
  padding: 6px 12px 6px 0;
  font-size: 16px;
}
body.login-customer-bg {
  background-image: url(../img/login_page_portal_group.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
body.login-customer-bg a {
  text-decoration: underline;
}
.login-customer-body {
  height: 100vh;
  display: grid;
}
.login-customer-body .login-customer-container {
  position: relative;
  background-color: rgba(255, 255, 255, 0.92);
  width: 100%;
  max-width: 500px !important;
  align-self: center;
  /*  margin-top: -100px; */
}
.login-customer-body .login-customer-container input[type="email"] {
  background: transparent;
  border: none;
}
.login-customer-body .login-customer-container input[type="text"] {
  background: transparent;
  border: none;
}
.login-customer-body .login-customer-container input[type="password"] {
  background: transparent;
  border: none;
}
.navbar img {
  margin-top: 5px;
}
.customer-logo {
  margin-top: 5px;
}
#request-customer-user {
  font-weight: bold;
}
.general-card {
  height: calc(100vh - 240px);
}
.sign-document-card {
  height: calc(100vh - 180px);
  padding: 10px 30px;
}
.sign-document-card .row {
  height: calc(100% - 120px);
}
#login-customer-information {
  line-height: 26px;
  text-justify: inter-word;
}
/* END CUSTOMER LOGIN */
/* PRE SIGNATURE VIEW */
.pre-signature-content {
  font-size: 16px;
}
.btn-review-document {
  text-align: center;
}
/* END PRE SIGNATURE VIEW */
/* SIGNATURE VIEW */
.pdf-to-sign {
  height: 100%;
  width: 100%;
}
.pdf-to-sign h4 {
  line-height: 25px;
  color: #7e7e7e;
  font-size: 1.2rem;
}
.pdf-to-sign #document-to-sign {
  border: 1px solid #c0c0c0;
}
.to_sign {
  width: 100%;
}
.to_sign #title-sign h4 {
  line-height: 25px;
  color: #7e7e7e;
  font-size: 1.2rem;
}
.to_sign #btns-sign {
  text-align: center;
}
.to_sign #btns-sign a {
  height: 50px;
  width: 53px;
  position: relative;
}
.to_sign #btns-sign a i {
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translateX(-50%) translateY(-50%);
}
.to_sign #btns-sign a #reject-slash-white {
  right: 0;
  transform: translateY(-111%) rotate(98deg);
  top: 0;
  font-size: 24px;
  text-shadow: 1px 1px 2px #c9282d;
}
.to_sign #btns-sign .span-iconos {
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translateX(-50%) translateY(-50%);
}
.to_sign #btns-sign i.fa-comment-dots {
  left: 50%;
}
.to_sign #btns-sign .btn-text {
  font-size: 0.8em;
}
/* END SIGNATURE VIEW */
/* MODALS */
.modal-header-sign {
  background-color: #4a90e2;
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 5px 5px 0 0;
  color: #ffffff;
}
.modal-header-annnouncement {
  min-height: 16.42857143px;
  padding: 15px;
  color: #ffffff;
  background-color: #4a90e2;
}
.close-white-sign {
  background-color: #4a90e2;
  float: right;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  cursor: pointer;
}
.color-btn-cancel-sign {
  color: #7e7e7e;
  background-color: white;
  border: 1px solid gainsboro;
}
.color-btn-accept-sign {
  color: white;
  background-color: #4a90e2;
}
.color-btn-accept-sign:hover {
  color: white;
  background-color: #296dbb;
}
.color-btn-accept-sign:active {
  color: white;
  background-color: #296dbb;
}
.color-btn-accept-sign:focus {
  color: white;
  background-color: #296dbb;
}
#signDocument {
  /*input[type="text"] {
        background: inherit;
        padding: 0;
        border-bottom: 1px solid rgba(0,0,0,.075) 0 0 0;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }*/
}
#signDocument #accept-conditions,
#signDocument #accept-terms {
  display: inline-block;
}
#signDocument #accept-conditions #lbl-conditions,
#signDocument #accept-terms #lbl-conditions,
#signDocument #accept-conditions #lbl-terms,
#signDocument #accept-terms #lbl-terms {
  font-size: 12px;
  font-weight: 400;
  color: red;
  width: 85%;
}
#signNotice,
#rejectNotice,
#commentNotice,
.notice-modal {
  color: white !important;
  background-color: rgba(0, 0, 0, 0.6);
}
#signNotice .modal-content,
#rejectNotice .modal-content,
#commentNotice .modal-content,
.notice-modal .modal-content {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0;
}
#signNotice .modal-content .modal-header-hidden,
#rejectNotice .modal-content .modal-header-hidden,
#commentNotice .modal-content .modal-header-hidden,
.notice-modal .modal-content .modal-header-hidden {
  border-bottom: 8px solid white;
  font-size: 65px;
  text-align: center;
}
#signNotice .modal-content .modal-body-hidden,
#rejectNotice .modal-content .modal-body-hidden,
#commentNotice .modal-content .modal-body-hidden,
.notice-modal .modal-content .modal-body-hidden {
  font-size: 18px;
}
#signNotice .modal-content .modal-body-hidden p,
#rejectNotice .modal-content .modal-body-hidden p,
#commentNotice .modal-content .modal-body-hidden p,
.notice-modal .modal-content .modal-body-hidden p {
  color: white !important;
}
#signNotice .modal-content .modal-body-hidden .title-notice-sign,
#rejectNotice .modal-content .modal-body-hidden .title-notice-sign,
#commentNotice .modal-content .modal-body-hidden .title-notice-sign,
.notice-modal .modal-content .modal-body-hidden .title-notice-sign {
  font-weight: bold;
}
#signNotice .modal-content .modal-footer-hidden,
#rejectNotice .modal-content .modal-footer-hidden,
#commentNotice .modal-content .modal-footer-hidden,
.notice-modal .modal-content .modal-footer-hidden {
  text-align: right;
}
#signNotice .modal-content .modal-footer-hidden a,
#rejectNotice .modal-content .modal-footer-hidden a,
#commentNotice .modal-content .modal-footer-hidden a,
.notice-modal .modal-content .modal-footer-hidden a {
  width: 25%;
}
#noticePendingDocuments {
  background-color: rgba(0, 0, 0, 0.6);
}
.error-modals-customer {
  color: red;
  font-size: 12px;
}
#rejectNotice .modal-content .modal-header-hidden {
  border-bottom: 8px solid red;
}
#rejectNotice .modal-content .modal-header-hidden .icon-file {
  position: relative;
}
#rejectNotice .modal-content .modal-header-hidden .icon-prohibited {
  color: red;
  position: absolute;
  left: 41%;
  font-size: 75px;
  top: 2%;
}
/* END MODALS */
/* CLAIMS */
.btn-declare-claim-login {
  max-width: 780px;
  margin: auto;
}
.color-btn-claims {
  background-color: #F0AD4E;
  width: 100%;
  border-radius: 0;
  margin-top: 5px;
  color: white;
  font-size: 16px;
  font-family: 'Noto Sans', sans-serif;
}
.color-btn-claims:focus,
.color-btn-claims:hover,
.color-btn-claims:active {
  color: white;
}
.right-filters {
  display: flex;
}
.right-filters .select-forms {
  display: flex;
  width: 100%;
}
.right-filters .select-forms .bootstrap-select {
  margin-right: 10px;
}
/* END CLAIMS */
/*
#sidebarCollapse {
    position: absolute;
    left: 14px;
    z-index: 3;
    top: 17px;
}
*/
@media (min-width: 1200px) {
  .body-show-document .info-traceability .show-documents-icons div:not(:last-child)::after {
    width: 35%;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .child_btn:nth-child(2) {
    display: flex;
  }
  .menu {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .menu .menu-center-two-items-0 {
    grid-column: 2/2;
  }
  .menu .menu-center-two-items-1 {
    grid-column: 3/4;
  }
  .menu-three-items {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .menu-one-item {
    grid-template-columns: 25% !important;
    justify-content: center !important;
  }
}
@media (min-width: 1000px) and (max-width: 1300px) {
  .contact_us {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .quantities_info > .nav_quantities .views_dates .btn_quantities .form_child {
    padding-left: 1px;
    margin: 0px;
    width: 45%;
  }
  .quantities_info > .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-native-select .btn-group {
    width: 221px;
    max-width: 300px;
  }
  .quantities_info > .nav_quantities .views_dates .btn_quantities .form_child:nth-child(4) {
    position: relative;
    top: 26px;
  }
  .quantities_info > .nav_quantities nav > div > a {
    margin: 0px;
    width: 20%;
  }
  .quantities_info > .nav_quantities nav > div a.nav-item.nav-link.active .content_nav {
    width: 63%;
  }
  .quantities_info > .nav_quantities nav > div a.nav-item.nav-link.active:after {
    position: relative;
    left: -36%;
    bottom: -30px;
    width: 10%;
  }
  .quantities_info > .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(1) {
    display: flex;
    margin: 0px;
    padding: 0px;
  }
  .quantities_info > .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(2) {
    display: flex;
    justify-content: start;
    position: relative;
    left: -16px;
    max-width: 100%;
  }
  .quantities_info > .nav_quantities .dates_quantities .dates_quantities_checkboxes > .row .form_check_quantities {
    margin-left: 5px;
    padding: 0px;
  }
}
@media (max-width: 1264px) {
  .customers-list-filters {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  /*
    .to_sign {
        #btns-sign {
            text-align: right;
        }
    }
    */
  .pdf-to-sign #document-to-sign {
    height: 98% !important;
  }
  .photoContainer {
    height: 720px;
  }
}
@media (max-width: 999px) {
  .missions_info_details {
    /*
        .details_mission,.dates_details{
            display: flex;
            flex-direction: column;
        }*/
  }
  .missions_info_details .parent_info_details {
    position: relative;
    right: 1px;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .missions_info_details .parent_info_details .arrowRight:before,
  .missions_info_details .parent_info_details .arrowRight:after {
    border-bottom: 0px ;
    border-top: 0px;
    top: 0px;
  }
  .charts_info .dates_charts .filtre_chart .filtres {
    width: calc(50% - 10px);
  }
  .charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group {
    margin: 0px;
    padding: 0px;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child {
    margin-left: 0px;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child:nth-child(4) {
    margin-top: 5px;
    display: flex;
    justify-content: flex-start;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number {
    text-align: left;
    margin-bottom: 10px;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-native-select .btn-group {
    width: 100%;
  }
  .quantities_info .nav_quantities nav div {
    width: 100%;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active .content_nav {
    width: 100%;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active:after {
    position: relative;
    bottom: -30px;
    left: -50%;
    border: 0;
  }
  .quantities_info .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(1) {
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding: 0px;
  }
  .quantities_info .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(2) {
    display: flex;
    justify-content: left;
    position: relative;
    left: -14px;
    margin: 0px;
    margin-top: 50px;
  }
  .quantities_info .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(2) button {
    margin-left: 4px;
  }
  .quantities_info .nav_quantities .dates_quantities .dates_quantities_checkboxes > .row .form-check {
    margin: 3px;
    padding: 0px;
  }
  .body-show-document .document-pdf {
    height: 50vh;
  }
  .body-show-document .document-pdf object {
    height: 90%;
  }
  .pdf-to-sign {
    height: 640px !important;
  }
  .to_sign #btns-sign {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .contact_us {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .only-tablet-and-mobile {
    display: block !important;
  }
  #sidebar {
    position: absolute !important;
    z-index: 10 !important;
    min-height: 0 !important;
  }
  .navbar img {
    margin-top: 5px;
    margin-left: 55px;
  }
  #sidebar.active {
    display: none !important;
  }
  .hide-tablet-and-mobile {
    display: none;
  }
  .filtersClaim .right-filters > div {
    height: 110px !important;
  }
  #form-excel-customer-claims {
    flex-direction: column;
  }
  #form-excel-customer-claims #excelButtonClaims {
    text-align: right;
    margin-right: 13px;
  }
  .missions_info_details .details_mission,
  .missions_info_details .dates_details {
    display: flex;
    flex-direction: column;
  }
  .missions_info_details .parent_info_details {
    position: relative;
    right: 1px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
  }
  .missions_info_details .parent_info_details .arrowRight:before,
  .missions_info_details .parent_info_details .arrowRight:after {
    border-bottom: 0px ;
    border-top: 0px;
    top: 0px;
  }
  .quantities_info .nav_quantities nav div > a {
    width: 100%;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active .content_nav {
    width: 50%;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active:after {
    position: relative;
    bottom: -30px;
    left: -50%;
  }
  #collapseTranslationsHead .item {
    width: 80% !important;
  }
  #collapseTranslationsHead .percentage {
    width: 20%;
  }
  #collapseTranslationsHead .arrow-dropdown {
    margin-left: 10px;
  }
  #translations .list-group {
    width: 92%;
    display: inline-block;
  }
  #translations .list-group-item,
  #translations h2 {
    padding: 0.5rem 1rem !important;
  }
  #collapseTranslations {
    position: absolute;
    width: 87%;
    top: 36px;
    z-index: 1;
  }
  #translations .btn-save {
    height: 39px;
    width: 39px;
    padding: 0 !important;
    margin-bottom: 2px;
  }
  .select-user-filter-with-delete ~ .selectize-control {
    width: 96%;
  }
  .photoContainer {
    height: auto;
  }
  .summary-results div:not(.sk-cube-grid, .sk-cube) span.summary-value {
    font-size: 25px;
  }
  .menu {
    grid-template-columns: 1fr 1fr;
  }
  .contact_us {
    grid-template-columns: 1fr 1fr;
  }
  .menu-one-item {
    grid-template-columns: 50% !important;
    justify-content: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  nav:not(.nav-customer) .navbar-header {
    width: calc(100% - 245px);
  }
}
@media (min-width: 576px) {
  .pdf-to-sign #document-to-sign {
    height: 100% !important;
  }
}
@media (max-width: 767px) {
  body {
    background-color: #F0F0F0;
  }
  .app-container {
    padding-left: 20px;
  }
  .navbar img {
    margin-top: 5px;
    margin-left: 55px;
  }
  .navbar-nav {
    padding-left: 0 !important;
  }
  .app-content {
    padding-top: 0;
  }
  a.active-menu-drop {
    color: transparent;
    border-style: none;
    font-weight: bolder;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .table {
    display: block;
  }
  #home-grid .col-md-6 {
    height: calc(50vh - 120px);
  }
  a.padding_responsive {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    margin-top: -5px !important;
    /*  padding-left: 40px !important; */
  }
  .padding_responsive {
    padding-left: 18px !important;
  }
  .paso-upload-document.ocultar-desactivado {
    display: none;
  }
  .paso-upload-document {
    width: 100%;
  }
  .nombre-paso {
    display: block;
  }
  .title-information {
    padding-left: 0 !important;
  }
  .br-customer-info {
    display: block !important;
  }
  /*
    .fila-info-show-document {
        display: grid;

        .title-information {
            padding-left: 0 !important;
        }
    }
    */
  .files-filters form {
    flex-flow: row wrap;
  }
  #excelButton.btn-link {
    width: 50px;
    margin-top: 15px;
    margin-bottom: 8px;
  }
  .nombre-paso {
    width: 250px;
  }
  .box-login {
    max-width: 100%;
  }
  .top-show-document .document-information-show-document .separador-border-info-document {
    padding-right: 0 !important;
    border-right: 0 !important;
    height: 10px !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
  }
  .to_sign #btns-sign {
    margin-bottom: 15px;
  }
  .general-card {
    padding: 25px;
  }
  .general-card,
  .general-card.no-title {
    height: auto !important;
    min-height: calc(100vh - 130px);
  }
  .survey-block .form-group.check-survey {
    height: auto;
    margin-bottom: 0;
  }
  /*
    .sidebar-header{
        .sidebar-logo{
            position: absolute;
            top: 13px;
            left: 60px;
        }
        .sidebar-logo-collapsed{
            display: none !important;
        }
    }
    */
  .logo-movil {
    display: block !important;
    position: absolute;
    top: 13px;
    left: 40px;
  }
  #sidebar {
    min-height: 0;
  }
  #sidebar.active {
    display: none !important;
  }
  #sidebar .sidebar-header {
    height: 70px;
  }
  .breadcrumbs-container {
    height: auto;
  }
  .breadcrumbs-container ol.breadcrumb .breadcrumb-item {
    font-size: 16px;
  }
  .breadcrumbs-container ol.breadcrumb .texto-corto-total-bread {
    max-width: 100%;
  }
  .pdf-to-sign #document-to-sign {
    height: 90% !important;
  }
  .pending-documents-notice {
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .elemento-lista-desplegable.collapsed {
    padding-top: 10px !important;
  }
  .collapsed {
    padding-top: 0 !important;
  }
  .navbar-light .navbar-toggler {
    color: #4a4a4a;
    border: 0;
  }
  .collaborative-menu .navbar-collapse {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    border: 0;
    border-radius: 4px;
    margin: 3px 20px;
    box-shadow: 0 0 4px 0 #ccc;
    z-index: 2000;
  }
  .collaborative-menu .navbar-collapse .nav.navbar-nav {
    flex-direction: column !important;
    padding-left: 12px !important;
  }
  .collaborative-menu .navbar-collapse .nav.navbar-nav > a {
    padding-left: 0 !important;
  }
  .collaborative-menu .navbar-collapse .nav.navbar-nav .dropdown-menu {
    margin-right: 5px;
  }
  .collapse:not(.show) {
    display: none !important;
  }
  #home-grid .col-md-6 {
    height: calc(50vh - 140px);
  }
  #home-grid .card {
    height: inherit;
  }
  #home-grid .card .card-body {
    padding: 1.5rem;
    position: relative;
  }
  #home-grid .card .card-body .card-title .fas,
  #home-grid .card .card-body .card-title fa {
    padding-right: 25px;
    font-size: 1.5rem;
  }
  #home-grid .card .card-body .show-all-tasks {
    position: relative;
    margin-top: 30px;
  }
  #home-grid ul.task-list li,
  #home-grid ul.notifications-list li {
    font-size: 12px;
  }
  #home-grid ul.task-list li .date-task,
  #home-grid ul.notifications-list li .date-task {
    width: 90px;
  }
  #home-grid ul.task-list li .task-concept,
  #home-grid ul.notifications-list li .task-concept {
    display: inline-block;
    width: calc(100% - 120px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 120px);
  }
  #home-grid ul.task-list li .fas,
  #home-grid ul.notifications-list li .fas,
  #home-grid ul.task-list li .fa,
  #home-grid ul.notifications-list li .fa {
    margin-right: 20px;
  }
  #btnCollapseFilters {
    display: block;
  }
  /*
    .opcion-menu {
        width: calc(50% - 40px) !important;
    }
    */
  .collaborative-menu .navbar-collapse .nav.navbar-nav {
    padding-left: 0 !important;
  }
  .navbar.collaborative-menu .navbar-toggler {
    font-size: 0.95em;
    margin: 0 !important;
    padding: 5px 0 0 0 !important;
    height: 100%;
  }
  .navbar.collaborative-menu #navbar-collapse {
    width: 250px;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav {
    padding: 0 !important;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav li {
    width: 100%;
    height: 100%;
    padding: 10px 5px !important;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav li a {
    display: block;
    width: 100%;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav li:hover {
    background-color: #004983 !important;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav li:hover a {
    color: white;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav li .dropdown-item {
    margin: 0 !important;
    padding: 10px !important;
    height: 100%;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown.show {
    background-color: transparent;
    color: #004983;
    padding-bottom: 0 !important;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown.show:hover {
    background-color: transparent !important;
    color: #004983;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown.show:hover a {
    color: #004983;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown .dropdown-menu.show {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    padding: 0 !important;
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown .dropdown-menu.show .dropdown-item {
    color: black;
    /*  margin-top: 13px !important; */
  }
  .navbar.collaborative-menu #navbar-collapse .nav.navbar-nav .dropdown #surveys-menu {
    padding-bottom: 10px;
  }
  .charts_info .dates_charts .chartAreaWrapper .info_filtre {
    justify-content: flex-start;
  }
  #my-missions .checkbox-rejected-parts {
    transform: unset;
  }
}
@media (max-width: 1000px) and (orientation: landscape) {
  /* MODAL TERMS AND CONDITIONS OF USE */
  #ModalTermsConditions .modal-lg {
    width: 90%;
    max-width: 90%;
    margin-top: 0;
    margin-bottom: 0;
  }
  #ModalTermsConditions .modal-content {
    height: calc(100vh - 50px);
  }
  #ModalTermsConditions .modal-header,
  #ModalTermsConditions .modal-body,
  #ModalTermsConditions .modal-footer {
    padding: 20px;
  }
  #ModalTermsConditions .modal-header {
    padding-top: 20px;
  }
  #ModalTermsConditions .modal-header i {
    font-size: 25px;
  }
  #ModalTermsConditions .modal-header h1 {
    margin-left: 30px;
    font-size: 15px;
  }
  #ModalTermsConditions .modal-header p {
    margin-left: 30px;
    font-size: 12px;
    margin-bottom: 0;
  }
  #ModalTermsConditions .modal-body {
    margin-top: 0;
    margin-bottom: 0;
  }
  #ModalTermsConditions .modal-body p {
    font-size: 14px;
    line-height: 1.35;
  }
  #ModalTermsConditions .modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #ModalTermsConditions .modal-footer button {
    font-size: 14px;
    padding: 10px 30px !important;
  }
}
@media screen and (max-width: 576px) {
  .sub_tittle_card_1,
  .excel_div {
    margin-top: 15px;
  }
  .card_btns {
    text-align: left;
  }
  .charts_info .dates_charts .filtre_chart {
    gap: 0;
    row-gap: 10px;
  }
  .charts_info .dates_charts .filtre_chart .filtres {
    width: 100% !important;
  }
  .charts_info .dates_charts .filtre_chart .filtres .filtres_child .multiselect-native-select .btn-group {
    margin: 0px;
    padding: 0px;
  }
  .nav_no_login {
    position: absolute;
    width: 100%;
    height: 5%;
  }
  .nav_no_login .navbar-header {
    position: absolute;
    top: -15px;
    left: -50px;
  }
  .nav_no_login .nav_no_login_menu {
    position: absolute;
    top: 5px;
    left: 84%;
    width: 15%;
  }
  .nav_no_login .nav_no_login_ul {
    position: absolute;
    top: 30px;
  }
  .nav_no_login .nav_no_login_ul .langslist:hover {
    cursor: pointer;
  }
  .not_login_claim .breadcrumb {
    background-color: white;
    position: absolute;
    top: 5%;
    width: 94%;
    height: 5%;
  }
  .not_login_claim .contenedor {
    background-color: white;
    position: absolute;
    top: 10%;
  }
  .missions_info_details .parent_info_details {
    position: relative;
    right: 1px;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .missions_info_details .parent_info_details .arrowRight:before,
  .missions_info_details .parent_info_details .arrowRight:after {
    border-bottom: 0px ;
    border-top: 0px;
    top: 0px;
  }
  .quantities_info nav > div a.nav-item.nav-link.active:after {
    border: 0;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active .content_nav {
    width: 100%;
  }
  .quantities_info .nav_quantities nav > div a.nav-item.nav-link.active:after {
    border: 0;
  }
  .quantities_info .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(1) {
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding: 0px;
  }
  .quantities_info .nav_quantities .dates_quantities .forms_quantities .child_btn:nth-child(2) {
    position: relative;
    right: 0x;
    margin: 0px;
    display: flex;
    justify-content: start;
    left: -15px;
    top: 4px;
  }
  .quantities_info .nav_quantities .views_dates .dates_quantities .dates_acordion .card-header button {
    display: flex;
    flex-direction: column;
  }
  .quantities_info .nav_quantities .views_dates .dates_quantities .dates_quantities_checkboxes label {
    margin: 0px;
    padding: 0px;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container {
    margin-left: 49px;
    width: 311px;
  }
  .quantities_info .nav_quantities .views_dates .btn_quantities .form_child .multiselect_part_number .multiselect-container .multiselect-filter {
    width: 300px;
    position: relative;
    top: 5px;
    left: 5px;
  }
  #translations .list-group {
    width: 82% !important;
  }
  #collapseTranslations {
    width: 74% !important;
  }
  #documents-box.general-card {
    padding: 10px !important;
  }
  #document-to-sign {
    width: 100% !important;
    border: 0 !important;
    margin: 0 !important;
  }
  .loading-users-library {
    top: 80px !important;
    right: 45px !important;
  }
  .select-user-filter-with-delete ~ .selectize-control {
    width: 94% !important;
  }
  .only-tablet-and-mobile {
    display: block !important;
  }
  #sidebar {
    position: absolute !important;
    z-index: 10 !important;
  }
  .filtersClaim .right-filters > div {
    height: 215px !important;
  }
  #form-excel-customer-claims {
    flex-direction: column;
  }
  #form-excel-customer-claims .select-forms {
    flex-direction: column;
  }
  #form-excel-customer-claims #excelButtonClaims {
    text-align: left;
    margin-top: 28px;
  }
  #home-grid ul.notifications-list .my-task {
    padding-right: 20px;
  }
  .notification-link {
    width: calc(100% - 120px) !important;
  }
  .summary-results div:not(.sk-cube-grid, .sk-cube) span.summary-value {
    font-size: 20px;
  }
  .menu {
    grid-template-columns: 1fr;
  }
  .contact_us {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 576PX) {
  /*
    .app-container {
        width: calc(100% - 65px);
    }
    */
  header {
    height: auto;
  }
  header .navbar-databis div {
    justify-content: space-between !important;
  }
  header .logo-trigo {
    width: 100%;
  }
  header .collaborative-menu {
    margin-top: 10px;
    padding-left: 0;
  }
  header .menu_usuario {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 20px;
    justify-items: right;
  }
  #home-grid .col-md-6 {
    height: auto;
  }
  .ppm_reject_reworked_rate {
    margin-top: 10px !important;
  }
  .filters form.form-busqueda.margen-bottom-mediano {
    margin-bottom: 0;
  }
  .filters form.form-busqueda.margen-bottom-mediano .form-group {
    margin-bottom: 0.5rem;
  }
  .filters .select-forms.select-files-filters {
    z-index: 0;
  }
  .filters .select-forms.select-files-filters .section-selector {
    display: none;
  }
  .files-filters .select-forms {
    flex-direction: column;
  }
  .files-filters .daterange,
  .filters .daterange {
    width: 200px;
  }
  .access-control-filters {
    float: none !important;
  }
  .image-info-container {
    max-width: 300px;
  }
  .show-claim-container .actions-done-container {
    grid-template-columns: 1fr 1fr;
  }
  /* Menú principal */
  nav.navbar-databis ul.navbar-nav > li > a {
    margin-left: 0;
    margin-right: 0;
  }
  .hide-mobile {
    display: none;
  }
  .only-mobile {
    display: block;
  }
  .mobile-buttons {
    margin-top: 25px;
    text-align: center;
    position: relative;
  }
  .mobile-buttons .btn-jump-doc {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    font-size: 18px;
  }
  .mobile-buttons span {
    position: absolute;
    top: 0;
    right: 0;
  }
  .body-show-document .info-traceability .space-icons {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    display: block;
    text-align: left;
  }
  .body-show-document .info-traceability .space-icons i {
    width: 60px;
  }
  .body-show-document .info-traceability .space-icons p,
  .body-show-document .info-traceability .space-icons i {
    display: inline-block;
  }
  .body-show-document .info-traceability .show-documents-icons div::after {
    display: none;
  }
  .body-show-document .info-traceability .show-documents-icons div:not(:last-child)::after {
    border: 0;
  }
  .filtersAccessControl div[class="pull-right "] {
    float: none !important;
    display: flex;
  }
  .opcion-menu {
    width: 100% !important;
  }
  .opcion-menu.margen-right-grande {
    margin-right: 0;
  }
  #PanelZone .list-group-item {
    height: 70px;
  }
  #PanelZone .list-group-item .panel-title {
    line-height: 45px;
  }
  #PanelZone .list-group-item .zone-dropdown {
    width: 20px;
  }
  #PanelZone .list-group-item img {
    max-width: 30px;
    max-height: 30px;
  }
  #PanelZone .list-group-item span {
    margin-left: 0;
    font-size: 15px;
    display: inline-block;
    width: 60%;
    line-height: 1;
  }
  #PanelZone .panel-body {
    padding: 0;
  }
  #PanelZone .zone-image-box {
    width: 30px;
  }
  #PanelZone .zone-buttons {
    position: absolute;
    right: 0;
    bottom: -10px;
  }
  #PanelZone .subzone {
    position: relative;
    height: 50px;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: none;
  }
  #PanelZone .subzone .subzone-image-box {
    margin-left: 50px;
  }
  #PanelZone .subzone span {
    margin-left: 20px;
    font-size: 15px;
    display: inline-block;
    width: 60%;
    line-height: 1;
  }
  #PanelZone .subzone .zone-buttons {
    position: absolute;
    left: 92px;
    right: 0;
    bottom: -10px;
  }
  /* MODAL TERMS AND CONDITIONS OF USE */
  #ModalTermsConditions .modal-lg {
    width: 90%;
    max-width: 90%;
  }
  #ModalTermsConditions .modal-content {
    height: calc(100vh - 100px);
  }
  #ModalTermsConditions .modal-header,
  #ModalTermsConditions .modal-body,
  #ModalTermsConditions .modal-footer {
    padding: 20px;
  }
  #ModalTermsConditions .modal-header {
    padding-top: 20px;
  }
  #ModalTermsConditions .modal-header i {
    font-size: 25px;
  }
  #ModalTermsConditions .modal-header h1 {
    margin-left: 30px;
    font-size: 15px;
  }
  #ModalTermsConditions .modal-header p {
    margin-left: 30px;
    font-size: 12px;
    margin-bottom: 0;
  }
  #ModalTermsConditions .modal-body {
    margin-top: 20px;
    margin-bottom: 10px;
    overflow-x: hidden;
  }
  #ModalTermsConditions .modal-body p {
    font-size: 14px;
    line-height: 1.35;
  }
  #ModalTermsConditions .modal-footer button {
    font-size: 14px;
    padding: 10px 30px !important;
  }
}
@media (max-width: 400px) {
  .content-login .logo,
  .login-customer-container .logo {
    width: 100%;
    max-width: 250px;
  }
}
@media screen and (max-width: 380px) {
  .navbar-databis.admin.nav-customer .logo,
  .navbar-databis .logo {
    height: 30px;
    margin: 20px 0 20px 5px;
  }
  button.navbar-toggle.collapsed,
  button.navbar-toggle {
    margin-left: 0 !important;
  }
  nav.navbar-databis ul.navbar-nav .estilo-dropdown-perfil a {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 360px) {
  .navbar-databis.admin:not(.nav-customer) .logo,
  .navbar-databis .logo {
    height: 31px;
    margin-left: 4px;
  }
  .image-info-container {
    max-width: 250px;
    left: 0;
  }
}