/*PanelLogin*/
.PanelLogin {
    margin-top: 80px;
}
.PanelPerson{width:100vw;height:100vh;margin:0;padding:0;top:0;left:0;background-color:#f0f4f5}
.PanelPerson .logo{width:100%;height:30vh;display:flex;justify-content:center;align-items:center}
.PanelPerson .logo img{max-height:60%;max-width:60%}
.PanelPerson .form {
    max-width: 700px;
    transform: translate(-50%, -50%);
    top: 50vh !important;
    left: 50vw;
    width: 90vw;
    padding: 30px;
    border-radius: 12px;
    background-color: white;
    position: absolute !important;
    z-index: 2;
}
@media only screen and (max-width: 566px) {
    .PanelLogin {
        margin-top: 0;
    }
    .PanelPerson .form{
        max-width: 700px;
        transform: translateX(-50%);
        top: 30vh;
        left: 50vw;
        width: 90vw;
        padding: 30px;
        border-radius: 12px;
        background-color: white;
        position: absolute;
        z-index: 2;}

}
.PanelPerson .form h2{margin:0 0 20px;padding:0;border:0;font-size:20px;color:#0E529E;text-align:center}
.PanelPerson .form input{width:calc(100%);height:40px;line-height:40px;margin:0 0 20px;padding:0 8px;border:1px solid #ccc;border-radius:8px;text-align:center;outline:none}
.PanelPerson .form input:hover{border:1px solid #212121;}
.PanelPerson .form .select2-container{margin-bottom:20px !important}
.PanelPerson .form .select2-selection{height:40px !important;line-height:40px !important;border:1px solid #ccc !important;border-radius:8px !important}
.PanelPerson .form .select2-search__field{height:40px !important;line-height:40px !important}
.PanelPerson .form .select2-selection__arrow{top:5px !important}
.PanelPerson .form button{width:100%;height:40px;line-height:40px;margin:0 0 10px 0;outline:none;background-color:#E4212B;color:white;border-radius:12px;border:0;font-size:16px}
.PanelPerson .form button[disabled]{background-color:#eee}
.PanelPerson .form p{line-height:2}
.PanelPerson .reg{
    top: 90vh !important;
    max-width: 700px;
    left: 50vw;
    transform: translateX(-50%);
    width: 90vw;
    position: absolute;
    z-index: 1;}
.PanelPerson .reg a{color:#E4212B !important;font-size:17px}
.PanelPerson .reg b{font-size:17px}
.PanelPerson .reg i{margin:0 8px}

/*PanelRegister*/
.PanelRegister .logo{height:25vh}
.PanelRegister .form{top:20vh}

/*PanelProfile*/
.PanelProfile{padding-bottom:100px;overflow:auto;position: absolute;}
.PanelProfile .logo{height:10vh}
.PanelProfile .form{position:initial;}
.PanelProfile .form button{margin-top:20px}
.PanelProfile .form a{text-align:left;display:block;color:#212121;line-height:40px}
.PanelProfile .form i{margin-right:5px}
.PanelProfile label{width:100%;display:block}
.PanelProfile input[type="text"],.PanelProfile input[type="number"]{width:100%;margin:0 0 10px}
.PanelProfile img{height:30px;margin:10px auto;display:block}

/*PanelPassword*/
.PanelPassword{padding-bottom:100px;overflow:auto}
.PanelPassword .logo{height:20vh}
.PanelPassword .form button{margin-top:20px}
.PanelPassword label{width:100%;font-size:14px;display:block}
.PanelPassword input[type="text"],.PanelPassword input[type="password"]{width:100%;margin:0 0 10px}

.form input {
    margin-bottom: 20px !important;
  }
  .form i {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-111%);
  }