@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/* General */

@media only screen and (max-width:767px){

    .breadcrumb{
        display:none
    }

    .menu-derecho {
        width: 100% !important;
    }

    img#ajuste{
        min-width: 100%;
        margin-left: -15px;
    }

    .btn-pap{
        padding-top: 10px;
        padding-bottom: 0px;
        border: none;
        text-align: center;
        margin-left: 23%!important;
        margin-bottom: 0px;
        margin-top: 10px!important;
        width: 175px!important;
    }

    .misProyectos-header{
        background-size: 100% auto!important;
        max-width: 100%;
    }

    .logotipos{
        width: 100%!important;
        height: 70%!important;
        background-repeat: no-repeat;
        display: table;
        margin: 0px!important;
    }

    ol.breadcrumb {
        margin-top: 0px!important;
    }

    .logotipos p{
        font-size: 27px!important;
    }

    #logo-pap-header {
        width:90px!important;
    }

    #logo-copolad-header{
        width:103px!important;
        margin-top:14px!important;
    }

    p.titulo{
        color: white;
        font-size: 10px;
        margin-top: 11px!important;
        border: 0px;
        float: left;
        background-color: orange!important;
    }

    .margen-lista-proyectos{
        border: 0px;
        color :white;
    }

    a.text-white p.fase-evaluar{
        padding-top: 13px !important;
        padding-bottom: 12px!important;
        font-size: 9px!important;
    }

    p.proyecto-ultima-fecha{
        font-size: 10px !important;
        float: left;
        text-align: left;
    }

    div p.editar{
        margin-bottom: 0px!important;
    }

    p#def{
        font-size: 10px!important;
    }

    div.gris.circle{
        display: table;
        margin-top: 0px;
    }

    div.row.margenes{
        margin-left: 0px;
        margin-top: 0px!important;
    }

    p.subtitle-fase1{
        font-size: 20px!important;
        font-weight: bold!important;
    }

    p.title-fase1{
        font-size: 20px!important;
        font-weight: bold!important;
    }

    p#title-support{
        text-align: center;
    }

    h5.defst{
        font-size: 13px;
    }

    h5.defst2{
        font-size: 13px;
    }

    div#padding-left{
        padding-left: 15px!important;
    }

    p.adjusttext{
        font-size: 13px;
    }

    h4.defst{
        font-size: 13px;
    }
}

@media only screen and (min-width:768px){

}

@media only screen and (min-width:992px){

}

@media only screen and (max-width:1199px){
    .invitar-colaborador {
        margin-top: 5% !important;
    }
}
div#padding-left{
    padding-left: 0px;
}
h5.defst{
    font-weight: 700;
}
div.row.margenes{
    margin-left: 0px;
    margin-top: 10rem;
}

.row#margneg{
    margin-right: 0px;
    margin-left: 0px;
}

#margbot{
    margin-bottom: 20px;
}

p.titulo{
    color: white;
    font-size: 10px;
    margin-top:17px;
    margin-left: 16px;
    padding: 0px;
    border: 0px;
    float: left;
    background-color: #f18e00 !important;
}

p.titulo:hover {
    color: white;
    font-size: 10px;
    margin-top:17px;
    margin-left: 16px;
    padding: 0px;
    border: 0px;
    float: left;
    text-decoration: none;
}

a{
    text-decoration: none!important;
}

.link-naranja:hover, footer a:hover, #copy-ackn a:hover{
    color: #f18e00;
}

#documento-circum{
    margin-top: -32px;
}

.scrollup {
    width: 50px;
    height: 50px;
    display: none;
    bottom: 50px;
    right: 100px;
    position: fixed;
    text-indent: -9999px;
    background: url('../img/icons/up-arrow.png') no-repeat;
    background-position: center; 
    background-color: #f18e00;
    z-index: 9000;  
}

@media(max-width: 767px){
    .scrollup{
        right: 25px;
        bottom: 25px;
    }
}

/* Textos i colores */

.text-white{
    color: #fff;
}

.text-white:hover{
    color: #fff;
}

.text-white:focus{
    color: #fff;
}

.text-black, .fases-proyectos a{
    color: #000;
}

.extra-bold{
    font-weight: 800;
}

.titulo{
    font-weight: 800;
    font-size: 2.5rem;
}

/* Colores de fondo */

.naranja, .navegar-btn{
    background: #f18e00;
}

.naranja:hover{
    background: #9c9e9f;
}

.siempre-naranja, .siempre-naranja:hover, .siempre-naranja:active, .siempre-naranja:visited {
    background: #f18e00 !important;
}

.verde{
  background: #86a40b!important;
}

.verde:hover{
  background: #9c9e9f!important;
}

.siempre-verde, .siempre-verde:hover .siempre-verde:active .siempre-verde:visited {
  background: #86a40b !important;
}

.gris-claro, .menu-derecho ul li, .llista-pap-fases ul li, .webpage-textContent table {
    background-color: #eceded;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
}

.webpage-textContent table{
    margin-top: 30px; 
    padding-right: 5%; 
    margin-bottom: 30px; 
    margin-left: 0px;
}

.form-poyecto:hover{
    background: #cfd1d2;
}

.gris{
    background: #9c9e9f;
}

.siempre-gris, .siempre-gris:hover, .siempre-gris:active, .siempre-gris:visited {
    background: #9c9e9f !important;
}

.gris-oscuro{
    background:#58585a!important;
}

/* Listas */

ul.lista-guiones > li {
    list-style-type: none;
    text-indent: -19px;
    margin: 0 0 0 -21px;
    text-align: justify;
}
ul.lista-guiones > li:before {
    content: "\2014 ";
}

ol.lista-numeros > li {
    margin: 0 0 0 -24px;
    text-align: justify;
}

/* Logotipos */

.logotipos{
    width: 100%;
    height: 179px;
    background-repeat: no-repeat;
    display: table;
}

.logotipos p{
    font-weight: 800;
    font-size: 30px;
    color: #fff;
    margin-top: 10px;
    text-align: center;
}

.logotipos div{
    display: table-cell;
    vertical-align: middle;
}

.fpFase1-header{
    background-image: url("../img/logos/fpFase1-header.jpg");
}

.fpFase1-paso1-header{
    background-image: url("../img/logos/fpFase1-paso1-header.jpg");
}

.fpFase1-paso2-header{
    background-image: url("../img/logos/fpFase1-paso2-header.jpg");
}

.fpFase2-header{
    background-image: url("../img/logos/fpFase2-header.jpg");
}

.fpFase2-paso1-header{
    background-image: url("../img/logos/fpFase2-paso1-header.jpg");
}

.fpFase2-paso2-header{
    background-image: url("../img/logos/fpFase2-paso2-header.jpg");
}

.fpFase2-paso3-header{
    background-image: url("../img/logos/fpFase2-paso3-header.jpg");
}

.fpFase3-header{
    background-image: url("../img/logos/fpFase3-header.jpg");
}

.fpFase3-paso1-header{
    background-image: url("../img/logos/fpFase3-paso1-header.jpg");
}

.fpFase3-paso2-header{
    background-image: url("../img/logos/fpFase3-paso2-header.jpg");
}

.fpFase4-header{
    background-image: url("../img/logos/fpFase4-header.jpg");
}

.fpFase5-header{
    background-image: url("../img/logos/fpFase5-header.jpg");
}

.fpFase5-paso1-header{
    background-image: url("../img/logos/fpFase5-paso1-header.jpg");
}

.fpFase5-paso2-header{
    background-image: url("../img/logos/fpFase5-paso2-header.jpg");
}

.fpFase5-paso3-header{
    background-image: url("../img/logos/fpFase5-paso3-header.jpg");
}

.fpFase4-paso1-header{
    background-image: url("../img/logos/fpFase4-paso1-header.jpg");
}

.fpFase4-paso2-header{
    background-image: url("../img/logos/fpFase4-paso2-header.jpg");
}

.fpFase6-header{
    background-image: url("../img/logos/fpFase6-header.jpg");
}

.fpFase6-paso1-header{
    background-image: url("../img/logos/fpFase6-paso1-header.jpg");
}

.fpFase6-paso2-header{
    background-image: url("../img/logos/fpFase6-paso2-header.jpg");
}

.fpFase7-header{
    background-image: url("../img/logos/fpFase7-header.jpg");
}

.fpFase7-paso1-header{
    background-image: url("../img/logos/fpFase7-paso1-header.jpg");
}

.fpFase7-paso2-header{
    background-image: url("../img/logos/fpFase7-paso2-header.jpg");
}

.registro-header{
    background-image: url("../img/logos/registro-header.jpg");
}

.buscador-header {
    background-image: url("../img/logos/buscador-header.jpg")
}

.header-resp {
    height: 179px;
    background-repeat: no-repeat;
    display: table;
    width: 100%;
}

.header-resp-glosario {
    height: 179px;
    background-repeat: no-repeat;
    display: table;
    width: 100%;
}

.header-resp-glosario p {
    font-weight: 800;
    font-size: 30px;
    color: #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.header-resp p{
    font-weight: 800;
    font-size: 30px;
    color: #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (max-width:767px){
    .header-resp{
        width: 100%!important;
        height: 100px!important;
        background-repeat: no-repeat;
        display: table;
        margin: 0px!important;
    }

    .header-resp-glosario p {
        font-size: 15px !important;
    }

    .header-resp-glosario {
        width: 100%!important;
        height: 100px!important;
        background-repeat: no-repeat;
        display: table;
        margin: 0px!important;
    }

    .header-resp p{
        font-size: 15px !important;
    }
}

@media screen and (min-width: 430px) {
    .glosario-header{
        background-image: url("../img/logos/glosario-header.jpg");
    }
}

@media screen and (max-width: 425px) {
    .glosario-header-resp {
        display: block !important;
        margin-top: -10%;
    }

    .text-fases-resp {
        padding-top: 5% !important;
    }
}

.lletra-header-resp {
    font-weight: 800 !important;
}

.misProyectos-header{
    background-image: url("../img/logos/misProyectos-header.jpg");
}

/* Fuente de la página */

body {
    font-family: "Open Sans", sans-serif;
}

/* Header */

header {
    margin-top: 20px;
}

#head-top {
    margin-bottom: 20px;
}

#logo-pap-header {
    margin-top: 10px;
}

.head-img-p-home {
    max-width: 100;
    width: 50px;
    margin: 20px 0;
}

/* Navbar - dropdown */


/* Breadcrumb */

ol.breadcrumb {
    background-color: #ffffff;
    font-size: 1.2rem;
    border-width: 1px 0;
    border-style: solid;
    border-color: #58585a;
    margin-top: 30px;
    border-radius: 0px;
    padding-left: 0;
    margin-bottom: 30px;
}
ol.breadcrumb-search {
    margin-top: 60px;
    margin-bottom: 55px;
}

.breadcrumb a{
    color: #58585a;
}

/* Sobrefooter */

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 25px;
    font-size: 1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
}
.nav>li:hover, .nav>li:active {
    background-color: #eceded;
}

#sobre-footer {
    background-color: #ededee;
    margin-top: 30px;
    padding: 30px 0;
}
.container .row .col-md-12 #copyRtAck {
    width: 50%;
}

.wrapper-logo {
    text-align: center;
}
.wrapper-logo a {
    display: block;
    height: 75px;
}
.wrapper-logo img {
    max-height: 66px !important;
    max-width: 130px !important;
}

#logo2 {
    height: 44px;
}

#logo3 {
    height: 44px;
}

#title-support {
    font-size: 0.9rem;
    font-weight: 800;
    margin-top: 5px 0;
}

p #description {
    margin-bottom: 0px;
}

#description {
    font-size: 0.9rem;
    text-align: center;
}

.displace {
    margin-top: 2%;
}

.img-responsive.center-block.displace{
    margin-top: 20%;
}

/* Footer */

footer {
    background-color: #BFBFBF;
    padding: 30px 0;
    margin-top: 20px;
}

footer h2 {
    font-size: 1.15rem;
    font-weight: 700;
    margin-top: 0px;
}
footer a {
    font-size: 1.05rem;
    color: #333333;
}

#links-utils a {
    line-height: 2.7rem;
}
#copy-ackn {
    padding: 15px 0;
    font-size: 1.1rem;
    background-color: #252525;
    color: #ffffff;
}

#acknowledgements a {
    color: #ffffff;
    font-weight: 700;
}

.footer-line-left {
    border-left: 1px solid #333333;
}

@media (min-width: 1000px){
    .altura-footer {
        height: 140px;
    }
}

div#links-utils {
    margin-top: -9px;
}

/** Creditos Que es Paso a Paso **/

.padding-creditos-title{
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 50px;
    margin-left: 0px;
    margin-right: 8px;
}

.padding-creditos:nth-child(2) {
    padding-left: 0px;
    padding-right: 0px;
}

.padding-creditos{
    padding-right: 45px;
    padding-bottom: 30px;
}

.padding-creditos2{
    padding-left: 0px;
}

/* Inicio */

p#pap-home {
    color: #4D4D4D;
    font-size: 1.5rem;
    font-weight: 700;
}
p#subtle-home {
    font-size: 2.5rem;
    font-weight: 700;
}

p#subtle-home strong{
    font-size: 2.5rem;
    font-weight: 800;
}

#join-pap {
    color: #ffffff;
    padding: 40px 0;
}
#join-pap img {
    margin: 0;
}

#home-login-form {
    background-color: #E5E5E5;
    margin-top: 20px;
    padding-right: 15%;
    padding-left: 15%;
}

#home-login-form div.form-group{
    margin-top: 10px;
    font-size: 1.1rem;
}

#home-login-form label {
    font-size: 0.9rem;
    font-weight: 800;
}

#home-login-form h3{
    font-weight: 700; font-size: 2.5rem; margin-left: -1px;
}

#home-login-form label, #home-login-form label input{
    display: block;
    width: 100%;   
}

#home-login-form label input{
    height: 3rem;
    border: thin solid #9c9e9f;
    color: #58585a;
}

#forgot-pass-text {
    font-size: 1rem;
    margin-top: 10px;
}

/* Bloques */

.demos-caixa {
    margin: 10px;
    height: 200px;
    display: table;
}

.contenido-pap {
    margin-top: 4%;
}

@media (max-width: 768px) {
    .contenido-pap img {
        max-width: 100%;
        height: auto !important;
    }

    .nuevo-proyecto-resp {
        margin-top: 5%;
    }

    .icona-demo {
        max-width: 9%;
    }

    .text-pap, .text-demo {
        width: 100%;
    }

    .demos-caixa{
        margin-bottom: 5px !important;
    }
}

@media (max-width: 425px) {
    .box-creditos{
        width:100%;
    }
}

@media only screen and (max-width: 425px) {
    .menu-pap {
        display: none !important;
    }

    .menu-glosario1 {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .menu-glosario2 {
        display: none !important;
    }

    #cabecera-fase-resp {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/* Botones */

.btn-copolad {
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 1.60rem;
    font-weight: 800;
    border: 0px;
}

.btn-copolad:hover {
    background: #9c9e9f;
    color: #fff;
}

.btn-copolad:visited {   
   color: #fff;
}

.btn-copolad img{
    width: 15px;
    margin-bottom: 3px;
}

.new-project-btn{
    font-size: 20px;
}

.new-project-btn-complet{
    background: #f18e00        !important;
    color: white               !important;
    padding-top: 6px;
    padding-left: 100px;
    padding-right: 100px;
    border-radius: 0px         !important;
    border: none;
    text-transform: uppercase;
    font-weight: 750;
    font-size: 15px;
    padding-bottom: 6px;
    margin-top: 5%;
}

#evaluarProyecto-btn{
    margin-top: 0%;
}

.register-form-btn, .new-project-btn, .contact-form-btn {
   background: #f18e00        !important;
   color: white               !important;
   padding-top: 10px;
   padding-left: 70px;
   padding-right: 70px;
   border-radius: 0px         !important;
   border: none;
   text-transform: uppercase;
   font-weight: 700;
}

.edit-profile-btn {
   background: #f18e00        !important;
   color: white               !important;
   padding-top: 10px;
   padding-left: 70px;
   padding-right: 70px;
   border-radius: 0px         !important;
   border: none;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 15px!important;
   font-weight: 700!important;
   height: 43px;
}

.delete-profile-btn {
   background: #e2001a       !important;
   color: white               !important;
   padding-top: 10px;
   padding-left: 50px!important;
   padding-right: 50px!important;
   border-radius: 0px         !important;
   border: none;
   text-transform: uppercase;
   font-weight: 700;
   font-size: 15px!important;
}

.btn-pap{
    background: #f18e00;
    padding-top: 10px;
    padding-bottom: 0px;
    border: none;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 300px;
}

.btn-ver-todos{
    padding-left: 0 !important;
    padding-top: 10px !important;
}

.btn-nueva-nota div {
    background: #f18e00;
    color:white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
}

.btn-nuevo-documento > a > div {
    padding: 12.5px 0;
    font-weight: 700;
    font-size: 1.3rem;
    color: white;
}

.btn-nueva-nota{
    padding-right: 0px;
    font-size: 13px;
}

.demo-btn h2 {
    font-size: 1.6rem;
    font-weight: 800;
    margin-top: 15px;
    margin-bottom: 10px;
}

input[type="file"].hidden-upload-btn {
    margin-top: -44px;
    height: 45px;
    opacity: 0;
    width: 149px;
    margin-left: 10px;
}


.upload-file-btn{
    background-color: #d0d0d2;
    color: white !important;
    padding: 0px !important;
    border-radius: 0px !important;
    border: none;
    font-weight: 700;
}

.delete-btn-div{
    margin-top: 2.5rem;
}

.cancelar-enviar-btn{
    margin-top: 2.5rem;
}

@media(min-width: 768px){
    .delete-btn-div{
        padding-left: 20px; 
        padding-right: 0px;
    }

    .cancelar-enviar-btn{
        padding-left: 0px;
        padding-right: 0px;
    }

    .upload-block{
        padding-top: 15px;
    }
}

.enviar-btn{
    background: #f18e00 !important;
    color: white !important;
    padding-top: 10px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 0px !important;
    border: none;
    font-weight: 700;
    font-size: 15px;
}

.colaboradorDocumento-btn img {
    width: 80px;
    height: 70px;
}

.volver-btn {
    padding-left: 10%!important;
    padding-right: 10%!important;
}

.anchor-btn {
    display: block;
    padding: 0px!important;
    height: inherit;
}

a.btn.btn-primary.naranja:active{
    background-color: #9c9e9f;
}

/* Tooltip */

.tooltip-inner{
    background-color: #f18e00;
    white-space:nowrap;
    max-width:none;
}

.tooltip.left .tooltip-arrow{
    border-left-color: #f18e00; 
}

.tooltip.right .tooltip-arrow{
    border-right-color: #f18e00; 
}

.tooltip.top .tooltip-arrow{
    border-top-color: #f18e00; 
}

.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #f18e00; 
}

/**tamaños de textos     300,400,600,700,800 **/

.title-fase1{
    font-weight:800 !important;
    font-size: 3rem !important;
    margin-bottom: 20px;
}

.subtitle-fase1{
    font-weight:700 !important;
    font-size: 2.3rem !important;
    margin-bottom: 5px;
}
.sub-subtitle-fase1{
    font-weight:300 !important;
    font-size: 1.9rem !important;
    margin-bottom: 35px;
}
.barra-navegacion{
    font-weight:normal !important;
    font-size:  1.3rem !important;
}
.txt-fase1{
    font-weight:normal !important;
    font-size:  1.5rem !important;
}

.navegar-btn{
    font-weight: bold !important;  
    /*background-color: #cfd1d2;*/
    height: 44px;
    border: 0;
}

/* Enlaces */

.strong-link, .webpage-textContent a, .aviso-legal-privacidad a {
    background-color: #d9d9d9;
    color: #000;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: 700;
}

.strong-link:hover, .plus-strong:hover, .webpage-textContent a:hover, .glosario-index a:hover, .aviso-legal-privacidad a:hover {
    background-color: #f18e00;
    color: #fff; 
    text-decoration: none;
}

.plus-strong{
    padding-left: 3.5%!important;
    padding-right: 3.5%!important;
    background-color: #f18e00;
    color: #fff;
}

.plus-strong-modificar {
    padding: 0 3.5%!important;
    background-color: #f18e00!important;
    color: #fff!important;
    margin: 0 -3px;
}

/* Menus Derechos*/

.menu-derecho a, .llista-pap-fases a { 
    color: #000;
    text-decoration: none;
}   

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #9c9e9f;
    border: none;
}

.menu-derecho a li:hover, .llista-pap-fases a li:hover{
    background-color: #9c9e9f;
    color: #fff;
}

.menu-derecho ul li, .llista-pap-fases ul li {
    border-radius: 0px!important;
    border: 1px solid #fff;
}

.steps-img {
    width: 100%;
    padding-bottom: 25px;
    padding-top: 25px;
}

.last-step p {
    font-size: 13px;
}

.info-title{
    color: #f18e00;
}

hr {
  height: 1px;
  background-color: #58585a;
}

hr#pos{
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Glosario */

.glosario-index {
    z-index: 100;
    display:flex;
}

.glosario-index > div {
    width: 3.84%;
    float: left;
    border-right: 1px solid black;
}

.glosario-index > div:hover {
    background-color: #f18e00;
    text-decoration: none;
    border: none;
    margin-left: -1px;
    margin-right: 1px;
}

.glosario-index > div:last-child {
    border-right: 0px;
}

.glosario-index a {
    color: black;
    font-weight: 700;
    font-size: 20px;
}

.glosario-index a:hover {
    color: #fff;
}

/* Registro */

.form-control {
   border-radius: 0px;
   background-color: #f2f2f3;
   height: 44px;
   margin-bottom: 25px;
   border-color: #9c9e9f;
}

.register-form label, .contact-form label{
    font-weight: normal;
    color:#020202;
    font-size: 1.35rem;
}

p.text-pass{

    color:gray;
    font-size: 13px;
}

p.text-obli{
    font-weight: normal;
    color:#020202;
    font-size: 14px;
}
.input-group-addon{
    border-radius:0px !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

#errorPass, #errorCorreo, #errorFirstPass, #errorSecondPass, #errorCurrentPassword, #errorNewPassword {
    font-size: 11px;
    color: red!important;
}

input[type=number] { -moz-appearance:textfield; }

/** SELECTS **/
.select-icon-editar input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 1px solid #9c9e9f;

}

.select-icon-editar {
  background: url("../img/icons/icon-select-editar.png") 100% / 10% no-repeat #eee;
  background-size: 45px 45px;
}

.select-triangulo select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 1px solid #9c9e9f;

}

.select-triangulo {
  background: url("../img/icons/icon-select-arrow.png") 100% / 10% no-repeat #eee;
  background-size: 45px 45px;
}

/**PERFIL**/
.perfil-inputs input, .perfil-inputs select{

    font-weight: 600;
    font-size: 15px
}

.perfil-title{
    font-size: 2rem;
    font-weight: 700;
    margin-top: 0px;
}

input#form_plainPassword, input#form_newPassword, input#fos_user_resetting_form_plainPassword_second, input#fos_user_resetting_form_plainPassword_first {
    margin-bottom: 0px;
}

.title-registre{
    margin-top: 15px;
    font-size: 18px;
    font-weight: 800;
}

/***/
/* Nuevo Proyecto */
.form-nuevo-proyecto label{
    font-weight: 400;
}
.form-nuevo-proyecto input,.form-nuevo-proyecto select{
    font-weight: 600;
    font-size: 15px
}
/***/
/* Mis Proyectos */ 

.circle {
    height: 130px;
    width: 130px;
    border-radius: 50%;
    color: white;
    margin-top: 20px;
    "
}

p.circle{
   vertical-align:middle;
   text-align: center;

}

.porcentaje{
    font-size: 40px!important;
    margin-bottom: -7px;
    padding-top: 5px;
}

p.fases-numeros{
    padding-top: 6px !important;
    padding-left: 12px;
    padding-bottom: 6px !important;
    font-weight: 100px;
    font-size: 18px;
    font-weight: 100;
}

p.fase-evaluar{
    padding-top: 9px !important;
    padding-bottom: 10px;
    font-size: 13px;
}

p.fase-evaluar:hover{
    color: #fff;
}

.margen-lista-proyectos{
    border-right:3px solid white;
    padding-right: 0px !important;
    padding-left: 0px !important;
    color :white;
}

@media (min-width: 1200px){
    .margen-lista-proyectos {
        width: 118.4px;
    }
    
}

.margen-lista-proyectos p{
   padding-right: 20px;
   padding-top: 8px;
   padding-left:12px;
}

hr.style1{
    border-top: 1px solid #8c8b8b;
}

.hr-editar, .hr-notas, .hr-docs{
    height: 1px;
    background-color: #58585a;
    margin-top: 0px;
}

.hr-notas{
    margin-top: 5px;
    margin-bottom: 15px;
}

.editar a{
    background: white;
    color : gray !important;
    padding-top: 0px !important;
    font-size: 12px !important;
}

.cabecera-misproyectos{
    margin-top: 0px;
    margin-right: 0px !important;
    margin-left:0px;
}

.fase-evaluar:hover{
    color:black;
}

.proyecto-eliminar, .proyecto-ultima-fecha{
    background: white;
    color : gray !important;
    padding-top: 0px !important;
    font-size: 13px !important;
}

.enviar-btn-delete{
    background-color: #ff0000!important;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

/* Evaluació Fase */

.evaluar-form{
    margin-top: 3rem;
}

.evaluar-form .form-check-input:after {
    width: 25px;
    height: 25px;
    top: -7px;
    left: -1px;
    position: relative;
    background-color: #ffffff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #58585a;
}

.evaluar-form .form-check-input:checked:after {
    width: 25px;
    height: 25px;
    top: -7px;
    left: -1px;
    position: relative;
    background-color: #ffa500;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #58585a;
}

.centrar-evaluar-form{
    padding: 17%;
    padding-top: 0%;
}

@media (max-width: 600px) {
    .proj-form .centrar-evaluar-form {
        padding: 3% 0 !important;
    }

    .centrar-evaluar-form{
        padding: 0px !important;
    }
}

@media (min-width: 600px) and (max-width: 992px) {
    .proj-form .centrar-evaluar-form {
        padding: 3% 6% !important;
    }
}
.centrar-fullScreen{
    padding: 17%;
    padding-top: 8%;
}

.proj-form .centrar-evaluar-form{
    padding: 3% 17%;
    padding-top: 0%;
}

.proj-form:first-of-type{
    padding-top: 8% !important;
}

.title-form {
    font-weight:700;
    font-size:20px;
    padding-bottom:10px;
}

.centrar-evaluar-form > h4{
    margin-bottom: -20px;
}

.espai-form{
    padding-right:4%;
}


/** BLOQUE LISTA COLABORADORES Y DOCUMENTOS **/

.hr-lista{
    height: 1px;
    background-color: #58585a;
    margin-top: 10px;
    margin-bottom: 10px;
}

.img-col img{
   padding-top: 10px;
}

.img-col p{
    color:#858688;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.delete-icon-negative{
    margin-bottom: 3px;
    margin-left: 20px;
    width: 20px;
}

.modal-form-docs button:hover {
    color: #fff;
}
#fileSize-error{
    font-size: 11px;
    color: red!important;
}

/** FIN DE BLOQUE  DE LISTA DE COLABORADORES Y DOCUMENTOS **/
/** MODAL COLABORADORES**/

.modal-colaborador, .modal-documentos{
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 30px;

}
.modal-titulo{
    font-size: 18px;
    font-weight: bold;
}

.modal-colaborador-subtitle{
    padding-top: 10px;
    font-size: 13px;
    margin-bottom: 0px;
}
.modal-colaborador-input{
    margin-bottom: 15px;
}
.upload-btn-wrapper {
  position: relative;

  display: inline-block;
}

.btn{
  color: white;
  padding: 8px 30px;
  border-radius: 0px;
  font-size: 15px;
  font-weight: bold;
  border: 0px;
}

.btn:visited{
    text-decoration: none;
    background-color: transparent;
}

.btn2{
    background-color: #eceded;
    color: #9c9e9f;
    padding: 8px 30px;
    font-size: 20px;
    font-weight: bold;
    border: solid 0.5px #4b4d4e;
    width: 100%;
    background: url("../img/icons/icon-select-arrow.png") 100% / 10% no-repeat #eee;
    background-size: 47px 45px;
    height: 45px;
}

.lletra-menu {
    float: left;
    color: #f18e00;
}

/** BLOQUE INFORAMCION DE PROYECTO **/

.info-proyecto{
    padding: 30px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.info-proyecto h2{
    margin-top: 0px;
    font-size: 2.7rem;
}

img.img-info-proyecto{
    width: 80px; 
    height: 80px;
}

p.text-img{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
}

.bloc-img{
    float: right;
    background: white;
    padding-top: 8px !important;
}

.lista-nombres p{
    font-size: 16 !important;
    font-weight: 700 !important;
}
.btn-eliminarColaborador{
    margin-right: 10px;
}

/** PROYECTOS FASES **/

.margin-fase{
    color: white;
    padding: 10px;
    margin: 10px;
}

.margin-fase-opciones{
    margin-top: 10px;
    padding: 10px;
}

.border-guardar{
    border-right:10px solid white; 
}

.border-fases{
    border-right:20px solid white;
    margin-top:40px;
}

.border-fases a{
    color: #fff;
}

.caja-fases{
    font-size: 27px;
    height: 200px;
    padding-top: 4%;
}

.evaluar-form {
    padding: 5%;
    background-color: #eceded;
    padding-top: 3%;
}

.evaluar-form h4 {
    padding-bottom: 1%;
}

.evaluar-form label {
    font-weight: 300;
    font-size: 1.75rem;
    padding-left: 2rem;
}

.enunciat-form {
    font-size:16px;
    font-weight: 600;
}

/*** FIN DE PROYECTO FASES ***/

/** BARRA FASE 1 **/
.margen-barra{
    width: 14.285%;
    border-right:3px solid white;
    float: left;
    padding-top: 7px;

}
.margen-barra-evaluar{
    width: 12.5%;
    float: left;
    color: white;
    padding-top: 7px;
    text-align: center;
}
.margen-barra-padding{
    margin-top: 30px;
    margin-bottom: 20px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/** FIN BARRA FASE 1 **/


/** FASES FASE 1 **/
.caja-fase{
    margin-bottom: 1px;
    height: 190px;
    color:white;
}
.caja-fase h4{
    margin-bottom: 0px !important;
    font-weight: 700;
}
.caja-fase h2{

    font-weight:80 !important;
    margin: 0px !important;   
}

.padding-pasos{
    padding-left: 20px;
}

p.title-menu-fase{
    font-weight: 700;
    padding: 0px;
    margin: 0px;
    color:333;
}

p.subtitle-menu-fase{
    font-weight: 700;
}

img.left-arrow {
    position: absolute;
}

.notas p{
    font-size: 12px;
}

.textarea-utils div {
    height: 79px;
}

.gris-claro.form-poyecto
input.save-submit, input.finalize-submit{
    -webkit-appearance: listitem;
    text-transform: uppercase;
    font-weight: 800;
    color: #58585a;
    width: 100%;
    padding: 0px;
    height: 79px;
    border: none;
}

/* Notas */

.nueva-nota{
    margin-left: 0px;
}

.nueva-nota div {
    padding-left: 0px;
}

.nueva-nota p {
    font-size: 12px;
    padding-right: 30px;
}

textarea.note-textarea {
    width: 100%;
    height: 100px;
    resize: none;
}

#btn-nueva-nota input{
    font-weight: 700;
    font-size: 1.3rem;
    height: 43px;
}

.nuevo-documento-text{
    display: table-cell; 
    vertical-align: middle; 
    height: 43px; 
    background: none!important;
    color: white;
    font-weight: 700;
}

.nuevo-documento-text:hover {
    color: #fff;
}

.nuevo-documento-text:focus {
    color: #fff;
}

.lista-documentos a{
    color: #000;
}

.btn-cancelar-nota .btn-copolad{
    background-color: #ff0000!important;
}

@media(min-width: 1200px){

    .btn-enviar-nota{
        padding-left: 0px;
    }

    .btn-cancelar-nota{
        padding-right: 0px;
    }
}

@media(max-width: 1199px){

    .btn-enviar-nota{
        padding: 0px;
        margin-bottom: 5px;
    }

    .btn-cancelar-nota{
        padding: 0px;
    }
}

/** FIN FASE FASE 1 **/

/* Contacto */

.form-group textarea {
    height: 250px;
    resize: none;
}

.contact-form-btn{
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

#msgContacto{
    background-color: #eceded;
}

#msgContacto div {
    padding: 5%;
}

#msgContacto img {
    padding-bottom: 5%;
}

#msgContacto h4{
    font-weight: bold;
}

/* CKEDITOR */

#phase-form .cke_contents {
    height: 360px!important;
}

.webpage-textContent .cke_contents{
    height: 560px!important;
}

.cke_dialog_tabs a:nth-child(3) {
    display: none;
}

.link-extern-align{
    margin-bottom: 10px;
}

/* Modals estándar */

.modal {
    z-index: 10000;
}

.modal-registro, .modal-login, .modal-confirmacion, .modal-confirmar-eliminar {
    border-radius: 0;
}

.modal-registro-content, .modal-login-content, .modal-confirmacion-content, .modal-confirmar-eliminar-content {
    padding: 4%;
    text-align: center;
    padding-top: 0px;
}

.modal-registro-content h2, .modal-login-content h2, .modal-confirmacion-content h2, .modal-confirmar-eliminar-content h2  {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

.modal-registro p, .modal-login p, .modal-confirmacion p, .modal-confirmar-eliminar-content p {
    font-size: 14px;
}

.modal-registro .modal-header .modal-login .modal-confirmacion {
    border: 0;
    padding-bottom: 0;
    padding-top: 0;
    height: 40px;
}

.modal-registro-content, .modal-registro .modal-body, .modal-login-content, .modal-login .modal-body, .modal-confirmacion-content, .modal-confirmacion .modal-body {
    padding-top: 0;
}

.modal-registro button.close, .modal-login button.close, .modal-confirmacion button.close {
    font-size: 50px;
    font-weight: 300;
    color: #707172;
    opacity: 1;
}

.modal-content .modal-header{
    border: 0px!important;
}

.modal-content{
    background-color: #eceded;
    border-radius: 0;
}

.modal-body input{
    background-color: #fff;
    border-color: #cfd1d2;
}

.modal-body .select-triangulo {
    background-color: #fff;
}

.modal-body{
    margin-top: -20px;
}

button.close {
    position: relative;
    z-index: 2000;
    font-size: 100px;
    font-weight: 300;
    opacity:.6;
}

.modal-header {
    height: 40px;
}

.modal-registro-content button.btn {
    font-size: 15px;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.col-textArea {
    border-style: solid;
    border-width: 1px;
    padding: 2%;
    border-color: #9c9e9f;
    background-color: #eceded;
}

div#fileLocation-block.has-success {   
    margin-bottom: 15px;
}

.has-success .form-control{
    border-color: #f18e00;
}

.navegar-block{
    margin-bottom: 15px;
}

@media (min-width: 768px){
    .navegar-block{
        padding-left: 0; 
        padding-right: 0;
    }

    #fileLocation-block{
        padding-left: 0;
    }

    .projectSelect-block{
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* Boton de descarga */

.btnDescarga{
    border: 0px;
    background-color: transparent!important;
}

/* Full Screen Modal */

#animatedModal, #modalF1QueHacer, #modalF1QuePasos, #modalF1P1, #modalF1P2 {
    background-color: rgba(255, 255, 255, 0.9) !important;
    width: 100%;
}

.animatedModal{
    background-color: rgba(255, 255, 255, 0.95) !important;
    width: 100%;
}

.close-animatedModal .close, .close-modalF1QueHacer .close, .close-modalF1QuePasos .close, .close-modalF1P1 .close, .close-modalF1P2 .close{
    font-size: 90px;
    font-weight: 200;
    color: #707172;
    opacity: 1;
    float: right;
    position: fixed;
    right: 10%;
}

.close-modalAyudaFormulario, .close-fullFaseModal {
    margin-top: 5rem;
    margin-bottom: 15rem;
    display: flex;
    justify-content: center;
}

.close-modalAutoEvaluarFase{
    margin-top: 3.6rem;
    margin-bottom: 10rem;
}

.chequeoFinalizar-btn{
    margin-top: 0!important;
}

form.evFase .row {
    margin-bottom: 1.5rem;
}

.iconaSobrePap{
    width: 15%;
}

/* Scroll Menú Glosario*/

.scroll-glosari {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

@media (max-width: 425px) {
    .btn-gran{
        width:100%;
    }

    .modal-registro-resp {
        width: 100%;
    }

    .borde-abajo {
        margin-left: 25px;
        margin-right: 25px;
        border-bottom: solid 0.1px #333333;
        padding-bottom: 20px;
        padding-top: 20px;
        border-left: 0px;
    }

    .index-footer {
        margin-left: -13px !important;
    }

    .treure-border {
        border:0px;
        margin-left: 25px;
    }

    .borde-abajo2 {
        margin-left: 25px;
        margin-right: 14px;
        border-bottom: solid 0.1px #333333;
        padding-bottom: 8px;
        padding-top: 8px;
        border-left: 0px;
    }
}

.espai-footer {
    padding-bottom: 7%;
}

.btn-cerrar {
    padding-top: 20px; 
    padding-right: 20px;
}

.quitar-fondo {
    background: none !important;
    color: #4c4c4c;
    text-shadow: none;
}

.carousel-control:focus, .carousel-control:hover {
    color: #4c4c4c;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

/* Slider fases*/

#faseSliderContent{
    padding-bottom: 200px;
}

/** PDF **/

.titleProyectoPdf{
    font-size: 3.4rem;
    margin-bottom: 20px;
}



.titleFasePdf{ 
  font-size: 3rem;
  display:block; 
  margin-bottom: 20px;
  page-break-before:always !important;
}

.titlePasoPdf{
    margin-left: 30px;
    font-size: 2.3rem;
    margin-bottom: 20px;
    margin-bottom: 10px;

}

.titleFormPdf{
    margin-left: 30px;
    font-size: 2.3rem;
    margin-bottom: 20px;

}

.titleContentPdf{
    margin-left: 30px;
    font-size: 2rem;
    margin-bottom: 10px;


}

.contentFormPdf{
    margin-left: 30px;
    text-align: justify;
    padding-bottom: 50px; 
    padding-top: 30px;
    margin-bottom: 50px;
}

.contentPdf{
    margin-left: 30px;
    text-align: justify;
    padding-bottom: 50px; 
    padding-top: 30px;
    margin-bottom: 50px;
}

@media screen and (min-width: 430px) {
    .esconder {
        display: none !important;
    }
}

@media screen and (max-width: 425px) {
    .mostrar {
        display: block !important;
    }
    .esconder2 {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .mostrar2 {
        display: block !important;
    }
}

/** Responsive FASES **/

.padding_btn_tools{
  padding: 20px;
}

#margin_top_movil p {
    font-weight: 300;
}

.gray-block-resp {
    margin-top: 5%;
}

@media (max-width: 768px) {
    .gray-block-resp {
        margin-top: 10%;
    }

    .cabezera_fases{
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .padding_left_movil{
        padding-left: 0px;
    }
    
    #margin_top_movil{
        margin-top: 0px;
    }
    
    .border-fases{
        border-right:5px solid white;
        margin-top:20px;
    }
    
    .style_fase_movil{
        padding: 30px 30px;
    }
    
    .margin-fase-opciones{
        margin-top: 15px;
        padding: 15px;
        font-weight: 600;
    }

    .margin_btn_tools{
      margin-left: 0px;
  }

  .padding_btn_tools{
    padding: 20px 0px;
    border-right: 30px;
    margin-right: 0px;
}

}

@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){
    .cabezera_fases{
        margin-left: 0px;
        margin-right: 0px;

    }

    .border-fases{
        border-right:20px solid white;
        margin-top:40px;
    }
}

/* Search */
h2.search-title {
    font-size: 2.3rem; 
    font-weight: 800;
}
p.zero-results-subtext {
    font-weight: bold;
    line-height: 3.4rem;
    font-size: 1.6rem;
}

.busqueda {
    border-bottom: 1px solid black;
    padding-bottom: 10px;
    padding-left: 2%;
}

.busqueda:first-child {
    border-top: 1px solid black;
    padding-top: 10px;
}

.searchA:hover {
    font-weight: 800;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #f18e00;
    border-color: #f18e00;
    color: white;
    font-weight: bold;
}

.pagination>li>a, .pagination>li>span {
    color: #808684;

}

.div-prueba {
    width: 100%;
    height: 40px;
}

@media (max-width: 768px) {
    .img-resp {
        width: auto;
    }
}

@media (min-width: 768px) {
    .header-responsive {
        width: 100%;
    }
}

.img-resp {
    width: 100%;
}

.header-responsive {
    width: 110%;
    margin-left: -15px;
}

/* Sobre P@P */

#sobre-pap-inici h3 {
    font-weight: 700;
    margin-top: 8%;
    margin-bottom: 0;
}

#sobre-pap-inici img {
    width: 15%;
}

#sobre-pap-inici p {
    font-size: 0.9em;
}

#sobre-pap-inici > div {
    padding-bottom: 15px;
}

#sobre-pap-inici .amplada-div-inici-pap {
    display: table;
}

#sobre-pap-inici div > a > div {
    height: 250px;
    display: table-cell;
    vertical-align: middle;
    width: 35em;
}

#sobre-pap-inici {
    margin-top: 5%;
}
/* Demos */
.demos-div h2 {
    margin-bottom: 0;
    font-size: 2.6rem;
}

@media (min-width: 1200px) {

    #sobre-pap-inici .amplada-div-inici-pap {
        display: table;
        padding-right: 0px;
        width: 37%;
    }

    #sobre-pap-inici div > a > div {
        height: 250px;
        display: table-cell;
        vertical-align: middle;
        width: 35em;
    }

    #sobre-pap-inici .amplada-div-inici-pap {
        display: table;
        padding-right: 0px;
    }

    #sobre-pap-inici > div {
        padding-right: 0px;
        padding-bottom: 15px;
    }

    #sobre-pap-inici {
        margin-top: 0;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    #sobre-pap-inici > div:nth-child(2n+1) {
        padding-right: 0px;
    }
    #sobre-pap-inici {
        margin-top: 0;
    }
}

@media (max-width: 991px) {

    #sobre-pap-inici div > a > div {
        height: 180px;
        width: 60em;
    }
}


@media (min-width: 620px) and (max-width: 991px) {
    #sobre-pap-inici div > a > div {
        height: 220px;
    }
}


.demos-div {
    padding-left:0px;
    margin-bottom: 15px;
}

.demos-div div {
    padding: 10% 0;
}

@media (max-width: 768px) {
    .fases-responsive {
        padding-top: 7%;
    }

    .reset-padding-resp {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 3%;
    }
}

.fases-div {
    margin-bottom: 15px;
    padding-left: 0px;
}

.fases-div div {
    height:200px;
    padding-top: 1.7%;
    padding-left: 20px;
    padding-right: 15px;
}

.fases-div h4 {
    font-weight: 800;
}

.fases-div p {
    font-size: 30px;
    font-weight: 300;
}

.fases-english p {
    font-size: 28px!important;
}

.caja-fase-eng {
    font-size: 29px!important;
}

.reset-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.reset-padding-text {
    padding-left: 0px;
    padding-right: 3%;
}

/* FOOTER */

#footer {
    padding: 0px 0px 0px 4%;
}

#footer > div{
    border-left: 1px solid #333333;
    min-height: 130px;
}

#footer #fases-2{
    border-left: none;
    padding-top: 2%;
}

@media (max-width: 767px) {
    #footer {
        padding: 0px 7%;
    }

    #footer > div {
        border-left: none;
        min-height: 0px;
        border-bottom: 1px solid #333333;
        padding: 3% 0px 5% 0px;
    }

    #footer > div:last-child {
        border-bottom: none;
    }

    #footer > div:nth-child(2) {
        padding-top: 5%;
    }

    #footer p {
        border-bottom: 1px solid #333333;
        padding-bottom: 3%;
    }

    footer {
        padding: 30px 0 0 0;
    }

    /*#logo-copolad-header{
        width: 100% !important;
        margin-top: 8px !important;
    }*/

    #logo-pap-header {
        margin-top: 0;
    }
}
nav {
  margin: 0;
  padding: 0;
  /*background-color: #254441;*/
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

/* PRUEBAS NAVBAR */

#navbar-responsive-movil > li {
    border-right: 1px solid #bbbcbe;
}

#navbar-responsive-movil > li:first-child {
    border-left: 1px solid #bbbcbe;
}

.border-inicio {
    border-left: 1px solid #bbbcbe;
}

.navbar-default .navbar-nav>li>a {
    color: #9c9e9f;
}

.navbar-brand {
    font-weight: 800;
    height: auto;
    padding: 10px 25px;
}

.navbar {
    min-height: 0px;
    border-radius: 0px;
}

.navbar-default {
    background-color: #fff;
    border-color: #bbbcbe;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}

.dropdown-menu {
    border-radius: 0px;
    padding: 0px;

}

.dropdown-menu>li>a {
    padding: 8px 20px;
    color: #9c9e9f;
}

.navbar-border {
    border-right: 0px;
    border-left: 0px;
}

.navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}

#second-navbar {
    font-size: 8pt;
}

#second-navbar li>a {
    border-bottom: 1px solid #bbbcbe;
    font-weight: 600;
}

#second-navbar li:last-child>a {
    border-bottom: 0px;
    font-weight: 600;
}

/* Navbar responsive tablet */

@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }

    .navbar-left,.navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        margin: 0px;

    }

    .navbar-nav>li {
        float: none;
        border: none;
    }

    .navbar-nav>li:first-child {
        border: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
        padding-right: 0px;
    }

    .navbar-default .navbar-toggle:hover {
        background-color: #f18e00;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-resp-background {
        background-color: #f18e00;
    }

    .navbar-default .navbar-nav>.active>a {
        color: #000;
        background-color: #e7e7e7;
        border-right: none;
    }

    .navbar-border {
        border: 0px;
    }

    .navbar-default .navbar-nav>.active>a:hover {
        background-color: #bbbcbe;
    }

    .navbar-default .navbar-nav>.active>a:first-child {
        border-left: none;
    }

    .navbar-responsive {
        padding-left: 0px;
    }

    .navbar-inicio {
        color: #fff !important;
    }

    .navbar {
        margin-bottom: 0px;
    }

    .navbar-default .navbar-nav>li>a {
        color: #000000;
        border: 0px;
    }

    .navbar-delete-padding {
        padding-right: 0px !important;
    }

    #second-navbar li>a {
        font-weight: 600;
        border: none;
        background-color: #d4d4d4 !important;
        color: black;
        padding-left: 45px;
    }

    #navbar-responsive-movil li>a {
        background-color: #f3f3f3;
    }

    .nav .open>a {
        background-color: #f3f3f3 !important;
    }

    .inicio {
        background-color: #f18e00 !important;
    }
    
    .navbar-nav>.open>a {
        background-color: #d4d4d4 !important;
    }

    .buscador-navbar {
        margin: 0px;
        background-color: #f3f3f3;
        padding-left: 30px;
    }

    .btn-buscador-navbar {
        background-color: #f3f3f3;
    }

    .navbar-input-buscar {
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
    }

    #home-login-form {
        padding-top: 1%;
        padding-bottom: 1%;
    }

    #navbar-responsive-movil > li, #navbar-responsive-movil > li:first-child, .border-inicio{
        border: none;
    }
}

@media (max-width: 1199px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777!important;
    }
}

@media (max-width: 1199px){
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px!important;
    }
}
@media (max-width: 1199px){
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width: 1199px) {
    .invitar-subir-resp {
        padding-right: 15px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px){
    .navbar-default {
        border: none;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #f18e00;
    }

    .navbar-responsive {
        padding-right: 0px;
    }
}

@media (min-width: 1200px) {
    .border-navbar-right {
        border-right: 1px solid #bbbcbe !important;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .buscador-navbar {
        padding-right: 0px;
    }
    
    .navbar-responsive {
        width: 1170px;
    }

    .documentos-responsive {
        margin-left: 15px;
    }

    .invitar-subir-resp {
        margin-left: -15px;
    }

    .mi-perfil-resp {
        padding:8px !important;
        padding-top: 9px !important;
    }
}

@media (max-width: 767px) {
    .navbar-responsive {
        padding-right: 15px;
    }
}


/* Search Navbar */

.form-search div {
    display: flex;
}

.form-search input {
    flex: 1;
    border:none;
}

.form-search button {
    background: none;
    border: none;
    height: 40px;
    border-left: 1px solid #bbbcbe;
    padding: 0 8px;
}

.form-search img { 
    width:23px;
    height: 23px;
}

@media (max-width: 1199px) {
    .form-search input {
        padding: 0 8%;
        background-color: #f3f3f3;
        border-bottom: 1px solid #bbbcbe;
    }

    .form-search button {
        background-color: #f3f3f3;
        border-bottom: 1px solid #bbbcbe;
    }

    .form-search div {
        border-top: 1px solid #bbbcbe;
        padding-bottom: 5px;
        background-color: #f3f3f3;
    }

    .colaboradores-documentos-resp {
        padding-left: 0px !important;
        padding-right:  0px !important;
    }
}

#phase-form > div {
    margin-bottom: 3%;
}

.font-weight-700 {
    font-weight: 700;
}

.padding-bottom-reset {
    padding-bottom: 0px;
}

.colaborador-project {
    border-bottom: 1px solid;
    margin-top:7px;
}

.btn-ver-todos {
    margin-top: 11%; padding-left: 0px;
}

.btn-ver-todos a > div {
    margin-bottom: 30%;
    padding: 10px 0px;
    background-color: #f18e00;
}

.btn-ver-todos p {
    margin: 0px;
}

@media (min-width: 1200px) {
    .reset-padding-petit {
        padding-left: 0px;
        padding-right: 0px; 
    }
}

.btn-demo-guia {
    margin-bottom:15px;
    padding-left:0px;
}

.btn-demo-guia > div {
    height:200px;
    padding-top:16%;
}

@media (min-width: 425px) and (max-width: 1200px) {
    .btn-demo-guia > div {
        padding-top: 5% !important;
    }
}

@media (max-width: 425px) {
    .btn-demo-guia > div {
        padding-top: 10% !important;
    }
}

@media (max-width: 768px) {
    .reset-padding-text {
        padding-right: 0px;
    }
}

#cabecera-fase-resp > div {
    margin-bottom: 2%;
    padding: 30px 15px;
}

#cabecera-fase-resp h2 {
    margin-top: 0px;
}

/* PROYECTO FASES */

.proyecto-fase-padding {
    padding: 0 8px;
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .proyecto-fase-padding:nth-child(4n+1) {
        padding-left: 0px;
        padding-right: 8px;
    }

    .proyecto-fase-padding:nth-child(4) {
        padding-right: 0px;
        padding-left: 8px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .proyecto-fase-padding:nth-child(2n+1) {
        padding-left: 0px;
        padding-right: 8px;
    }

    .proyecto-fase-padding:nth-child(2n) {
        padding-right: 0px;
        padding-left: 8px;
    }
}

@media (max-width: 767px) {
    .proyecto-fase-padding {
        padding: 0 8px;
    }

    .proyecto-fase-demo-padding {
        padding: 0 8px !important;
    }

    .menu-sobre-pap {
        margin-top: 5%;
    }

    .padding-creditos {
        padding-right: 0px;
    }
}

.proyecto-fase-demo-padding {
    padding-right: 0px;
}

.colaboradores-documentos-resp {
    padding-right: 0px;

}

@media (min-width: 992px) {
    .autoevaluar-resp {
        margin-bottom: 40px !important;
    }
}

.save-submit, .finalize-submit, .flechas {
    background-color: #eceded;
}

.save-submit:hover, .finalize-submit:hover, .flechas:hover {
    background-color: #ddd !important;
}