@media screen and (max-width:900px){#forgotPassword,#login,#registro{padding:105px 55px;background-position:25%}#forgotPassword .inputsContainer,#login .inputsContainer,#registro .inputsContainer{padding:40px 35px 25px;background-color:rgba(107,91,164,.58)}#forgotPassword .input label,#login .input label,#registro .input label{color:#fff}#login .logo,#registro .logo{margin-top:-50px}#registro .radioContainer label{color:#fff}.radioGender .icon{filter:brightness(0) invert(1)}.page .left,.page .right{max-width:100%}.page .left{height:auto;padding:50px 100px 35px;display:flex;justify-content:space-between;flex-flow:wrap}.page .left .mob{display:block}.page .right{height:calc(100vh - 237.82px);padding:25px 100px}.page .left .logo{max-width:212px;margin-bottom:10px}.page .left .menu li{margin-right:15px}.page .left .menu li:last-child{margin-right:0}#calendario .title{color:#fff}#calendario .right .title{display:none}#calendario .right .btn{display:none}#meses.page .left,#semana.page .left{align-items:end}#meses .title{font-size:70px;font-family:Sthupo;color:#fff;text-align:right}#meses.page .right,#periodo.page .right{padding:25px 35px 50px}#meses .notes{margin-top:25px;padding:0 15px}.addButton{bottom:50px}.addBox{width:calc(100% - 70px);right:35px;bottom:50px}.addBox .rightBox{width:50%}#semana .title{margin-bottom:0;margin-right:-50px}#semana .right .title{display:none}#semana.page .right{padding:50px 35px}#nota.page .left,#notas.page .left,#proximosPagos .left{align-items:end}#notas.page .right{padding:45px 60px}#notas .notes{justify-content:center;margin-bottom:0}#notas .note:nth-child(2n){margin-right:0}#notas .note:nth-child(3n){margin-right:30px}#notas .right .addButton{display:none}#nota .left .title{font-size:57px;font-weight:900;color:#25b4ed;text-transform:uppercase}#nota.page .right{padding:25px 50px 50px}.noteContainer textarea{line-height:30px}#configuracion .left .block{display:flex;align-items:center}.profile{width:181px;margin-bottom:0;margin-right:50px}#configuracion.page .right{padding:50px 120px}#configuracion .form{position:relative;margin:0 auto;left:-12px}#proximosPagos .title{margin-bottom:0}#proximosPagos .right .title{display:none}#periodo .list .text{font-size:22px}#periodo .notification{font-size:22px}}@media screen and (max-width:500px){.input{margin-bottom:10px}.input label{font-size:12px}.input input,.input select,.input textarea{height:35px;font-size:12px}.radioContainer{margin-left:-30px}.radioContainer label{font-size:12px}.radioGender .icon{width:11.14px;height:30.9px}.radioGender.woman .icon{width:15.77px}.btn{max-width:158px;height:35px;line-height:35px;font-size:13px}#forgotPassword,#login,#registro{padding:75px 25px;background-position:25%}#forgotPassword .title,#login .title,#registro .title{font-size:35px;margin-bottom:25px}#registro .title span{font-size:28px}#forgotPassword .inputsContainer,#login .inputsContainer,#registro .inputsContainer{padding:40px 20px 15px}#forgotPassword .input,#login .input,#registro .input{display:block}#login .logo,#registro .logo{max-width:130px;margin-left:20px;margin-top:-40px}.linkRegister{font-size:15px}.logo{max-width:273px}#home .menu li{margin-right:30px}#configuracion .menu li:first-child svg,#home .menu li:first-child svg{width:27.88px!important;height:28.89px!important}#configuracion .menu li:nth-child(2) svg,#home .menu li:nth-child(2) svg{width:32.87px!important;height:28.89px!important}#configuracion .menu li:nth-child(3) svg,#home .menu li:nth-child(3) svg{width:30.36px!important;height:28.89px!important}#configuracion .menu li:nth-child(4) svg,#home .menu li:nth-child(4) svg{width:27.93px!important;height:28.89px!important}#configuracion .menu li:nth-child(5) svg,#home .menu li:nth-child(5) svg{width:29.15px!important;height:28.89px!important}.page .left{padding:30px 50px 25px;justify-content:center}#calendario .logo,#meses .logo{display:none}#calendario .menu{margin-top:70px}#calendario .title,#meses .title{text-align:center;position:absolute;top:30px;left:0;right:0;margin:auto}#calendario .btn,#meses .btn{width:185px;margin-top:30px}.page .right{height:calc(100vh - 245.03px);padding:30px}#calendario .xdsoft_datetimepicker .xdsoft_datepicker{width:100px}.xdsoft_datetimepicker .xdsoft_month{font-size:15px;padding:0}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{font-size:9px;height:15px}#calendario .xdsoft_datetimepicker{padding-bottom:6px}.calendars{max-width:260px;margin:0 auto}#meses .menu{margin-top:70px}#meses.page .right,#periodo.page .right{padding:20px 15px}#meses .xdsoft_datetimepicker .xdsoft_month,#periodo .xdsoft_datetimepicker .xdsoft_month{font-size:35px}#meses .xdsoft_datetimepicker .xdsoft_calendar th,#periodo .xdsoft_datetimepicker .xdsoft_calendar th{font-size:20px}#meses .xdsoft_datetimepicker .xdsoft_calendar td,#meses .xdsoft_datetimepicker .xdsoft_calendar td div,#periodo .xdsoft_datetimepicker .xdsoft_calendar td,#periodo .xdsoft_datetimepicker .xdsoft_calendar td div{font-size:18px;height:45px}#meses .xdsoft_datetimepicker .xdsoft_calendar td div,#periodo .xdsoft_datetimepicker .xdsoft_calendar td div{width:45px}#meses .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div::after,#periodo .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current div::after{width:25px;bottom:6px}#meses .notes{padding:0 10px}#meses .notes .date{font-size:20px}#meses .notes .list li{font-size:16px;padding-bottom:10px}#meses .notes .list li .text{min-width:240px;max-width:240px;margin-right:20px}.actions a{margin-right:15px}#meses .right .btn{display:none}#meses .addButton{position:relative;display:block;bottom:0;right:0;margin:0 auto}.addBox{width:calc(100% - 50px);right:25px;bottom:20px}.addBox .form{flex-flow:wrap-reverse}.addBox .leftBox{margin-right:0}.addBox .leftBox,.addBox .rightBox{width:100%}.addBox .rightBox .input{margin-right:20px}.addBox .rightBox .input:last-child{margin-right:0}#semana.page .left{padding:30px 20px 25px}#semana .logo{display:none}#semana .title{position:absolute;top:30px;left:0;right:0;margin:auto;text-align:center}#semana .menu{margin-top:70px}#semana.page .right{height:calc(100vh - 180.03px);padding:30px 20px}#semana table td{font-size:25px}#proximosPagos table td,#semana table td{padding-bottom:10px}#proximosPagos table td div,#semana table td div{height:69px;line-height:69px;font-size:12px}#proximosPagos table td span,#semana table td span{width:46px;height:69px;line-height:46px;font-size:12px}#semana table td:nth-child(2){width:46px}#semana table td div.info{height:71px;padding:0 10px}#semana .btnAdd{max-width:23px}#proximosPagos .actions a,#semana .actions a{width:10px;margin-right:10px}#proximosPagos .actions,#semana .actions{margin-left:20px}#nota.page .left .mob,#notas.page .left .mob{display:none}#nota.page .left,#notas.page .left,#proximosPagos .left{align-items:normal}#notas.page .right{height:calc(100vh - 207.83px);padding:25px 35px}#notas .note{max-width:147px;margin-right:10px;font-size:19px;margin-bottom:30px}#notas .note img{margin-bottom:15px}#notas .right .addButton{display:block;margin:0 auto}#nota.page .right{height:calc(100vh - 207.83px);padding:20px 20px 50px}#nota .actionsBtn{margin-bottom:20px}.noteContainer{padding:15px 2px 40px 20px}.noteContainer .title{margin-bottom:0}.noteContainer textarea{height:100%;font-size:18px;line-height:35px}#nota .actions{top:50px}#configuracion.page .left{padding:70px 20px 45px}.profile{width:121px;height:121px;margin-right:5px}#configuracion .left .input{max-width:165px;margin-bottom:15px}#configuracion.page .right{height:calc(100vh - 236.01px);padding:40px 25px}#configuracion .form{max-width:310px}#configuracion .input{margin-bottom:20px}#configuracion .input label{font-size:16px}#configuracion .input input,#configuracion .input select,#configuracion .input textarea{font-size:16px}#configuracion .radioContainer{margin-left:-145px}#configuracion .radioGender .icon{filter:none}#configuracion .radioGender input[type=radio]:checked+.icon{filter:invert(66%) sepia(23%) saturate(4073%) hue-rotate(164deg) brightness(95%) contrast(96%)}#configuracion .file{margin-bottom:55px;margin-left:12px}#card.page .right,#finanzas.page .right{height:calc(100vh - 207.88px);padding:40px 15px 60px}#finanzas .title{margin-bottom:5px}#finanzas .top{margin-bottom:30px}#finanzas .top .input{margin-bottom:15px}#finanzas .top .btn{margin-left:10px}#finanzas .bottom .view{right:10px}#finanzas .bottom .input{max-width:135px;margin-bottom:15px}#proximosPagos.page .left .logo{display:none}#proximosPagos.page .menu{margin-top:70px}#proximosPagos .title{text-align:center;position:absolute;top:30px;left:0;right:0;margin:auto}#proximosPagos.page .right{height:calc(100vh - 180.9px);padding:20px 15px}#proximosPagos table th{font-size:15px}#proximosPagos table td:first-child{width:46px}#proximosPagos table{margin-bottom:20px}#proximosPagos .back{max-width:30px}#proximosPagos table td:last-child div{margin-left:0}#periodo .xdsoft_datetimepicker .xdsoft_calendar th{height:45px}#periodo .xdsoft_datetimepicker .xdsoft_calendar td{padding-bottom:0}#periodo .list li{justify-content:center;flex-flow:wrap;text-align:center}#periodo .list .text{font-size:16px;margin-bottom:5px}#periodo .notification{font-size:16px}#semana table td.infoDia{max-width:200px}#periodo .addBox{padding:35px 15px}#periodo .addBox .leftBox,#periodo .addBox .rightBox{max-width:140px}#periodo .addBox .closeModal{top:-8px}}