/**
 * @author Carlos Utrera - Cumplisoft S.L.
 * @copyright 2023 Cumplisoft S.L.
 * @license All rights reserved
 */

:root {
  --gap-main-color: #ff3e17;
}

@font-face {
    font-family: "Righteous";
    font-weight: 400;
    src:
      local("Righteous-Regular"),
      url("../fonts/Righteous-Regular.eot") format('opentype'),
      url("../fonts/Righteous-Regular.eot") format('embedded-opentype'),
      url("../fonts/Righteous-Regular.ttf") format("truetype"),
      url("../fonts/Righteous-Regular.woff") format("woff"),
      url("../fonts/Righteous-Regular.woff2") format("woff2");
}

/****************************************************************/
/*                  CUSTOMIZACIONES PAGINA LOGIN                */
/****************************************************************/

div.p_login .login-language-chooser select {
    border-color: #e6e6e6;
    border-radius: unset;
    color: #3e3e3e;
    background: url("../../../../../themes/Azcatec/css/Azcatec/select.ico") no-repeat right #FFFFFF;
    background-size: 52px 52px;
}

div.p_login #loginform #bigbutton {
    padding: 15px 40px 15px 40px;
    line-height: 1.7em;
    height: auto;
    background-color: var(--gap-main-color);
    border-radius: unset;
    font-family: Roboto, Roboto;
    color: #fff;
    width: calc(100% - 30px);
    left: 15px;
}

div.p_login .input-group{
    width: calc(100% - 30px);
    left: 15px;
}

div.p_login #loginform #bigbutton:hover {
    background-color: var(--gap-main-color) !important;
}

div.p_login #loginform .input-group input#user_name,
div.p_login #loginform .input-group input#username_password {
    border: 1px solid #e6e6e6;
    padding: 20px 20px 20px 68px;
    height: auto;
    color: #3e3e3e;
}

div.p_login #loginform .input-group input#user_name {
    background-position: 18px 24px;
}

div.p_login #loginform .input-group input#username_password {
    background-position: 18px -37px;
}

div.p_login div.p_login_top {
    display: none;
}

div.p_login .error {
    background-color: var(--gap-main-color);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
}

footer a.developed_by{
    float: unset !important;
    color: #534d64;
    cursor: pointer;
    font-family: 'Lato', Lato, Arial, sans-serif !important;
    font-size: 13px;
    line-height: 30px;
}

footer.mobile a.developed_by{
    color: #ffffff;
}

footer a.developed_by:hover {
    color: var(--gap-main-color);
    text-decoration: none;
}

.titulo {
    font-family: Roboto, Roboto, display;
    font-size: 24px;
    color: #000000 !important;
    line-height: 1.3em;
    margin: 0 auto;
    text-align: center;
    padding: 25px 0;
}

div.p_login {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

div.p_login .p_login_middle {
    /*display: flex;*/
    align-items: center;
    margin: 0 auto;
}

div.p_login #loginform {
    margin: 0 auto;
    display: flex;
}

div[type="WeekDaysPicker"] {
    white-space: unset !important;
}

@media (max-width: 750px) {
    div.p_login {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    div.p_login .p_login_middle {
        background-color: #fff;
        float: left;
        width: 100%;
        margin-top: -60px;
    }

    a.developed_by {
        display: block;
        font-size: 10px;
        margin-left: 0;
        text-align: center;
        margin-top: 5px;
        float: unset;
    }
}

.form-control::placeholder, .custom-file-control::placeholder {
    color: unset !important;
}

div.p_login #loginform .input-group input#user_name, 
div.p_login #loginform .input-group input#username_password {
    border: 1px solid #e6e6e6;
    padding: 20px 20px 20px 68px;
    height: auto;
    color: rgb(196, 195, 199) !important;
}

div.p_login #loginform .input-group input#user_name,
div.p_login #loginform .input-group input#user_name:focus {
    background-image: none, url("../images/login_bg.svg");
    background-position: 16px 12px !important;
    background-size: initial; /*10% !important;*/
    transition: unset !important;
}

/*div.p_login #loginform .input-group input#fp_user_name, */
div.p_login #loginform .input-group input#user_name {
    background-image: none, url("../images/login_bg.svg");
    background-position: 16px 12px;
    background-repeat: no-repeat;
}

div.p_login #loginform .input-group input#username_password,
div.p_login #loginform .input-group input#username_password:focus {
    transition: unset !important;
    background-size: initial; /*10% !important;*/
    background-position: 16px -50px !important;
}

div.p_login #loginform .input-group input#username_password {
    background-image: none, url("../images/login_bg.svg");
    background-position: 5px -52px;
    background-repeat: no-repeat;
}

.navbar {
    margin: 0;
    padding: 0 !important;
    background-color: #fff;;
    min-height: 82px;
    box-shadow: none; /*rgba(0, 0, 0, 0.15) 0px 2px 18px 0px !important;*/
    border: 1px solid #ccc;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}

a.navbar-brand {
    margin: 0;
    padding: 5px 10px 10px 50px;
    height: 100%;
}

 
.CSGridView > tbody > tr > th, 
.CSGridView > tfoot > tr > th, 
.CSGridView > thead > tr > td, 
.CSGridView > tbody > tr > td, 
.CSGridView > tfoot > tr > td {
    padding: 0px !important;
    /*line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd;*/
    max-width: 50px !important;
}

.CSGridView > thead > tr > th {
    padding: 3px 0px !important;
    width: 50px !important;
}

.CSGridView > tbody > tr > td.CSTaskTitle {
    padding: 3px 0 2px 0 !important;
}

#week h1,
#newgrid h1,
#grid h1 {
    margin-top: 6px;
    margin-bottom: 0px;
    font-family: inherit;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.2;
    color: var(--gap-main-color);
}

#grid h1,
#grid h5 {
    padding-left: 35px;
}

#newgrid h1,
#newgrid h5 {
    padding-left: 035px;
}

#week h1,
#week h5.h6 {
    padding-left: 0;
}

#week h5,
#newgrid h5,
#grid h5 {
    margin: 0 0 10px 0;
    font-size: 1rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.2;
    color: inherit;
    padding-left: 35px;
}

.csdias {
    font-size: 13px !important;
    line-height: 15px !important;
}
#gridViewTitle {
    border-bottom: 1px solid #ccc;
    background-color: #f4f4f4;
}

.search {
    margin: 0;
    padding: 0 0 12px 10px;
    float: left;
    height: 30px;
    width: calc(100% - 88px);
}

.search .form-group {
    background-color: #fff;
}

#Project-list .search {
    width: calc(100% - 57px);
}

.bg-azc-orange {
    /* background-color: rgb(248, 216, 216);
    border: 1px solid red; */
}

#btnGuardar {
    background-color: var(--gap-main-color) !important;
}


/* .bg-azc-orange input{
    color: red; /* #ffffff; */
/*} */

.marcado {
    background-color: #f0d9ce;
}

#week .form-control:disabled,
#newgrid .form-control:disabled,
#newgrid .form-control,
#grid .form-control:disabled,
#grid .form-control {
    background-color: transparent;
    background: transparent;
    display: inline;
    width: 100%;
    max-width: 100%;
    cursor: pointer;
}

#week #gridViewDateSelector .form-control,
#newgrid #gridViewDateSelector .form-control,
#grid #gridViewDateSelector .form-control {
        background-color: #fff;
}


#newgrid #gridViewDateSelector,
#grid #gridViewDateSelector {
        margin: 0 10px 0 10px;
}

#week #gridViewDateSelector {
    margin: 0;
}

#week #anio,
#newgrid #anio,
#grid #anio {
        border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-color: #ccc;
    height: 28px;
    padding-left: 12px;
    width: 60px;
    font-size: 16px;
}

#week #mes,
#newgrid #mes,
#grid #mes {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-color: #ccc;
    border-left-color: rgb(204, 204, 204);
    height: 28px;
    padding-left: 15px;
    width: 55px;
    border-left: none;
    font-size: 16px;
}

#newgrid #formFechas,
#grid #formFechas {
    height: 68px;
}

#newgrid #formFechas span.form-group,
#grid #formFechas span.form-group {
    padding-top: 15px;
}

#week #formFechas span.form-group {
    padding: 2px 7px 0 5px;
}

#week #formFechas div.form-group label,
#newgrid #formFechas div.form-group label,
#grid #formFechas div.form-group label {
    padding-left: 10px;
    color: #808080;
}

#week #formFechas div.form-group,
#newgrid #formFechas div.form-group,
#grid #formFechas div.form-group {
    /*height: 68px;*/
    padding-top: 12px;
}
#week #formFechas div.search div.form-group {
    height: unset;
}

#week #btnGuardar:hover,
#newgrid #btnGuardar:hover,
#grid #btnGuardar:hover {
        border: none !important;;
}

#week footer.border-top,
#newgrid footer.border-top,
#grid footer.border-top {
    border-top: 1px solid #ccc !important;
}

#Project-list #navbarToggler 
#week #navbarToggler,
#newgrid #navbarToggler,
#grid #navbarToggler {
   /* margin-left: 30px; */    
}

#Project-list #navbarToggler,
#week #navbarToggler,
#newgrid #navbarToggler,
#grid #navbarToggler {

}

#Project-detail #navbarToggler.navbar-collapse.collapse,
#Project-list #navbarToggler.navbar-collapse.collapse {
    display: none !important;
}
#Project-detail #navbarToggler.navbar-collapse.collapse.show,
#Project-list #navbarToggler.navbar-collapse.collapse.show {
    display: block !important;
}

#newgrid #navbarToggler ul > li > a,
#grid #navbarToggler ul > li > a {
    font-family: Roboto, Roboto, display;
    display: block;
    height: 80px;
    line-height: 80px;
    padding: 0 15px 0 15px;
}

#User-profile #navbarToggler ul > li > a,
#Vacaciones-form #navbarToggler ul > li > a,
#Vacaciones-list #navbarToggler ul > li > a,
#Project-list #navbarToggler ul > li > a,
#Project-detail #navbarToggler ul > li > a,
#week #navbarToggler ul > li > a {
    font-family: Roboto, Roboto, display;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 15px;
    border-bottom: 1px solid #ccc;
    color: rgba(0, 0, 0, 0.5);
}

#navbarToggler ul > li > a:hover {
    text-decoration: none;
}

#navbarToggler ul > li > a:first {
    border-top: 1px solid #ccc;
}

#navbarToggler ul > li > a:active {
    color: rgba(0, 0, 0, 0.5);
}

#Project-list #navbarToggler  ul > li > a:active
#Project-detail #navbarToggler  ul > li > a:active
#week #navbarToggler ul > li > a:active {
    color: rgba(0, 0, 0, 0.5);
    height: 40px;
  line-height: 40px;
    background-color: unset;
   
}
#Vacaciones-list #navbarToggler ul > li > a:active,
#Vacaciones-list #navbarToggler ul > li > a:hover,
#newgrid #navbarToggler ul > li > a:active,
#newgrid #navbarToggler ul > li > a:hover,
#grid #navbarToggler ul > li > a:active,
#grid #navbarToggler ul > li > a:hover {
    /*color: #fff;
    background-color: var(--gap-main-color);*/
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 15px;
}

#week table.CSGridView tr,
#newgrid table.CSGridView tr,
#grid table.CSGridView tr {
    display: table-row !important;
    border-bottom: 2px solid #ccc !important;
    border-top: none !important;
}

#week .CSGridView tbody.accordian-body td,
#newgrid .CSGridView tbody.accordian-body td,
#grid .CSGridView tbody.accordian-body td {
    display: table-cell;
    box-sizing: border-box;
    border-left: 1px solid #ccc !important;
    border-top: none !important;
    border-bottom: 1px solid #ccc !important;
    border-right: none !important;
    height: 30px;
}

#week .CSGridView tbody.accordion-toggle td,
#week  .CSGridView tfoot td,
#newgrid .CSGridView tbody.accordion-toggle td,
#newgrid .CSGridView tfoot td,
#grid .CSGridView tbody.accordion-toggle td {
    display: table-cell;
    border-left: none !important;
    border-bottom: 1px solid #ccc !important;
}

#week .CSGridView tbody.accordion-toggle td {
    text-wrap: auto !important;
}

#week .CSGridView tbody.accordian-body td.CSTaskTitle,
#newgrid .CSGridView tbody.accordian-body td.CSTaskTitle,
#grid .CSGridView tbody.accordian-body td.CSTaskTitle {
    border-left: none !important;
}

#week .CSGridView,
#newgrid .CSGridView {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

#week .CSGridView tbody,
#newgrid .CSGridView tbody {
    border: none !important;
}

.navbar-light .navbar-toggler {
    border: none !important;
    color: black !important;
}

#formGrid td input[type="text"] {
    background-color: transparent;
    transform: scale(1, 1.5);
    font-size: 11.5px;
} 

#formGrid td.marcado {
    background-color: #f0d9ce;
}

#week #gridViewTitle {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#week #formGrid {
    padding: 0 !important;
    margin-bottom: 0;
}

#week .accordion-toggle b {
    vertical-align: top;
    line-height: unset;
}
input:autofill {
    background-color: #f0d9ce;
}

#formFechas {
    font-size: 14px !important;
}

#formFechas i.material-icons {
    background-color: var(--gap-main-color);
    border-radius: 100px;
    color: #fff;
}

.titulo-proyectos {
    background-color: #f4ddd2;
}

.exceso {
    background-color: #d9d7d7;
}

tr.exceso > td.bg-gray {
    background-color: #bdbdbd !important
}

#navbarToggler {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    margin: 0;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}

#week .tableFixHead thead {
    position: sticky !important;
    top: 0;
    z-index: 2 !important;
    box-shadow: unset;
    background-color: #fafafa;
    /*display: table;*/
    width: 100%;
    border-bottom: 1px solid #ccc;
}

#week table.CSGridView {
    /*padding-top: 35px;*/
}

#week .weekTimeElement {
    display: block;
    cursor: pointer;
}

#week #tiemposModal h5 {
    padding: 0;
    font-size: 20px;
}

#week #tiemposModal button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
    padding: 0;
}

td.bg-gray.marcado {
    background-color: #ecb194 !important
}

.desplegable .desplegable-icono:after {
    font-family: 'FontAwesome';  
    content: "\f106";
    float: right; 
}

.desplegable .desplegable-icono.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f107"; 
}

.desplegable .ripple-container {
    display: inline-block;
}

.companylogo.mobile {
    text-align: center;
}

#Profile {
    position: fixed;
    top: 82px;
    left: 0;
    font-family: Roboto, Roboto, display;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}

#Profile ul {
    margin: 0;
    padding: 0;
}

#Profile ul li {
    text-align: right;
}

#Profile ul li a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 15px;
    border-bottom: 1px solid #ccc;
    color: rgba(0, 0, 0, 0.5);
}

.modal-backdrop,
.modal-backdrop.show {
    display: none !important;
}

#week .CSGridView td.CSTaskTitle span {
    margin-left: 30px;
}

div.partners {
    float: left;
    height: 100px;
    width: 100%;
    bottom: 30px;
    position: absolute;
    text-align: center;
}

div.partners img {
    height: 80px;
    width: auto;
    margin: 0 auto;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: unset !important;
        flex-basis: auto;
    }
    .collapse:not(.show) {
        display: none !important;
    }
}

#Project-detail #botonDetallesProyecto div.ripple-container{
    display: none !important;
}

.ProjectDetailBox {
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 15px;
}

.ProjectDetailBox table {
    font-size: 13px;
}

 .badge {
    position: absolute;
    top: -1px;
    left: 22px;
    padding: 0 2px;
    font-size: 10px;
    line-height: 15px;
    height: 15px;
    background: var(--gap-main-color);
    color: #FFF;
    border-radius: 11px;
    white-space: nowrap;
}

#Notif {    
    position: fixed;
    top: 80px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    border: 0;
    border-left:  1px solid #ccc !important;
    border-right:  1px solid #ccc !important;
}

#Notif ul {
    margin: 0;
    padding: 0;
}

#Notif ul li {
    border-bottom: 1px solid #ccc !important;
}

#Notif ul li div p {
    padding: 10px;
    margin: 0;
}

#Notif ul li div a.title {
    width: calc(100% - 32px);
    color: #fff;
    padding-left: 10px;
    overflow: hidden;
}

#Notif a.close {
    position: absolute;
    top: 3px;
    right: 9px;
    color: #fff;
    opacity: 1;
}

.desplegable a {
    text-transform: uppercase;
    font-size: 0.875rem;
}

.desplegable ul {
    padding: 0;
}

.desplegable ul li {
    list-style-type: none;
}

#ausencias td {
    padding: 0 20px;
}

.btnSolicitudGestionar {
    display: block;
    height: 100%;
    margin: 0;
    line-height: 49px;
}