/* ---------tipografia--------- */
@font-face {
  font-family: Didot;
  src: url(../fonts/didot/Didot-01.ttf);
  font-display: swap;
}
@font-face {
  font-family: Didot-Italic;
  src: url(../fonts/didot/Didot-Italic-02.ttf);
  font-display: swap;
}
@font-face {
  font-family: Didot-Bold;
  src: url(../fonts/didot/Didot-Bold-03.ttf);
  font-display: swap;
}
@font-face {
  font-family: Gotham-Book;
  src: url(../fonts/gotham/Gotham-Book.otf);
  font-display: swap;
}
@font-face {
  font-family: Gotham-Medium;
  src: url(../fonts/gotham/Gotham-Medium.otf);
  font-display: swap;
}
@font-face {
  font-family: Gotham-Bold;
  src: url(../fonts/gotham/Gotham-Bold.otf);
  font-display: swap;
}
body {
  min-height: 100vh;
  background-color: white;
}
/* ----layout----- */
.loading-screen {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: white;
  z-index: 99999999;
  text-align: center;
}
.loading-screen i {
  position: fixed;
  top: 50%;
  left: 50%;
  font-size: 40px;
  margin-left: -20px;
  margin-top: -20px;
  color: #A41F35;
}

/* ------navbar----- */

.collapse{
  font-size: 12px;
}
.logo-php {
  display: none;
}
.logo-mobile-php {
  display: block;
  text-align: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 20px;
}
.logo-mobile-php img {
  width: 100px;
}
/* .nav-php-fixed{
  width: 100;
  position: fixed;
  z-index: 1000;
} */
.nav-php li {
  padding: 0 15px;
}
.nav-php li > a {
  color: black;
  text-decoration: none;
}
.app-guest-a{
 
  padding:5px;
}
.app-guest-a:hover{
text-decoration: none;
}
.dropdown-menu{
  width: 180px;
}
.nav-achaval{
  font-size: 12px;
  color: #a41f35 !important;
  background-color: transparent;
  font-family: Gotham-Book;
}
.nav-achaval:hover{
  font-family: Gotham-Bold;
  text-decoration: none;
}
.nav-achaval-trade{
  font-size: 12px;
  color: #a41f35 !important;
  background-color: transparent;
  font-family: Gotham-Bold;
}
.nav-achaval-trade:hover{
  font-family: Gotham-Bold;
  text-decoration: none;
}
/* -------login------ */
.container-login-php{
    width: 100%;
    min-height: 100vh;
    background-image: url(../img/Bodega.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.login-php {
  padding: 0 30px 0 30px;

}

/* ------register------- */
.register-php .row h1  {
    padding: 8px 15px;
    font-size: 25px;
    color: black;
    font-family: Didot-Italic;
}
.register-php .row h1>small {
    color: black;
    font-family: Gotham-Book;
}
.register-php .active>a,.active{
    color: black;
    font-family: Gotham-Book;
    font-size: 12px;
}
.register-php .row h2  {
    font-size: 15px;
    color: black;
    font-family: Didot-Italic;
}
.register-php .row h2>span {
    font-size: 13px;
    color: black;
    font-family: Gotham-Book;
}
.register-php .breadcrumb {
    background-color: white;
}
.register-php .panel-default {
    border-color: white;
}
.register-php .panel-default > .panel-heading {
    border-color: #A41F35;
    border-bottom: 2px solid #A41F35;
}
.register-php .botones-php button{
border: 0;
border-radius: 0;
margin: 3px;
background-color: #A41F35;
}
.register-php .botones-php a{
    padding: 5px 10px;
    border: 1px solid grey;
    color: black;
    margin: 3px;
    border-radius: 0;
    background-color: white;
    }

/* ------home------- */

.folder-current{
  color: #A41F35;
  font-family: Gotham-Bold;
}
.aclaracion{
  padding-left: 10px;
}
/* .home-php .row h1  {
    padding: 8px 15px;
    font-size: 25px;
    color: black;
    font-family: Didot-Italic;
}
.home-php .row h1>small {
    color: black;
    font-family: Gotham-Book;
} */


.go-back{
  display: block;
  padding-right: 10px;
}
.container-nav-folders .active>a,.active,.go-back>a{
   
    color: black;
    font-family: Gotham-Book;
    font-size: 12px;
}
/* .home-php .panel-default {
    border-color: white;
} */
.container-nav-folders .breadcrumb {
    background-color: white;
}
.home-php .resources {
  min-height: 250px;
  margin: 30px 0;
}

.home-php .agregar {
  color: #A41F35;
  text-decoration: none;
}
.home-php .usuarios a{
color: black;
}
.home-php .agregar span {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #A41F35;
}
.home-php .well {
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 150px;
  border: none;
  box-shadow: none;
  background: #ffffff !important;
  border-radius: 10px;
}
.home-php .well .fa {
  display: table-cell;
  vertical-align: middle;
}
.home-php .well .icon {
  display: table;
  font-size: 96px;
  line-height: 96px;
  margin: auto;
  text-align: center;
  height: 85%;
}
.home-php .description{
  text-align: center;
  /* padding-left: 60px; */
}
.home-php .description >h4{
 font-size: 15px;
 font-family: Gotham-Medium;
 margin:0;
}
.home-php .description>hr{
  width: 50px;
  border: solid 2px #A41F35;
  /* margin-left: 0; */
  margin-top: 10px;
}


.home-php .picture{
    height: 125px;
    background: url(../img/folder.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 20px 0 10px;

}

.home-php .pictureFile{
  background: url("");
  height: 130px;
  padding-top: 25px;
  color: #A41F35;
  overflow: hidden;
}
.home-php .pictureFile a,
.home-php .pictureFile a:hover{
  color: #A41F35;
}
.home-php .caption{
  font-family: Gotham-Book;
  color:black;
  text-align: center;
}

.home-php .caption a {
  margin-top: 10px;
  width: 65%;
  margin: 10px 20% 0;
  border: 0;
  border-radius: 0;
  font-size: 13px;
}
.home-php .file {
  background-color: #A41F35;
}
.home-php .file::after{
  background-color: #A41F35;
}
.home-php .opciones{
 margin-top: 14px; 
}
.home-php .opciones a{
  color: #A41F35;
}
.home-php .thumbnail {
 background-color: transparent;
 border: 0;
}
/* ----modal-home---- */
.new-resource-select {
  overflow: hidden;
  padding: 45px 15px;
}
.new-resource-select a {
  width: 100%;
  display: block;
  text-align: center;
  color:#A41F35;
  text-decoration: none;
}
.new-resource-select a:hover {
  color:#A41F35;
  text-decoration: none;
}
.new-resource-select a i {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 80px;
  margin-bottom: 15px;
}
/* modal new folder */
#modal_new_folder{
  font-family: Gotham-Medium;
  font-size: 13px;
  color: black;
}
#modal_new_folder .modal-footer #submit_file_add{
  color:white;
  background-color:#A41F35;
  border:0;
  border-radius: 0;
}
#modal_new_folder .modal-footer button{

  border-radius: 0;
}

/* modal new file */
#modal_new_x_file{
  font-family: Gotham-Medium;
  font-size: 13px;
  color: black;
}
#modal_new_x_file .modal-footer #submit_file_add{
  color:white;
  background-color:#A41F35;
  border:0;
  border-radius: 0;
}
#modal_new_x_file .modal-footer button{

  border-radius: 0;
}
/* modal confirm */
#modal_confim .modal-header h4{
font-family: Gotham-Medium;
font-size: 13px;
}
#modal_confirm .modal-body p{
  font-family: Gotham-Book;
font-size: 11px;
}
#modal_confirm .modal-footer a{
  color:white;
  background-color:#A41F35;
  border:0;
  border-radius: 0;
}
#modal_confirm .modal-footer button{

  border-radius: 0;
}
/* ----users---- */
.new-user-php{
  background-color: #A41F35;
  border: none;
  border-radius: 0;
  font-family: Gotham-Book;
  font-size: 13px;
  margin-bottom: 15px;
}
.new-user-php:hover{
  background-color: #A41F35;
}
@media(max-width:575px){
  .container-nav-folders{
    max-width: 100%;
    }
}
@media (min-width: 576px) {
 
  .nav-php {
    border-color: white;
  }
/* modal confirm */
#modal_confim .modal-header h4{
  font-family: Gotham-Medium;
  font-size: 15px;
  }
  #modal_confirm .modal-body p{
    font-family: Gotham-Book;
  font-size: 13px;
  }

  /* ----home---- */
  /* .home-php .active{
    width: 350px;
   } */
   .container-nav-folders .active{
    width: 400px;
   }
  .container-nav-folders .active>a,.active{
    font-size: 15px;
  }
  .login-php {
    padding: 10vh 30px 0 30px;
  
  }
}
@media (min-width: 768px) {

  
  /* ----layuot---- */
  #app >.navbar >.container{
    max-width: 100%;
   margin-right: 0;
   margin-left: 0;
   padding-left: 0;
   padding-right: 0;
  }

    .nav-achaval:hover hr {
      visibility: visible!important;
      -webkit-animation: widthMenu 0.8s;
      animation: widthMenu 0.8s;
    }
    .nav-achaval  hr {
      visibility: hidden;
      width: 90%;
      border: solid 2px #a41f35;
      margin: 5px auto 5px auto;
    }
    .nav-achaval-trade  hr {
      width: 90%;
      border: solid 2px #a41f35;
      margin: 5px auto 5px auto;
    }
    
  .logo-php {
    display: initial;
  }
  .logo-mobile-php {
    display: none;
  }
  .nav-php {
    /* background-color: rgba(198, 191, 182, 0.5); */
    background: rgb(198,191,182);
background: linear-gradient(0deg, rgba(198,191,182,1) 22%, rgba(224,221,216,0.2497373949579832) 56%, rgba(255,255,255,1) 71%);
    margin-bottom: 30px;
  }
  .app-guest-a{
    border:1px solid #A41F35;
    border-radius:5px; 
    padding:5px;
  }
  .app-guest-a:hover{
  text-decoration: none;
  }
  /* ----welcome---- */
  .welcome{
    margin-top: -100px;
    padding-top: 100px;
  }

   /* -----home---- */
   .container-nav-folders .active{
    width: auto;
   }
 /* .home-php .description{
  text-align: left;
}
.home-php .description>hr{
  margin-left: 0;
} */
}
@media (min-width: 1200px) {

   /* -----home---- */
 /* .home-php .description{
  padding-left: 40px;
} */
}