.s-consulta {
  float: left;
  background: #f18621;
  color: white;
  padding: 5px;
  margin: 2px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 25px;
}
.no-empty {
  top: -26px !important;
  left: 0 !important;
  font-size: 11px !important;
  line-height: 1.07143 !important;
}
.s-consulta:hover {
  background: #005fab;
}

.barra_filtros {
  background-color: white;
  padding: 5px;
  /* border-radius: 1px 1px 0px 0px; */
  margin-bottom: 4px;
  /* box-shadow: 6px 6px 20px -2px rgb(29 29 29 / 15%); */
  min-height: 48px;
}

.bg-azul-imp {
  background: #005fab !important;
}
.bg-azul {
  background: #005fab;
}

.default_tabla option {
  color: black;
}

.btn-danger {
  background: #de5146 !important;
}
.cuerpo_lista {
  background-color: white;
  min-height: 0px;
  height: calc(100vh - 228px);
  overflow-y: auto;
  overflow-x: hidden;
  clear: both;
  padding: 5px;
  /* box-shadow: 6px 6px 20px -2px rgb(29 29 29 / 15%); */
}

.btn-primary:hover {
  background-color: #0069d9 !important;
}
.width-100 {
  width: 100% !important;
}

.btn-barra_filtros {
  height: 33px;
  padding: 0px;
}



.btn.btn-primary {
  box-shadow: none !important;
}

.cuadro {
  background: white;
  padding: 10px !important;
  /* border-radius: 3px; */
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  /* box-shadow: 0px -4px 10px #dcdcdc73; */
  border-radius: 5px;
}

body {
  font-family: Averta, "Avenir W02", Avenir, Helvetica, Arial, sans-serif;
  background: #ededed;
}

.pagination {
  margin: 5px 0;
}

/* Cargando */
.select-dark {
  background: #d1d1d1 !important;
  color: #515b6a !important;
  /* border-radius: 15px !important; */
}

.wrapper {
  height: 50px;
  margin-top: calc(50vh - 25px);
  margin-left: calc(50vw - 100px);
  width: 180px;
}
.circle_0 {
  border-radius: 50%;
  border: 3px #005fab solid;
  float: left;
  height: 50px;
  margin: 0 5px;
  width: 50px;
}
.circle-1 {
  animation: move 1s ease-in-out infinite;
}
.circle-1a {
  animation: fade 1s ease-in-out infinite;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.circle-2 {
  animation: move 1s ease-in-out infinite;
}
@keyframes move {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(60px);
  }
}
.circle-1a {
  margin-left: -55px;
  opacity: 0;
}
.circle-3 {
  animation: circle-3 1s ease-in-out infinite;
  opacity: 1;
}
@keyframes circle-3 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.loader_page {
  position: fixed;
  width: 100%;
  text-align: center;
  z-index: 99999;
  top: 0px;
  height: 100vh;
  background-color: rgba(56, 56, 56, 0.27);
  left: 0px;
}
.cargando_text {
  color: #3ba8ff;
}
/* Fin Cargando */

/************************************/
/*   Autocomplete                   */
/************************************/
.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  /* border-bottom: none; */
  /* border-top: none; */
  z-index: 999;
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
  max-height: 126px;
  box-shadow: 1px 1px 6px gainsboro;
  border-radius: 0px 0px 5px 5px;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  text-align: left;
}

.autocomplete-items div:hover {
  background-color: #015fab;
  color: white;
}

.autocomplete-active {
  background-color: #015fab !important;
  color: #ffffff;
}

/************************************/
/*   ANOTACIONES                    */
/************************************/
.anatacionInternaTitle {
  background-color: rgb(255, 244, 112);
  padding: 5px 2px 5px 10px;
  text-transform: capitalize;
  display: flex;
}
.anatacionInternaBody {
  background-color: rgb(255, 252, 179);
  width: 100%;
  min-height: 39px;
  font: normal 14px verdana;
  line-height: 25px;
  padding: 2px 10px;
  border: none;
}

.anatacionExternaTitle {
  background-color: rgb(116, 255, 235);
  padding: 5px 2px 5px 10px;
  text-transform: capitalize;
  display: flex;
}
.anatacionExternaBody {
  background-color: rgb(189, 255, 250);
  width: 100%;
  min-height: 39px;
  font: normal 14px verdana;
  line-height: 25px;
  padding: 2px 10px;
  border: none;
}

.btn_editar_summernote {
  float: left;
  border-radius: 3px;
  border: 1px solid #ababab;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
  cursor: pointer;
}

.btn_editar_summernote:hover {
  background: #6d6f6f82;
  color: white;
  box-shadow: 1px 1px 6px #65646445;
}

/************************************/

#all_notes_internas {
  /* overflow-y: auto;
    max-height: 332px; */
}

#all_notes_internas img{
  max-width: 100%;
}

.note_title {
  color: rgb(154, 156, 163);
  background-color: rgb(255, 251, 164);
  padding: 5px 2px 5px 10px;
  text-transform: capitalize;
}
.red {
  color: #f44336;
}

.notes {
  background: url(ynxjD.png) repeat-y;
  width: 100%;
  height: 100px;
  font: normal 14px verdana;
  line-height: 25px;
  padding: 2px 10px;
  border: none;
}

.selectSimple {
  border: 6px solid transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: rgb(241, 244, 245);
  cursor: pointer;
}
.declarante2_show_question {
  background-color: rgb(233, 233, 233);
  padding: 8px;
  cursor: pointer;
  display: table;
  /* float: left; */
}

.declarante2_show_question:hover {
  background-color: rgb(3, 82, 167);
  color: white;
}
.observaciones_p {
  background: rgb(244, 244, 244);
  border-radius: 4px;
  padding: 10px;
  border: 1px solid silver;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(131, 131, 131);
  color: white;
  text-align: center;
}

@font-face {
  font-family: Lato-Bold;
  src: url("/Lato-Bold.tff");
}
@font-face {
  font-family: Lato-Bold;
  src: url("/Lato-Regular.tff");
}

.png_icon,
.pdf_icon,
.png_icon,
.jpeg_icon,
.jpg_icon,
.mp4_icon,
.txt_icon,
.xls_icon,
.docx_icon,
.zip_icon,
.rar_icon,
.bmp_icon,
.mov_icon {
  background-image: url(doctor.svg);
  height: 20px;
  width: 18px;
  background-size: 20px;
  background-repeat: no-repeat;
  margin-bottom: 2px;
  margin-top: 2px;
}

.pdf_icon {
  background-image: url(doctorPDF.svg);
  /* background-image: url(OFEDFQ0.jpg);
    background-position: -206px -82px;
    background-repeat: no-repeat;
    background-size: 247px 188px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}
.png_icon {
  background-image: url(doctorPNG.svg);
  /* background-image: url(OFEDFQ0.jpg);
    background-position: -13px -38px;
    background-repeat: no-repeat;
    background-size: 246px 163px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}
.jpg_icon {
  background-image: url(doctorJPG.svg);
  /* background-image: url(OFEDFQ0.jpg); 
    background-position:  -52px -38px;
    background-repeat: no-repeat;
    background-size: 246px 163px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}
.jpeg_icon {
  background-image: url(doctorJPG.svg);
  /* background-image: url(OFEDFQ0.jpg); 
    background-position:  -52px -38px;
    background-repeat: no-repeat;
    background-size: 246px 163px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}
.mp4_icon {
  background-image: url(doctorMP4.svg);
  /* background-image: url(OFEDFQ0.jpg);
    background-position: -128px -46px;
    background-repeat: no-repeat;
    background-size: 243px 188px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}
.txt_icon {
  background-image: url(doctor.svg);
  /* background-image: url(OFEDFQ0.jpg); 
    background-position:  -193px -12px;
    background-repeat: no-repeat;
    background-size: 246px 163px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}
.xls_icon {
  background-image: url(doctor.svg);
  /* background-image: url(OFEDFQ0.jpg); 
    background-position:  -146px -240px;
    background-repeat: no-repeat;
    background-size: 246px 163px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}
.docx_icon {
  background-image: url(doctor.svg);
  /* background-image: url(OFEDFQ0.jpg); 
    background-position:  -205px -240px;
    background-repeat: no-repeat;
    background-size: 246px 163px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}
.zip_icon {
  background-image: url(doctor.svg);
  /* background-image: url(OFEDFQ0.jpg); 
    background-position:  -5px -240px;;
    background-repeat: no-repeat;
    background-size: 246px 163px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}
.rar_icon {
  background-image: url(doctor.svg);
  /* background-image: url(OFEDFQ0.jpg); 
    background-position:  -99px -38px;
    background-repeat: no-repeat;
    background-size: 246px 163px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}
.bmp_icon {
  background-image: url(doctor.svg);
  /* background-image: url(OFEDFQ0.jpg); 
    background-position:  -205px -38px;
    background-repeat: no-repeat;
    background-size: 246px 163px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}

.mov_icon {
  background-image: url(doctor.svg);
  /* background-image: url(OFEDFQ0.jpg);
    background-position: -52px -99px;
    background-repeat: no-repeat;
    background-size: 246px 163px;
    height: 30px;
    width: 30px;
    margin-bottom: 0px; */
}

.perfilClienteTd {
  padding: 5;
  color: rgb(175, 175, 175);
  padding-left: 0;
  /* width: 350px; */
}
.perfilClienteTd_2 {
  padding: 5;
  color: rgb(107, 106, 111);
}
.conceptos_title {
  color: rgb(175, 175, 175);
}

.pre_001 {
  color: rgb(179, 179, 179);
  font-size: 22px;
}

.default_tabla {
  width: 100%;
}
.default_tabla th {
  font-size: 11px;
  color: white;
  line-height: 1.4;
  background-color: #6c757d;
  border-bottom: 2px solid #f2f2f2;
  font-weight: bold;
  padding: 4px;
  text-transform: uppercase;
}

.pre_t_td,
.default_tabla td {
  font-size: 12px;
  color: #808080;
  line-height: 1.4;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f2f2f2;
  padding-left: 1px;
  padding-right: 1px;
}

.default_tabla tr:hover {
  /* width: 80%; */
  background: #f6f6f6;
}

.pre_t_th {
  font-size: 14px;
  color: white;
  line-height: 1.4;
  background-color: #6c757d;
  border-bottom: 2px solid #f2f2f2;
  font-weight: 100;
  padding: 4px;
}

.pre_t_tr {
  border-bottom: 1px solid #f2f2f2;
}

.pre_t_tr:hover {
  background-color: #d8e0e859;
}

.pre_search {
  background-image: url("/25313.png");
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-size: 20px;
  font-family: arial;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd0;
  margin-bottom: 12px;
}

.pre_search_a {
  width: 250px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

.th_tabla_orden {
  cursor: pointer;
}

.th_tabla_orden:hover {
  background: #005fab;
}

.arrow_orden {
  width: 10px;
  float: right;
}

[data-campo] {
  cursor: pointer;
}

/* When the input field gets focus, change its width to 100% */
.pre_search_a:focus {
  /* width: 80%; */
  border-color: rgb(5, 195, 255);
}

#file-wrap {
  position: relative;
  width: 100%;
  padding: 30px;
  display: block;
  border: 2px dashed #ccc;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  border-radius: 5px;
}

.file_b {
  position: absolute;
  left: 0;
  top: 0;
  background: red;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.file-wrap {
  position: relative;
  width: 100%;
  padding: 30px;
  display: block;
  border: 2px dashed #ccc;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  border-radius: 5px;
}

#total_file {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #0d64cc;
  border-radius: 3px;
  padding: 10px;
  text-align: center;
  color: white;
  z-index: 5;
}
.total_file {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #0d64cc;
  border-radius: 3px;
  padding: 10px;
  text-align: center;
  color: white;
  z-index: 5;
}

.container {
  margin-bottom: 21px !important;
  margin-top: 50px !important;
}

@media (max-width: 1199px) {
  .container {
    width: 100%;
    max-width: 100%;
  }
}

.hide_mobiles {
}
.hide_movil {
}
.hide-movil {
}
.show_mobiles {
}
.hide_desktop {
}
.hide-desktop {
}
.swal-button-container {
  margin: 2px;
  width: 24%;
}

.has-error {
  border: 1px solid #f59790 !important;
}

.swal-button {
  background-color: #005fab;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  color: white;
}

.swal-footer {
  text-align: center;
}
.cursor-pointer {
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .hide_mobiles {
    display: none;
  }
  .hide_movil {
    display: none;
  }
  .hide-movil {
    display: none;
  }
  .show_mobiles {
    display: initial;
  }
}
@media only screen and (min-width: 600px) {
  .hide_desktop {
    display: none;
  }
  .hide-desktop {
    display: none;
  }
}

/************************************/
/*   BARRA AZULES                   */
/************************************/
.barra-azul-011 {
  float: left;
  width: 65px;
  text-align: center;
  cursor: pointer;
  margin-left: 2px;
}

.barra-azul-011:hover {
  box-shadow: 2px 1px 5px #d6d5d5;
  background: #c2ddf5;
  border-radius: 18px;
}

.barra-azul-012 {
  background: #006dc4;
  height: 0.5px;
}

.barra-azul-013 {
  background: aliceblue;
  /* border-top: 1px solid #1064a7; */
  border-radius: 65px;
  font-size: 12px;
  height: 33px;
  width: 35px;
  padding: 7px;
  margin-left: 17px;
  font-weight: 400;
}

.barra-azul-014 {
  background: #0361ac;
  color: white;
}

.barra-azul-016 {
  height: 0.5px;
  margin-left: 2px;
}

.barra-azul-017 {
  background: #cbe7ff;
  border-radius: 18px;
}

/************************************/
/*   NAV BAR                        */
/************************************/
.icon-navbar {
  width: 30px;
  font-size: 18px;
}
.navbar {
  border: none;
  border-bottom: none !important;
  box-shadow: none;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

.btn-orange {
  background: #f18623;
  color: white;
}

.btn-orange:hover {
  background: #e77002;
  color: white;
}

.nav-item {
  /* border-bottom: 1px solid #001626; */
  background: #005fab;
  width: calc(100% - 12px);
  margin-left: 4px;
}
.dropdown-item {
  font-weight: 400;
  /* border-bottom: 1px solid #015fab; */
  background: white;
  border-radius: 5px;
  width: calc(100% - 10px);
  margin-left: 3px;
  margin-bottom: 1px;
}

.navbar-light .navbar-nav .nav-link {
  color: white !important;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: 400;
}

.dropdown-item:hover {
  background: #f18623;
  color: white !important;
  border-radius: 5px;
  width: calc(100% - 5px);
  margin-left: 2px;
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0px;
  padding-bottom: 4px !important;
  padding-top: 4px !important;
  border-radius: 10px;
}

.nav-item:hover {
  background: #f18623;
  color: white !important;
  border-radius: 7px;
}

.navbar-nav {
  width: 300px;
  min-height: calc(100vh - 73px);
  background: #005fab;
  z-index: 99;
  padding-bottom: 50px;
}

#collapsibleNavbar {
  background: #00000066;
  position: fixed;
  top: 50px;
  height: calc(100vh - 71px);
  width: 100%;
  margin: 0;
  padding: 0px;
  z-index: 9;
  border-right: 1px solid #bebebe;
}

@media only screen and (max-width: 600px) {
  .navbar-nav {
    width: 100%;
  }

  #collapsibleNavbar {
    height: calc(100vh - 79px);
  }
}

/************************************/
/*   TAB                            */
/************************************/

.tab-000 {
  height: 30px;
}

.tab-001 {
  float: left;
  background: #d0cfcf;
  padding: 5px;
  height: 30px;
  font-weight: 300;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 15px;
  cursor: pointer;
  margin-right: 2px;
  border-radius: 8px 8px 0px 0px;
}

.tab-active {
  background: white !important;
}

.form-group {
  padding-bottom: 7px;
  margin: 11px 0 0 0;
}

.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
  top: -26px;
  left: 0;
  font-size: 11px;
  line-height: 1.07143;
}

.form-control {
  height: 29px;
  padding: 7px 0;
  font-size: 14px;
  line-height: 1.42857;
  padding-top: 14px !important;
}

.form-group .form-control {
  margin-bottom: 0px;
}

.form-group select {
  height: 29px !important;
  padding-top: 8px !important;
  padding-bottom: 0px !important;
}

.note-editing-area [contenteditable="true"]:focus {
  border-bottom: 0px solid #ffffff;
}



.tab-nav {
  float: left;
  background: #f18621;
  color: white;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 11px;
  cursor: pointer;
  border-radius: 0px;
  font-size: 25px;
}

.label-nav {
  float: left;  
  color: #005fab;;
  padding: 0px;
  margin-left: 0px;
  margin-right: 2px;
  margin-top: 13px;  
  border-radius: 0px;
  font-size: 17px;
}
.tab-nav:hover {
  background: #e77002;
}
@media only screen and (max-width: 600px) {
  .label-nav {
    display: none;
  }
}
.img-fluid {  
  height: 33px;
}
@media (max-width: 767px) {
  .img-fluid {
    height: 30px;
  }
}
.button-nav {  
  background: white;
  color: #f18621;
  border: none;
  padding: 0px;
  font-size: 26px;
}
.div-button-nav {
  float: left;
  width: 30px;        
  padding-top: 10px;
  display: none;
  margin-left: 5px;
}
.nav_timer_tracking{
  width: 339px;
  position: absolute;
  top: 5px;
  left: 87px;
  text-align: center;
  font-size: 12px;
  padding-top: 8px;
}

.tracking_timer_button{
  font-size: 19px;
}
.start_global_button{
  color: #015FAB;
}

.apexcharts-canvas{
  background-color: white;
}
.stop_global_button{
  color: #B60B3E;
}


@media only screen and (max-width: 600px) {
  .div-button-nav {
    padding-top: 12px;
    width: 25px;
    margin-left: 1px;
  }
  .button-nav { 
    font-size: 20px !important;
  }
  .div-movil {   
    width: 32px !important;
    padding-top: 6px !important;    
  }
  .button-movil {
    font-size: 21px !important;
    padding: 6px  !important;
  }  
}

.pre_search_a { 
  background-position: 5px 5px !important;
  font-size: 16px !important;
  padding: 2px 3px 2px 29px !important;
  vertical-align: middle;
}
.pre_search_div {      
  padding-right: 0px !important; 
}
@media only screen and (max-width: 600px) {
  .pre_search_div {    
    padding-right: 2px !important;    
  }
  .search_div {    
    padding-left: 2px !important;    
  } 
}

.swal2-container {
  z-index: 9999 !important;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-append, .input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}

.input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 10px;
}

.form-signin input[type="password"] {
  margin-bottom: 0px !important;  
}

.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #fffefe;
}

.modal-footer {
  background: #e1e1e1;
  border-top: 0px solid #dee2e6;
  padding: 5px 5px 5px 5px !important;
  border-radius: 0px 0px 10px 10px;
  min-height: 53px;
}

.modal-content {
  border-radius: 0px;
  border: none;
 
}

.modal-footer button {
  margin: 1px !important;
}

.modal-content {
  border-radius: 10px;
  border: none;
}


.fw-bold{
    font-weight: 700 !important;
}

.f-aviso-estado{
    font-weight: bold;
    border-radius: 10px;
    text-align: center;
}

.aviso-Finalizado{
  background: #DFF0D8 !important;
  color: #3C763D !important;
}

.aviso-Cancelado{
  background: #F2DEDE !important;
  color: #A94442 !important;
}

.aviso-Nuevo{
  background: #EEEEEE !important;
  color: #777777 !important;
}

.aviso-Asignado{
  background: #FCF8E3 !important;
  color: #8A6D3B !important;
}

.aviso-Programado{
  background: #D9EDF7 !important;
  color: #31708F !important;
}
.aviso-Encargo {
  background: #FFF5E5 !important;  
  color: #C76E0E !important;      
}

.aviso-PresupuestoConstruccion {
  background: #E8F8F5 !important;  
  color: #117A65 !important;       
}

.aviso-PresupuestoTenico {
  background: #F9F2F4 !important;  
  color: #843534 !important;       
}

.aviso-AprobacionTecnica {
  background: #E6E6FA !important;  
  color: #5D3FD3 !important;       
}

.aviso-SubcontrataAsignadaInicio {
  background: #F0F8FF !important;  
  color: #1E90FF !important;       
}

.aviso-Incidencias {
  background: #FDEDEC !important;  
  color: #CB4335 !important;      
}

.aviso-FinDeObrasRojo {
  background: #FADBD8 !important;  
  color: #922B21 !important;       
}

.aviso-FinDeObraVerdeTecnicos {
  background: #D5F5E3 !important;  
  color: #1D8348 !important;       
}

.input-date{
  text-align: center;  
  height: 30px;
  border-radius: 3px !important;  
  border: 1px solid;
}