.dropdown-menu.show {
    left: -235;
}

.list-group-item {
    padding: .25rem .25rem;
    margin-bottom: 0px;
    color: white;
    border: 0px;
}
.res-verical-menu{
  display: block;
  /* background-color: #070c2a; */
  padding: 15px;
}
.a-icons{
  padding: 7px;
  border: 1px solid #369af200!important;
}
.list-empresa .active{
  background-color: #318cdd!important;
  border-radius: 10px;
  border: 1px solid #369af2;
}
.a-icons:hover, .a-icons:active{
  background-color: #318cdd!important;
  border-radius: 10px;
  border: 1px solid #369af2;
}
.a-icons img{
  width: 40px;
  padding: 4px;
  filter: brightness(4);
}

#wrapper{
  border-top: 1px solid #f1f1f1;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -6.7rem;
  padding: 10px 25px;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: auto;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

.modal-content {
    padding: 0px;
    font-weight: 600;
}
.modal-body {
    margin: 0;
    padding: 0;
}
.bg-left-items{
  background-color: #e8e8e8;
  border-radius: 15px 0px 0px 15px;
}
.box1-left-items{
  background-color: #070c2a;
  padding: 20px;
  border: 1px solid #727272;
  border-radius: 15px 0px 0px 0px;
  color: #9199bf;
}
.box2-left-items{
  padding: 20px;
  color: #16171e;
  font-size: 16px;
  font-weight: 600;
}
.box1-icon{
  margin: 0 auto;
  display: flex;
  width: 110px;
  height: 110px;
}
.box2-icon{
  margin-left: 57%;
  margin-top: -6.5%;
  margin-bottom: 15px;
}
.box2-icon img{
  max-width: 17%;
}
.name-style{
  color: white;
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px;
}
.progress-empresas{
  width: 30%;
  border-radius: 50px;
  background-color: #070c2a;
  border: 1px solid #57617e;
  height: 0.7rem;
  margin-left: 5px;
}
.box1-left-items .a-btn-style{
  background-color: #6a6d80;
  color: white!important;
  border-radius: 150px;
  padding: 5px 20px;
}
.box1-left-items .a-btn-style2{
  background-color: #ff5a1a;
  color: white!important;
  font-weight: 600;
  border-radius: 50px;
  padding: 5px 20px;
}
.box1-left-items .text-box{
  margin-top: 15px;
  color: white;
  font-size: 17px;
  font-weight: 400;
}
.box2-left-items .info-p{
  font-size: 17px;
}
.box2-left-items .info-icon img{
  width: 70%;
}
.box-right-items{
  background-color: #f5f5f5;
  border-radius: 0px 15px 15px 0px;
  padding: 25px;
  font-size: 15px;
}
.box-right-items .card-icon-bg {
    background-color: #ceced8;
    padding: 8px 8px;
    font-size: 28px;
    border-radius: 5px;
}

/* botones descartar y selecc */
.btn-descartar-activ{
  background-color: #ffffff00;
  border: 1px solid #2688d9;
  color: #2688d9!important;
  font-weight: 500;
  border-radius: 25px;
  padding: 7px 15px;
}
.btn-descartar-activ:hover {
  background-color: #b4d8f1;
  border: 1px solid #a8d1ec;
  color: #4e5579!important;
}
.btn-seleccionar-activ{
  background-color: #b4d8f1;
  border: 1px solid #a8d1ec;
  color: #318cdd!important;
  font-weight: 500;
  border-radius: 25px;
  padding: 7px 15px;
}
.btn-seleccionar-activ:hover {
    background-color: #55ace8;
    border: 1px solid #318cdd;
    color: #ffffff!important;
}
.btn-descartar-inactiv{
  background-color: #dcdcdc;
  border: 1px solid #cacaca;
  color: #777777!important;
  font-weight: 500;
  border-radius: 25px;
  padding: 7px 15px;
  cursor:auto;
}
.btn-seleccionar-inactiv{
  background-color: #dcdcdc;
  border: 1px solid #cacaca;
  color: #777777!important;
  font-weight: 500;
  border-radius: 25px;
  padding: 7px 15px;
  cursor:auto;
}
.alert-fixed {
  display: none;
  position:fixed;
  bottom: 10px;
  right: 10px;
  width: 40%;
  z-index:9999;
  border-radius:0px
}

.note-modal .modal-header{
  padding: 30px;
  border-bottom: 1px solid #ced4da;
}
.note-modal .modal-body{
  padding: 30px;
}
.note-modal .modal-footer{
  padding: 30px;
}

@media (min-width: 1200px){
  .container-fluid {
      max-width: 1450px;
      padding-left: 10px;
      padding-right: 0px;
  }
}
@media (max-width: 1130px){
  .box2-left-items .info-icon img{
    width: 80%;
  }
}
@media (max-width: 1010px){
  .box2-left-items .info-icon img {
      width: 90%;
  }
  .box1-left-items .a-btn-style {
    padding: 5px 15px;
  }
  .box1-left-items .a-btn-style2 {
    padding: 5px 15px;
  }
}
@media (max-width: 915px){
  .box2-left-items .info-icon img {
      width: 100%;
  }
}
@media (max-width: 880px){
  .box2-left-items .info-icon img {
      width: 140%;
  }
}
@media (max-width: 830px){
  .box2-left-items .info-icon img {
      width: 170%;
  }
}
@media (max-width: 780px){
  .box2-left-items .info-icon img {
      width: 210%;
  }
}
@media (max-width: 767px){
  .box2-left-items .info-icon img {
      width: 30%;
  }
  .bg-left-items {
    border-radius: 15px 15px 0px 0px;
  }
  .box1-left-items {
    border-radius: 15px 15px 0px 0px;
  }
  .box-right-items {
    border-radius: 0px 0px 15px 15px;
  }
}
@media (max-width: 576px){
  .box2-left-items .info-icon img {
      width: 30%;
  }

}
@media (max-width: 340px){
  .box2-left-items .info-icon img {
      width: 50%;
  }
}


@media (min-width: 992px){
  .modal-lg, .modal-xl {
    max-width: 89%!important;
    margin-left: 9%;
  }
}
@media (min-width: 768px) {
  .res-verical-menu{
    display: none;
  }
  #sidebar-wrapper {
    margin-left: 0;
    padding: 10px 25px;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -6.7rem;
  }
  .list-group-item {
      padding: .25rem .25rem!important;
  }
}
@media (min-width: 755px){
  .modal-dialog {
    max-width: 89%!important;
    margin-left: 9%;
  }
}
@media (min-width: 576px){
  .modal-dialog {
    max-width: 89%!important;
  }
}