body{
  background-color: #faf9fd;
}
.titulo{
   width: 100%;
}
#PersonaFisicadiv, #FolioFormatodiv, #Creditodiv, #Brokerdiv, #motivopausadodiv, #metrosdiv, .tablapago{
   display: none;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
   border-color: #ffffff #ffffff #ffffff;
   background: #fff;
   color: #000;
}
.nav-tabs .nav-link {
   color: #fff;
}
.obragruesa-form, .registeradd-form, .register-form, .detalles-form, .carpinteria-form, .hidraulica-form, .acabados-form, .herreria-form, .otros-form, .fotos-form, .fotosadd-form,  .locacion-form, .carurbanas-form, .infrestructura-form, .equipamientourbanoconjunto-form, .equipamientourbanoconjuntoComplejo-form, .configuracionterreno-form, .fotos-form, .finish-form, .sharefolioformato-form, .Scotianbank-form, .santander-form, .Amasdavaluos-form{
   /* background-color: #fff; */
   background-color: #2d5c98;
   padding: 15px;
   width: 100%;
   margin:  auto;
   border-radius: 20px;
   box-shadow: 1px 1px 14px rgba(0,0,0,.1);
}
.estatusactual, .registeravance-form, .obragruesa-form, .detalles-form, .carpinteria-form, .hidraulica-form, .acabados-form, .herreria-form, .otros-form, .locacion-form, .carurbanas-form, .infrestructura-form, .equipamientourbanoconjunto-form, .equipamientourbanoconjuntoComplejo-form, .configuracionterreno-form, .fotos-form, .fotosadd-form ,.finish-form, .Scotianbank-form, .santander-form, .Amasdavaluos-form{
   display: none;
}
.form-check-input[type=checkbox] {
   cursor: pointer;
}
h3{
   color: #3271ff;
}
.bg-white {
   background-color: #ffffff!important;
   border-bottom: solid 4px #218bcb;
}
.Tag{
   font-weight: bold;
}
hr {
   margin: 15px;
   height: 1px;
   background-color: #fff;
}
h2, h4, h4, h5{
   color: #fff;
}
.btn-primary {
   color: #fff;
   background-color: #4eb9e9;
   border-color: #4eb9e9;
}
.btn-primary :hover {
   color: #fff;
   background-color: #4eb9e9;
   border-color: #4eb9e9;
}
.form-check {
   display: block;
   min-height: 20px;
   padding-left: 0px;
   margin-bottom: 0px;
}
.btn-warning {
   color: #000;
   background-color: #ffc107;
   border-color: #ffc107;
   width: 100%;
   padding: 10px;
   font-weight: 700;
}
.form-check-input[type=checkbox] {
   cursor: pointer;
   border-radius: 10px;
   margin: 4px;
}
.form-check-inline {
   display: inline-block;
   margin-right: 1rem;
   margin-bottom: 10px;
}
.siprimer, .sisegundo, .sitercero{
   display: none;
}
select option {
   white-space: initial;
 }
.alert-danger{
    display: none;
}

.form-control {
   background-color: #ffffff;
   border: solid 1px #2f508c;
}
.btn-ingresar{
   display: table;
   width: 100%;
   border: 0;
   padding: 10px;
   border-radius: 6px;
}
/* label{
   color: #666;
} */
label {
   color: #fff;
}
 h1, h2{
   text-align: center;
   font-size: 34px;
   color: #424242;
   margin-top: 20px;
   font-weight: 800;
}
.logo-login{
   margin: auto;
   display: table;
   width: 100%;
   max-width: 280px;
}
#failfieldjpgpr, #failfieldjpgcpr, #failfieldjpgg, #failfieldwebpm, #failfieldjpgm, #failfieldwebp, #failfieldjpg{display: none;}
.card{
   color: #fff;
   padding: 0px 20px 30px;
   border-radius: 10px;
   margin-bottom: 30px;
}
textarea {
   resize: none;
 }
.card-title{
   font-size: 30px;
}
.card-title img{
   margin-right: 20px;
   width: 60px;
}
.card-link img{
   margin-right: 10px;
}
.btn-add {
   background: #22274e;
   color: #22274e;
   padding: 10px 30px;
   transition: all .3s;
}
.btn-delete{
   background: transparent;
   border: solid 2px #fff;
   color: #fff;
   padding: 10px 30px;
   transition: all .3s;
}
.btn-add:hover, .btn-delete:hover{
   color: #fff;
   text-decoration: none;
   transform: scale(1.08);
}
.card-text{
   margin: 10px 0 20px !important;
}
.titulo-form{
   background-color: azure;
   padding: 2px;
   margin-bottom: 20px;
}
 h1, h2{
   color: #fff;
}
select{
   width: 100%;
   padding: 8px 8px;
   background-color: #f4f2f9;
   border: solid 1px #d2d2d2;
}
.form-control-file{
   width: 100%;
   background-color: #f4f2f9;
   padding: 5px 8px;
}
.btn-secondary {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d;
   width: 100%;
}
#enviar {
   width: 100%;
   padding: 10px;
   background-color: #585c79;
   border-color: #22274e;
}
.btn-danger{
   float: right;
}
#content{
   list-style:none;
}
.bg-morado{
   background: #30bdf9;
color: #fff !important;
padding: 10px 20px;
margin-top: 30px;
margin-bottom: 20px;
}
#content{
   list-style: none;
   background: #fff;
   padding: 20px;
   border-radius: 12px;
   box-shadow: 2px 2px 10px rgba(0,0,0,.1);
   color: #535353;
}
#content li{
   padding: 10px 30px;
}
#content li:nth-child(odd){
   background-color:#f4f4f4;
}
.navbar-light .navbar-nav .nav-link {
   color: rgb(34 39 78);
   padding: 0 25px;
}
.navbar-brand img{
   width: 200px;
}

.Unauthorized{
   display: none;
   position: fixed;
   top: 0%;
   background: #fff;
   width: 300px;
   left: calc(50vw - 150px);
   z-index: 10;
   border-radius: 10px;
   height: 230px;
   top: calc(50vh - 115px);
   box-shadow: 2px 2px 26px rgba(0,0,0,.5);
}
.icon-container{
   width: 300px;
   height: 90px;
   background-color: #666;
   text-align: center;
   padding: 10px 0;
   border-radius:  10px 10px 0 0 ;
}
.icon-container.error{
   background-color: #db2448;
   
}
.icon-container.no-error{
   background-color: #028006;
   
}
.icon-container.loading{
   background-color: #5969ff;
   
}
.icon-container img{
   width: 70px;
}
.text-unauthorized{
   width: 300px;
   height: 120px;
   text-align: center;
   padding: 15px;
}
.text-unauthorized h4{
   font-size: 30px;
}

.succes{
   display: none;
   position: fixed;
   top: 0%;
   background: #fff;
   width: 300px;
   left: calc(50vw - 150px);
   z-index: 10;
   border-radius: 10px;
   height: 200px;
   top: calc(50vh - 100px);
   box-shadow: 2px 2px 26px rgba(0,0,0,.5);
}
.alerta{
   background: #db2448;
   color: #fff;   
}


/* 
 .my-gallery {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   background: rgba(0,0,0,.6);
   padding: 20px 0;
   margin-bottom: 40px;
   margin-top: 20px;
   
 }
 .my-gallery img {
   width: 100%;
   height: auto;
   border: solid 3px #02d6fe;
   border-radius: 3px;
 } */
 
 /* figure.vertical img{
   width: 44%;
   margin: auto;
   display: table;
 }
 .titulo{
   width: 100%;
   max-width: 500px;
 } */



   .backgroundloader {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 9;
      background-color: #23264E;
      height: auto !important;
   }
 
   .colorful {
      width: 38.7px;
      height: 38.7px;
      border-radius: 50%;
      background: #fff;
      animation: colorful-o7soaohg 1.5s infinite linear;
      z-index: 10;
      /* position: absolute; */
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: auto;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
   }

      @keyframes colorful-o7soaohg {
         0% {
            box-shadow: 0 -52.8px #706f6f, calc(52.8px*0.707) calc(-52.8px*0.707) #c6c6c6,52.8px 0 #706f6f, 0 0 #c6c6c6,
                     0 0 #706f6f, 0 0 #c6c6c6,0 0 #706f6f, 0 0 #c6c6c6;
         }

         12.5% {
            box-shadow: 0 0 #706f6f, calc(52.8px*0.707) calc(-52.8px*0.707) #c6c6c6,52.8px 0 #706f6f, calc(52.8px*0.707) calc(52.8px*0.707) #c6c6c6,
                     0 0 #706f6f, 0 0 #c6c6c6,0 0 #706f6f, 0 0 #c6c6c6;
         }

         25% {
            box-shadow: 0 0 #706f6f, 0 0 #c6c6c6,52.8px 0 #706f6f, calc(52.8px*0.707) calc(52.8px*0.707) #c6c6c6,
                     0 52.8px #706f6f, 0 0 #c6c6c6,0 0 #706f6f, 0 0 #c6c6c6;
         }

         37.5% {
            box-shadow: 0 0 #706f6f, 0 0 #c6c6c6,0 0 #706f6f, calc(52.8px*0.707) calc(52.8px*0.707) #c6c6c6,
                     0 52.8px #706f6f, calc(-52.8px*0.707) calc(52.8px*0.707) #c6c6c6,0 0 #706f6f, 0 0 #c6c6c6;
         }

         50% {
            box-shadow: 0 0 #706f6f, 0 0 #c6c6c6,0 0 #706f6f, 0 0 #c6c6c6,
                     0 52.8px #706f6f, calc(-52.8px*0.707) calc(52.8px*0.707) #c6c6c6,-52.8px 0 #706f6f, 0 0 #c6c6c6;
         }

         62.5% {
            box-shadow: 0 0 #706f6f, 0 0 #c6c6c6,0 0 #706f6f, 0 0 #c6c6c6,
                     0 0 #706f6f, calc(-52.8px*0.707) calc(52.8px*0.707) #c6c6c6,-52.8px 0 #706f6f, calc(-52.8px*0.707) calc(-52.8px*0.707) #c6c6c6;
         }

         75% {
            box-shadow: 0 -52.8px #706f6f, 0 0 #c6c6c6,0 0 #706f6f, 0 0 #c6c6c6,
                     0 0 #706f6f, 0 0 #c6c6c6,-52.8px 0 #706f6f, calc(-52.8px*0.707) calc(-52.8px*0.707) #c6c6c6;
         }

         87.5% {
            box-shadow: 0 -52.8px #706f6f, calc(52.8px*0.707) calc(-52.8px*0.707) #c6c6c6,0 0 #706f6f, 0 0 #c6c6c6,
                     0 0 #706f6f, 0 0 #c6c6c6,0 0 #706f6f, calc(-52.8px*0.707) calc(-52.8px*0.707) #c6c6c6;
         }

         100% {
            box-shadow: 0 -52.8px #706f6f, calc(52.8px*0.707) calc(-52.8px*0.707) #c6c6c6,52.8px 0 #706f6f, 0 0 #c6c6c6,
                     0 0 #706f6f, 0 0 #c6c6c6,0 0 #706f6f, 0 0 #c6c6c6;
         }
      }


@media (max-width: 1399.98px) { 
   .btn-delete, .btn-add{
      font-size: 13px;
      padding: 10px 20px;
      width: 100%;
   }

 }

@media (max-width: 1199.98px) { 

   .card-title {
      font-size: 26px;
   }
   .btn-delete, .btn-add{
      padding: 10px;
   }
   .card-text{
  
   font-size: 14px;
   }
 }

@media (max-width: 991.98px) { 

 .btn-delete, .btn-add{
      width: 100%;
   }
   .bootstrap-table, body{
      font-size: 12px;
   }
 }

@media (max-width: 767.98px) { 
  

 }

@media (max-width: 575.98px) { 
   .navbar-brand img{
      width: 160px;
   }
   .navbar-light .navbar-nav .nav-link{
      font-size: 0;
   }

 }