/* Error page */

/* Error 503 ----- */

.MaintenanceContainerBox {
                          display: grid;
                          margin: 0 auto;
                          width: 100%;
                          grid-template-columns: 30% 40% 30%;
                          padding: 50px 0px;
                          align-items: center;
                          font-size: 22px;
                         }

.CloudComputingIcon {
                      width: 70%;
                      justify-self: center;
                    }

.ManageSiteIcon { 
                      width: 50%;
                      justify-self: center;
                      transform: rotate(30deg);
                    }

.CircleRowsIcon { 
                  width: 20%;
                  justify-self: center;
                  animation: rotation 8s linear infinite;
                }

@keyframes rotation {
                  0% {
                    transform: rotate(360deg);
                  }
                  100% {
                    transform: rotate(0deg);
                  }
                } 

.MaintenanceFirstIcon {
                        grid-column: 1;
                        grid-row: 1 / span 3;
                        text-align: center;
                        padding: 15px;
                      }

.MaintenanceSecondIcon {
                          grid-column: 3;
                          grid-row: 1 / span 3;
                          text-align: center;
                       }

.MaintenanceThirdIcon {
                        grid-column: 2;
                        grid-row: 2;
                        text-align: center;
                      }

.MaintenanceFirstRowLabel {
                            grid-column: 2;
                            grid-row: 1;
                            text-align: center;
                            font-family: "Benjamin Gothic Pro";
                            font-size: 30px;
                            font-weight: 550;
                            color: #1F2056;
                            text-shadow: 2px 2px 4px gold;
                          }

.MaintenanceSecondRowLabel {
                              grid-column: 2;
                              grid-row: 3;
                              text-align: center;
                              font-family: "Benjamin Gothic Pro";
                              font-size: 30px;
                              font-weight: 550;
                              color: #1F2056;
                              text-shadow: 2px 2px 4px gold;
                          }

/* Modal button */

.modal-button {
                display: inline-block;
                padding: 12px;
                width: 120px;
                font-size: 14px;
                font-weight: 700;
                line-height: 1;
                color: white;
                text-align: center;
                text-decoration: none;
                vertical-align: middle;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
                border-radius: 8px;
             }

 .modal-button-no {
                    background-color: red;
                    border: 2px solid red;
                  }

 .modal-button-yes {
                      background-color: green;
                      border: 2px solid green;
                   }

.modal-button-no:hover  {
                           background-color: white;
                           color: red;
                        }

.modal-button-yes:hover  {
  background-color: white;
  color: green;
}

.male-color {
              color: #00a8e0;
            }

.female-color {
                color: #ff3f9c;
              }
              
.legalperson-color {
                     color: #4800e5;
                   }

/* Radio button Yes/No */

.RadioYesNoContainerCentering 
{
  display: block;
  text-align: center;
}

.RadioYesNoContainer {
  display: inline-block;
  position: relative;
  padding: 10px;
  cursor: pointer;
}

.RadioYesNoContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
      }

.RadioYesNoLabel {
display: table-cell;
width: 100px;
height: 10px;
padding: 10px;
vertical-align: middle;
color: #222255;
border: 2px solid #222255; 
border-radius: 8px;
}  

.RadioYesNoContainer:hover input  ~ .RadioYesNoLabel {
                                                       background-color: #22225533;
                                                     }

.RadioYesNoContainer input:checked  ~ .RadioYesNoLabel {
                                                         background-color: #222255;
                                                         color: white;
                                                       }  
                                               
.RadioYesNoLabelText {
   display: block;
   width: 100%;
   text-align: center;
   font-size: 14pt;
}

/* Gridrow and service button */

.ServiceGrid1button {
                      display: grid;
                      margin: 0 auto;
                      margin-top: 15px;
                      margin-bottom: 20px;
                      width: 90%;
                      grid-template-columns: 100%;
                      padding: 10px;
                      align-items: center;
                    }

.ServiceGrid2buttons {
                       display: grid;
                       margin: 0 auto;
                       margin-top: 15px;
                       margin-bottom: 20px;
                       width: 90%;
                       grid-template-columns: 50% 50%;
                       padding: 10px;
                       align-items: center;
                     }

.ServiceGrid3buttons {
                       display: grid;
                       margin: 0 auto;
                       margin-top: 15px;
                       margin-bottom: 20px;
                       width: 90%;
                       grid-template-columns: 33.33% 33.33% 33.33%;
                       padding: 10px;
                       align-items: center;
                     }

.ServiceGrid4buttons {
                       display: grid;
                       margin: 0 auto;
                       margin-top: 15px;
                       margin-bottom: 20px;
                       width: 90%;
                       grid-template-columns: 25% 25% 25% 25%;
                       padding: 10px;
                       align-items: center;
                     }

.ServiceGrid5buttons {
                       display: grid;
                       margin: 0 auto;
                       margin-top: 15px;
                       margin-bottom: 20px;
                       width: 90%;
                       grid-template-columns: 20% 20% 20% 20% 20%;
                       padding: 10px;
                       align-items: center;
                     }

.ServiceGrid1buttonSlim {
                          display: grid;
                          margin: 0 auto;
                          margin-top: 0;
                          width: 100%;
                          grid-template-columns: 100%;
                          padding: 10px;
                          align-items: center;
                        }

.ServiceGrid2buttonsSlim {
                       display: grid;
                       margin: 0 auto;
                       margin: 0;
                       width: 100%;
                       grid-template-columns: 50% 50%;
                       padding: 10px;
                       align-items: center;
                     }

.ServiceGrid3buttonsSlim {
                       display: grid;
                       margin: 0 auto;
                       margin: 0;
                       width: 100%;
                       grid-template-columns: 33.33% 33.33% 33.33%;
                       padding: 10px;
                       align-items: center;
                     }

.ServiceGrid4buttonsSlim {
                      display: grid;
                      margin: 0 auto;
                      margin: 0;
                      width: 100%;
                      grid-template-columns: 25% 25% 25% 25%;
                      padding: 10px;
                      align-items: center;
                    }

.ServiceGrid5buttonsSlim {
                       display: grid;
                       margin: 0 auto;
                       margin: 0;
                       width: 100%;
                       grid-template-columns: 20% 20% 20% 20% 20%;
                       padding: 10px;
                       align-items: center;
                     }

.ServiceButtonDarkblue {
                         display: block;
                         position: relative;
                         border: none;
                         width: 90%;
                         font-size: 14pt;
                         padding: 8px;
                         background-color: #0A1626;
                         color: whitesmoke;
                         border-radius: 8px;
                       } 
               
.ServiceButtonDarkblue:hover {
                                background-color: #0A162677;
                                box-shadow: 0px 0px 8px #0A1626;
                             }

.ServiceButtonOnlyTextOrangered {
                                  display: block;
                                  position: relative;
                                  border: none;
                                  margin: 0;
                                  padding: 0;
                                  font-size: 14px;
                                  color: orangered;
                                  background-color: inherit;
                                } 
                   
.ServiceButtonOnlyTextOrangered:hover {
                                       background-color: inherit;
                                       text-shadow: 0px 0px 6px orangered;
                                     }

.ServiceButtonOnlyTextOrangeredCentered {
                                          display: block;
                                          position: relative;
                                          border: none;
                                          margin: 0 auto;
                                          padding: 0;
                                          font-size: 14px;
                                          color: orangered;
                                          background-color: inherit;
                                        } 
                   
.ServiceButtonOnlyTextOrangeredCentered:hover {
                                                background-color: inherit;
                                                text-shadow: 0px 0px 6px orangered;
                                              }

.ServiceButtonOnlyTextOrangeredLarge {
                                  display: block;
                                  position: relative;
                                  border: none;
                                  margin: 0;
                                  padding: 0;
                                  font-size: 16px;
                                  color: orangered;
                                  background-color: inherit;
                                } 
                   
.ServiceButtonOnlyTextOrangeredLarge:hover {
                                       background-color: inherit;
                                       text-shadow: 0px 0px 6px orangered;
                                     }

.ServiceGrid2columns {
                       display: grid;
                       margin: 0 auto;
                       width: 90%;
                       grid-template-columns: 50% 50%;
                       padding: 10px;
                       align-items: center;
                     }

.ServiceGrid3columns {
                       display: grid;
                       margin: 0 auto;
                       width: 90%;
                       grid-template-columns: 33,33% 33,33% 33,33%;
                       padding: 10px;
                       align-items: center;
                     }

.ServiceGridItem {
                    width: 95%;
                 }

.LabelFormBoxFULL {
                    display: inline-block;
                    position: float;
                    width: 100%;                         
                    margin-top: 20px;
                    padding-left: 45px;
                    text-align: left;
                    color: #222255;
                    font-size: 13px;
                    font-weight: 700;
                  }
                      
.FormBoxFULL {
                display: inline-block;
                position: relative;
                width: 100%;
                text-align: center;
                padding: 8px;                 
                color: #222255;
                border: 2px solid #222255;
                border-radius: 10px;
             }

/* General setting */

.DevText {
          display: block;
          position: relative;
          margin: 0 auto;
          margin-top: 3px;
          margin-bottom: 3px;
          padding: 3px;
          width: 120px;
          background-color:#2471a3;
          color: white;
          border-radius: 8px;
          font-family: "Benjamin Gothic Pro";
          font-size: 14px;
          letter-spacing: 2px;
         }

.BetaText {
            display: block;
            position: relative;
            margin: 0 auto;
            padding: 3px;
            margin-top: 3px;
            margin-bottom: 3px;
            width: 65px;
            background-color:#cb4335;
            color: white;
            border-radius: 8px;
            font-family: "Benjamin Gothic Pro";
            font-size: 14px;
            letter-spacing: 2px;
          }

.TestText {
            display: block;
            position: relative;
            margin: 0 auto;
            padding: 3px;
            margin-top: 3px;
            margin-bottom: 3px;
            width: 90px;
            background-color:#1d8348;
            color: white;
            border-radius: 8px;
            font-family: "Benjamin Gothic Pro";
            font-size: 14px;
            letter-spacing: 2px;
          }

.footer-padding {
                  padding: 4px;
               }

body {
      background-color: #093950;
     }

.header {
         background-color: white;
         margin-bottom: 10px;  
         padding: 10px;
        }

.userdatatime {
               background-color: white;  
               margin-bottom: 15px;
              }

.content {
          background-color: none;
         }

.footer {
         background-color: white; 
         margin: 15px 0 10px 0; 
        }

.boxcontent {
             background-color: white;  
            }

.BackPageButtonBox {
                  display: block;
                  position: relative;
                  width: 100%;
                  text-align: center;
                 }
                 
.ButtonBack {
             display: inline-block;
             position: relative;
             text-decoration: none;
             margin: 10px 0;
             border-radius: 12px;
             width: 200px;
             line-height: 2;
             text-align: center;
             font-size: 16px;
             background-color:#1F2056;
             color: #FF3800;
            }

.ButtonBack:hover {
             color: #1F2056;
             background-color: #FF3800;
            }            

.ButtonSubmit {
               display: block;
               position: relative;
               width: 140px;
               margin: 10px;
               margin-left: 25px;
               padding: 5px;
               color: white; 
               background-color: #222255;
               font-family: "Benjamin Gothic Pro";
               font-size: 12px;
               font-weight: bold;
               text-decoration: none;
               border: none;
               cursor: pointer;
               border-radius: 5px;
              }

.StartLiveMeetingButtonSubmit {
                               display: block;
                               position: relative;
                               width: 80%;
                               margin: 0 auto;
                               padding: 10px;
                               color: white; 
                               background-color: #222255;
                               font-family: "Benjamin Gothic Pro";
                               font-size: 14px;
                               font-weight: bold;
                               text-decoration: none;
                               border: none;
                               cursor: pointer;
                               border-radius: 5px;
                               text-transform: uppercase;
                              }

.GoToVotingLiveMeetingButtonSubmit {
                                    display: block;
                                    position: relative;
                                    width: 80%;
                                    margin: 0 auto;
                                    padding: 50px 10px;
                                    color: white; 
                                    background-color: #0A1626;
                                    font-family: "Benjamin Gothic Pro";
                                    font-size: 14px;
                                    font-weight: bold;
                                    text-decoration: none;
                                    border: none;
                                    cursor: pointer;
                                    border-radius: 12px;
                                    text-transform: uppercase;
                                   }
                 
.ButtonSubmit:hover,
.GoToVotingLiveMeetingButtonSubmit:hover,
.StartLiveMeetingButtonSubmit:hover {
                     font-size: 14px;
                     opacity: 95%;
                     box-shadow: 0 0 6px #222255;            
                    }
                       
.ButtonSubmit:disabled,
.GoToVotingLiveMeetingButtonSubmit:disabled,
.StartLiveMeetingButtonSubmit:disabled {
                        font-size: 14px;
                        background-color: #CCC;
                        color: #606060;
                        cursor: not-allowed;
                       }

.normaltext {
             text-transform: none;
            }

.inline {
          display: inline;
        }

.textcenter {
              text-align: center;
            }

.padding-bottom {
                   padding-bottom: 25px;
                }

.padding {
            padding: 10px;
         }
.none {
        display: none;
      }

.GreenColor {
              color: green;
            }

.RedColor {
            color:  red;
          }

.OrangeColor {
               color: orange;  
             }

.OrangeredColor {
               color: orangered;  
             }

.BorderGreen {
                border: 1px solid green;
                border-left: 7px solid green;
                border-right: 7px solid green;
             }

.BorderRed {
             border: 1px solid red;
             border-left: 7px solid red;
             border-right: 7px solid red;
            }

.BorderOrange {
                border: 1px solid orange;
                border-left: 7px solid orange;
                border-right: 7px solid orange;
              }

.BorderBlu {
               border: 1px solid #093950; 
               border-left: 7px solid #093950;
               border-right: 7px solid #093950;
            }

.centering {
              margin: 0 auto;
            }

/* Step Progress Bar with UL */

.StepProgressBar {
      display: block;
      position: relative;
      margin: 0 auto;
      margin-top: 12px;
      margin-bottom: 10px;
      width: 850px;
      height: 80px;
     }  

.container-pg{
      width: 90%;
      position: absolute;
      left: 3%;
      z-index: 1;
    }

.progressbar li{
      float: left;
      width: 20%;
      position: relative;
      list-style: none;
      text-align: center;
    }
    
.progressbar{
      counter-reset: step;
    }

.progressbar li:before{
      content:" ";
      counter-increment: step;
      width: 80px;
      height: 80px;
      border: 4px solid #bebebe;
      display: block;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      line-height: 80px;
      background: white;
      color: #bebebe;
      text-align: center;
      font-weight: bold;
    }
    
.progressbar li:after{
      content: '';
      position: absolute;
      width:100%;
      height: 4px;
      background: #bebebe;
      top: 40px;
      left: -50%;
      z-index: -1;
    }
    
.progressbar li:first-child:after{
    content: none;
    }
    
.progressbar li.done + li:after{
     background: #3aac5d;
    }
    
.progressbar li.done:before{
    border-color: #3aac5d;
    background: #3aac5d;
    color: white
    }
    
.progressbar li.current:before{
    border-color: #3aac5d;
    background: white;
    color: #3aac5d;
    }
    
.progressbar-icon-back-done {
                             display: block;
                             position: absolute;
                             top: 12px;
                             left: 50px;
                             z-index: 5;
                             font-size: 45px;
                             font-weight: normal;
                             color: #ffffff99;
                            }
                                
.progressbar-icon-back-current {
                                display: block;
                                position: absolute;
                                top: 12px;
                                left: 50px;
                                z-index: 5;
                                font-size: 45px;
                                font-weight: normal;
                                color: #3aac5d99;
                               }
                                
.progressbar-icon-back-todo {
                             display: block;
                             position: absolute;
                             top: 12px;
                             left: 50px;
                             z-index: 5;
                             font-size: 45px;
                             font-weight: normal;
                             color: #bebebe99;
                            }
                                
.progressbar-icon-front-done {
                              display: block;
                              position: absolute;
                              top:11px;
                              left: 60px;
                              z-index: 5;
                              font-size: 32px;
                              font-weight: normal;
                              color: white;
                             }
                                
.progressbar-icon-front-current {
                                 display: block;
                                 position: absolute;
                                 top: 11px;
                                 left: 60px;
                                 z-index: 5;
                                 font-size: 32px;
                                 font-weight: normal;
                                 color: #3aac5d;
                                 background-color: #ffffff;
                                }
                                
.progressbar-icon-front-todo {
                              display: block;
                              position: absolute;
                              top: 11px;
                              left: 60px;
                              z-index: 5;
                              font-size: 32px;
                              font-weight: normal;
                              color: #bebebe;
                              background-color: #ffffff;
                             }

/* Header Section */

.HeaderLogoPicture {
                    display: inline-block;
                    position: relative;
                    width: 120px;                   
                   }

.HeaderTitleFirstLine {
                       display: inline-block;
                       position: relative;
                       width: 350px;
                       padding-top: 5px;
                       padding-bottom: 8px;
                       color: #1f2056;
                       font-family: "Segoe UI";
                       font-size: 32px;
                       font-weight: 700;
                       line-height: 32px; 
                       border-bottom: 2px solid #FF3800;
                       text-align: center;
                      }

.HeaderTitleSecondLine {
                 display: inline-block;
                 position: relative;
                 width: 350px;                        
                 padding: 3px;
                 color: #1f2056;
                 font-family: "Segoe UI";
                 font-size: 14px;
                 font-weight: 700;
                 line-height: 24px;
                 text-align: center;
                }

.HeaderFlagPicture {
                     display: inline-block;
                     position: relative;
                     width: 45px;                   
                   }

/* InfoUserDatatime Section */

.InfoDataDay {
              color: orangered;
              font-family: "Times New Romans";
              font-size: 12px;
              font-weight: 500;               
              text-transform: uppercase;
              text-align: right;
             }
                   
.InfoDataTime {
               color: orangered;
               font-family: "Times New Romans";
               font-size: 14px;
               font-weight: 700;                             
               text-align: right;
              }

/* UserInfo Section */

.UserAdminProfile {
                   display: table-cell;
                   position: relative;
                   vertical-align: middle;
                   background-color: #1F2056;
                   height: 35px;
                   margin: 5px 0;
                   padding: 0 5px;
                   color: white;
                   text-decoration: none;
                   border: none;
                   border-radius: 5px;
                  }

.LogoutButton {
                display: table-cell;
                position: relative;
                vertical-align: middle;
                background-color: #b50000;
                height: 35px;
                padding: 3px 8px;
                color: white;
                text-decoration: none;
                border: none;
                border-radius: 5px;
              }

/* HomepageDescription Section */

.HomepageDescriptionSite {               
                font-family: "Segoe UI";
                color: #1f2056;
                font-size: 14px;
                font-weight: 400;
                line-height: 24px;
                border: solid 3px #1f2056;                        
                border-radius: 15px;
                margin: 20px 0 10px 0;
                padding: 10px;
               }   
               
.CondobitText {
     color: orangered;
     font-family: "Segoe UI";
     font-weight: bold;
     font-size: 1.2em;           
    }
    
.DescriptionMoreInfoLink {
      color: orangered;
      font-family: "Segoe UI";
      font-size: 14px;
      font-weight: 600;
      line-height: 16px;                 
              }

/* HomepageLogin Section */

.UserLoginFormFieldIconBox {
                width: 320px;
                padding: 8px;
                height: 45px;
                margin: 0 auto;                      
                margin-bottom: 10px;
                border: 2px solid #1F2056;
                border-radius: 12px;
               }  

.UserLoginFormFieldIcon {
                display: inline-block;
                position: relative;
                font-size: 15pt;
                margin: 0;
                padding: 0;
               }

input.LoginField[type=email] {
                color: #1f2056;
                font-family: "Segoe UI";
                width: 250px;
                font-size: 16px;
                font-weight: 700;
                line-height: 21px;
                text-align: center;
                background-color: white;
                border: none;
               }

input.LoginField[type=email]:focus {
                                     outline: none;
                                   }

input.LoginField[type=password] {
                    color: #1f2056;
                    font-family: "Segoe UI";
                    width: 250px;
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 21px;
                    text-align: center;                   
                    border: none;
                   }

input.LoginField[type=password]:focus {
                        outline: none;
                      }

::-ms-reveal {
              display: none;
             }

input.LoginForm[type=submit] {
                   width: 200px;
                   height: 35px;
                   cursor: pointer;                                                                         
                   font-family: "Segoe UI";
                   font-size: 14px;
                   font-weight: 700;                    
                   text-transform: uppercase;                                 
                   text-align: center;
                   color: #ff3800;
                   background: #ffffff;
                   border-radius: 12px;
                   border: solid 2px #1f2056;      
                  }
                        
input.LoginForm[type=submit]:hover {
                        color: #ff3800;
                        background-color: #ffffff;                                     
                        border: solid 2px #ff3800;
                       }
                                  
input.LoginForm[type=submit]:active {
                        
                         color: #ffffff;
                         background-color: #ff3800; 
                         border: solid 2px #ff3800;
                        }

/* Footer Section */

.FooterInfoLink {
                 display: block;
                 position: relative;               
                 color: #1f2056;
                 font-family: "Times New Romans";
                 font-size: 14px;
                 font-weight: 700;
                 line-height: 1.5;
                 text-decoration: none;
                }
    
.FooterCopyright {
                  color: #1f2056;
                  font-family: "Segoe UI";
                  font-size: 15px;
                  font-weight: 600;    
                  line-height: 1.5;
                 }
                   
.FooterVersion {   
                color: #1f2056;
                font-family: "Times New Romans";
                font-size: 14px;
                font-weight: 700;
                line-height: 1.5;
               }

/* Choose profile page */                   
                   
.ChooseProfilePage {
  display: block;
  position: relative;
  margin: 0 auto;                 
  margin-top: 25px;
  padding-bottom: 5px;
  width: 960px;                               
  background-color: white;    
  text-align: center;
 }
 
.ChooseProfilePageText {
      display: block;
      position: relative;
      margin: 0;
      padding: 10px 0;
      font-size: 20px;
      background-color: white;    
     }
     
.ChooseProfilePageButton {
        display: inline-block;
        position: relative;
        text-align: center;
        margin: 10px;;  
        padding: 10px;
        width: 160px;
        height: 120px;
        color: #0A1626;
        text-transform: uppercase;
        border: 2px solid #0A1626;
        background-color: white;  
        text-decoration: none;
       }
       
.ChooseProfilePageButton:hover {
              background-color: orangered;
             }

/* Homepage Admin, Artisan, Condo, Developer */

.TitleProgressBarBox {
      display: block;
      position: relative;
      width: 90%;
      border: 2px solid #0A1626;
      border-radius: 15px;
      margin: 0 auto;
      margin-top: 15px;
      padding: 10px;
      text-align: center;
      font-size: 18px;
      color: orangered;
      background-color: #ffffc9;
      font-weight: bold;
     }

.TitleProgresssBarCodominiumName {
                                   font-size: 20pt;
                                   background-image: linear-gradient(to right, #FFFFC9,orangered,orangered,#FFFFC9); 
                                   color: white;
                                   font-family: "Cleargothic Pro";
                                   margin-bottom: 20px;
                                   padding-top: 8px;
                                 }

.TitlePageBox {
               display: block;
               position: relative;
               width: 90%;
               border: 2px solid #222255;
               border-radius: 15px;
               margin: 0 auto;
               margin-top: 15px;
               margin-bottom: 15px;
               padding: 10px;
               text-align: center;
               font-family: "Benjamin Gothic Pro";
               font-size: 20px;
               color: orangered;
               text-transform: uppercase; 
               font-weight: bold;
              }

.IconProfileType {
                  display: inline-block;
                  margin: 0 auto;
                  padding: 5px;
                  font-size: 22px;
                 }

.ButtonFormInline {
                  display: inline-block;
                  position: relative;
                  margin: 0 auto;
                  padding: 0;
                 }

.FormInLine{
            display: inline-block;
            position: relative;
            margin: 0;
            padding: 0;
           }

/* Homepage Admin */

.PageAdmin  {
              display: block;
              position: relative;
              margin: 0 auto;                 
              margin-top: 25px;
              padding: 10px;
              width: 100%;                                           
              background-color: white;     
              text-align: center;                         
            }        

.FormButtonIcon {
                  display: block;
                  position: relative;
                  padding: 0;
                  margin: 0;
                  font-size: 30px;
                }
     
.IconStepProgress {
                    display: grid;
                    margin: 0 auto;
                    width: 100%;
                    grid-template-columns: 20% 20% 20% 20% 20%;
                    padding: 8px 0px;
                    align-items: center;
                    font-size: 18px;
                    bottom: -2px;
                    z-index: 50; 
                  }
                  
.IconStepProgressFirst {

                         }

.IconStepProgressSecond {
                           font-weight: bolder;
                          }

.IconStepProgressThird {

                            }

.IconStepProgressFourth {

                             }

.InconStepProgressFifth {

                        }

.IconStepProgressTodo {
                       color: #6B6B6B;
                       }

.IconStepProgressCurrent {
                           color: orangered;
                         }

.IconStepProgressDone {
                      color: #009307;
                     }

.AdminSelectBox {
      display: block;
      position: relative;
      width: 98%;
      margin: 10px;                
      padding: 5px;
      color: #222255;
      font-family: "Benjamin Gothic Pro";
      font-size: 16px;                                     
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;               
     }
     
.FormButtonIconL {
      display: inline-block;
      position: relative;
      font-size: 50px;                
      padding: 5px;
     }
     
.FormButtonIconM {
      display: inline-block;
      position: relative;
      font-size: 35px;                
      padding: 5px;
     }
     
.FormButtonIconS {
      display: inline-block;
      position: relative;
      font-size: 25px;                
      padding: 5px;
     }
     
.FormButtonIconXS {
      display: inline-block;
      position: relative;
      font-size: 15px;                
      padding: 5px;
     }
     
.IconColorGreen {
                 color: #2c9b00;
                }

.IconColorGray {
                color: #606060;
               }
   
      
.AdminSelectButton {
         display: table-cell;
         position: relative;
         width: 200px;
         height: 140px;
         margin: 25px 10px 25px 10px;          
         vertical-align: middle;
         color: #222255;
         background-color: white;
         font-family: "Benjamin Gothic Pro";
         font-size: 16px;
         font-weight: 500;
         text-transform: uppercase;
         letter-spacing: 1px;
         border: 3px solid #222255;
         border-radius: 20px;               
         cursor: pointer;
        }
        
.AdminSelectButton:hover {
               color: orangered;
               border: 4px solid orangered;
              }
              
.AdminSelectButtonNewGreen {
         display: block;
         position: relative;
         width: 280px;
         height: 50px;
         margin: 15px 5px;                                   
         color: #2c9b00;
         background-color: white;
         font-family: "Benjamin Gothic Pro";
         font-size: 13px;
         font-weight: 700;                            
         text-transform: uppercase;
         border: 3px solid #222255;
         border-radius: 15px;                                                       
         cursor: pointer;
        }                   
                                            
.AdminSelectButtonNewGreen:hover {
                  color: #2c9b00;
                  font-size: 12px;
                  border: 3px solid #2c9b00;
                 }  

.AdminSelectButtonNewGreen:disabled {
                                     font-size: 12px;
                                     background-color: #CCC;
                                     border: 3px solid #CCC;
                                     color: #606060;
                                     cursor: not-allowed;
                                    }  
                                       
.AdminSelectButtonNew {
         display: block;
         position: relative;
         width: 200px;
         height: 50px;
         margin: 15px 5px;                                   
         color: orangered;
         background-color: white;
         font-family: "Benjamin Gothic Pro";
         font-size: 13px;
         font-weight: 700;                            
         text-transform: uppercase;
         border: 3px solid #222255;
         border-radius: 15px;                                                       
         cursor: pointer;
        }                   
                                            
.AdminSelectButtonNew:hover {
                  color: orangered;
                  font-size: 12px;
                  border: 3px solid orangered;
                 }  
                 
.AdminSelectButtonNew:disabled {
                                font-size: 12px;
                                background-color: #CCC;
                                color: #606060;
                                cursor: not-allowed;
                                }  

.AdminSelectButtonTwoLinesNew {
                                display: block;
                                position: relative;
                                width: 250px;
                                margin: 15px 5px;                                   
                                color: orangered;
                                background-color: white;
                                font-family: "Benjamin Gothic Pro";
                                font-size: 13px;
                                font-weight: 700;                            
                                text-transform: uppercase;
                                border: 3px solid orangered;
                                border-radius: 15px;                                                       
                                cursor: pointer;
                              }                   
                                                                     
.AdminSelectButtonTwoLinesNew:hover {
                                      color: orangered;
                                      font-size: 12px;
                                      box-shadow: 0 0 8px orangered;
                                      text-shadow: 0 0 8px orangered;
                                    }  
                                          
.AdminSelectButtonTwoLinesNew:disabled {
                                         font-size: 12px;
                                         background-color: #CCC;
                                         color: #606060;
                                         cursor: not-allowed;
                                       }
                                       
.AdminSelectButtonTwoLinesNewLabelBox {
                                        display: grid;
                                        margin: 0 auto;
                                        margin-top: 5px;
                                        margin-bottom: 5px;
                                        width: 100%;
                                        grid-template-columns: 20% 80%;
                                        padding: 5px;
                                        align-items: center;
                                      }

.AdminSelectButtonTwoLinesNewLabelIcon {
                                         grid-row: 1 / span 2;
                                         text-align: center;
                                         font-size: 24pt;
                                       } 

.AdminSelectButtonTwoLinesNewLabelFirstLine {
                                              font-size: 10pt;
                                            }

.AdminSelectButtonTwoLinesNewLabelSecondLine {
                                               font-size: 12pt;
                                             }

.AdminSelectCondominiumActivateListBox {
                                         display: block;
                                         position: relative;
                                         margin: 0 auto;
                                         width: 85%;
                                         text-align: center;
                                         padding: 3px 3px 15px 3px;
                                         border: 3px solid  #606060;
                                         background-color: #EEE;
                                       }

.AdminSelectCondominiumActivateListLabel {
                                            display: block;
                                            margin: 0 auto;
                                            width: 100%;
                                            padding: 8px;
                                            background-color: #606060;
                                            color: white;
                                         }

.AdminSelectCondominiumListBox {
                                display: block;
                                position: relative;
                                margin: 0 auto;
                                width: 95%;
                                text-align: center;
                                padding: 10px;
                              }
              
.AdminSelectCondominiumButton {
         display: table-cell;
         position: relative;
         width: 160px;
         height: 120px;
         margin: 15px 10px 0 10px;                  
         padding-bottom: 10px;
         padding-top: 5px;
         vertical-align: middle;
         color: #222255;
         background-color: white;
         border: 3px solid #222255;
         border-radius: 15px;                                                        
         cursor: pointer;
        }
        
.AdminSelectCondominiumButton:hover {
                          color: orangered;
                          background-color: #ffffff;
                          border: 3px solid orangered;
                         }
                         
.AdminSelectCondominiumInprogressButton {
         display: table-cell;
         position: relative;
         width: 160px;
         height: 120px;
         margin: 15px 10px 0 10px;                  
         padding-bottom: 10px;
         padding-top: 5px;
         vertical-align: top;
         color: #606060;
         background-color: white;
         border: 3px solid #606060;
         border-radius: 15px;                                                        
         cursor: pointer;
        }

.AdminSelectCondominiumButton {
          display: table-cell;
          position: relative;
          width: 160px;
          height: 120px;
          margin: 15px 10px 0 10px;                  
          padding-bottom: 10px;
          padding-top: 5px;
          vertical-align: middle;
          color: #222255;
          background-color: white;
          border: 3px solid #222255;
          border-radius: 15px;                                                        
          cursor: pointer;
         }

.CondominiumBoxTextName {
                         display: inline-block;
                         position: relative;
                         margin: 0;
                         padding: 0;
                         font-family: "Benjamin Gothic Pro";
                         font-size: 13px;
                         font-weight: 500;
                         line-height: normal;
                         text-transform: uppercase;
                          }
        
.AdminSelectCondominiumInprogressButton:hover {
                                    color: orangered;
                                    background-color: #ffffff;
                                    border: 4px solid orangered;
                                    }    
                                    
.AdminSelectCondominiumButton:hover {
                                      color: orangered;
                                      background-color: #ffffff;
                                      border: 4px solid orangered;
                                      }  
              
.AdminNewCondominiumField {
                display: inline-block;
                position: relative;
                width: 240px;                         
                margin-top: 20px;
                margin-bottom: 20px;
                padding-left: 45px;
                text-align: left;
                color: #222255;
                font-size: 13px;
                font-weight: 700;
               }
               
.AdminNewCondominiumFieldXXS {
                display: inline-block;
                position: relative;
                width: 20px;                         
                margin-top: 20px;
                margin-bottom: 20px;
                padding-left: 5px;
                text-align: left;
                color: #222255;
                font-size: 15px;
                font-weight: 700;
               }
               
input[type=text].NewCondominiumFieldXXL {
       display: inline-block;
       position: relative;
       width: 300px;
       text-align: center;
       padding: 8px;                 
       margin-bottom: 10px;
       margin-right: 20px;
       border: 2px solid #222255;
       border-radius: 10px;
      }
      
input[type=text].NewCondominiumFieldXL,
input[type=date].NewCondominiumFieldXL,
input[type=number].NewCondominiumFieldXL {
       display: inline-block;
       position: relative;
       width: 250px;
       text-align: center;
       padding: 8px;
       margin-bottom: 10px;
       margin-right: 5px;
       border: 2px solid #222255;
       border-radius: 10px;
      }
      
input[type=text].NewCondominiumFieldL,
input[type=date].NewCondominiumFieldL,
input[type=number].NewCondominiumFieldL {
       display: inline-block;
       position: relative;
       width: 150px;
       text-align: center;
       padding: 8px;
       margin-bottom: 10px;
       margin-right: 20px;
       border: 2px solid #222255;
       border-radius: 10px;
      }
      
input[type=text].NewCondominiumFieldM,
input[type=date].NewCondominiumFieldM,
input[type=number].NewCondominiumFieldM {
       display: inline-block;
       position: relative;
       width: 100px;
       text-align: center;
       padding: 8px;
       margin-top: 5px;
       margin-bottom: 10px;
       margin-right: 20px;
       border: 2px solid #222255;
       border-radius: 10px;
      }
      
input[type=text].NewCondominiumFieldS,
input[type=date].NewCondominiumFieldS,
input[type=number].NewCondominiumFieldS {
       display: inline-block;
       position: relative;
       width: 60px;
       text-align: center;
       padding: 8px;
       margin-bottom: 10px;
       margin-right: 20px;
       border: 2px solid #222255;
       border-radius: 10px;
      }

input[type=text].NewCondominiumFieldXXL:focus,                 
input[type=text].NewCondominiumFieldXL:focus,
input[type=text].NewCondominiumFieldL:focus,
input[type=text].NewCondominiumFieldM:focus,
input[type=text].NewCondominiumFieldS:focus,
input[type=date].NewCondominiumFieldS:focus,
input[type=date].NewCondominiumFieldM:focus,
input[type=date].NewCondominiumFieldL:focus,
input[type=date].NewCondominiumFieldXL:focus,
input[type=number].NewCondominiumFieldS:focus,
input[type=number].NewCondominiumFieldM:focus,
input[type=number].NewCondominiumFieldL:focus,
input[type=number].NewCondominiumFieldXL:focus,
select.NewCondominiumFieldS:focus,
select.NewCondominiumFieldM:focus,
select.NewCondominiumFieldL:focus,
select.NewCondominiumFieldXL:focus{
                        box-shadow: 0 0 6px #093950;
                        outline: none;
                       }
                                                    
select.NewCondominiumFieldS {
                  display: inline-block;
                  appearance: none;
                  position: relative;
                  text-align: center;
                  width: 130px;
                  padding: 8px;
                  margin-bottom: 10px;
                  margin-right: 20px;
                  color: #222255;
                  font-family: "Benjamin Gothic Pro";
                  font-size: 15px;
                  border: 2px solid #222255;
                  border-radius: 10px;
                  background-color: white;
                 }
                 
select.NewCondominiumFieldM {
                  display: inline-block;
                  appearance: none;
                  position: relative;
                  text-align: center;
                  width: 170px;
                  padding: 8px;
                  margin-bottom: 10px;
                  margin-right: 20px;
                  color: #222255;
                  font-family: "Benjamin Gothic Pro";
                  font-size: 15px;
                  border: 2px solid #222255;
                  border-radius: 10px;
                  background-color: white;
                 }
                 
select.NewCondominiumFieldL {
                  display: inline-block;
                  appearance: none;
                  position: relative;
                  text-align: center;
                  width: 235px;
                  padding: 8px;
                  margin-bottom: 10px;
                  margin-right: 20px;
                  color: #222255;
                  font-family: "Benjamin Gothic Pro";
                  font-size: 15px;
                  border: 2px solid #222255;
                  border-radius: 10px;
                  background-color: white;
                 }
                 
select.NewCondominiumFieldXL {
                  display: inline-block;
                  appearance: none;
                  position: relative;
                  text-align: center;
                  width: 300px;
                  padding: 8px;
                  margin-bottom: 10px;
                  margin-right: 20px;
                  color: #222255;
                  font-family: "Benjamin Gothic Pro";
                  font-size: 15px;
                  border: 2px solid #222255;
                  border-radius: 10px;
                  background-color: white;
                 }

.AdminNewCondominiumButtonRow {
                                display: block;
                                position: relative;
                                padding: 20px 0 10px 0;
                                text-align: center;
                              }

.NewCondominiumActivationTypeChooseBox {
                                         display: block;
                                       }

.NewCondomiunTypeActivationRadioContainer {
                                            display: inline-block;
                                            position: relative;
                                            padding: 10px;
                                            cursor: pointer;
                                          }

.NewCondomiunTypeActivationRadioContainer input {
                                                  position: absolute;
                                                  opacity: 0;
                                                  cursor: pointer;
                                                  height: 0;
                                                  width: 0;
                                                }

.NewCondomiunTypeActivationRadioLabel {
                                        display: table-cell;
                                        width: 250px;
                                        height: 200px;
                                        padding: 10px;
                                        vertical-align: middle;
                                        color: #222255;
                                        border: 2px solid #222255; 
                                      }  

.NewCondomiunTypeActivationRadioLabelLeftSide {
                                                border-top-left-radius: 10px;
                                                border-bottom-left-radius: 10px;
                                              }

.NewCondomiunTypeActivationRadioLabelRightSide {
                                                border-top-right-radius: 10px;
                                                border-bottom-right-radius: 10px;
                                              }

.NewCondomiunTypeActivationRadioContainer:hover input  ~ .NewCondomiunTypeActivationRadioLabel {
                                                                                                 background-color: #22225533;
                                                                                               }

.NewCondomiunTypeActivationRadioContainer input:checked  ~ .NewCondomiunTypeActivationRadioLabel {
                                                                                                   background-color: #222255BB;
                                                                                                   color: white;
                                                                                                 }  
                                                                                         
.NewCondomiunTypeActivationRadioLabelIcon {
                                            font-size: 40px;
                                          }

.NewCondomiunTypeActivationRadioLabelTextFirstLine {
                                                      display: block;
                                                      width: 100%;
                                                      margin-top: 15px;
                                                      text-align: center;
                                                      font-size: 14pt;
                                                    }

.NewCondomiunTypeActivationRadioLabelTextSecondLine {
                                                      display: block;
                                                      width: 100%;
                                                      margin-top: 7px;
                                                      text-align: center;
                                                      font-size: 11pt;
                                                    }

.NewCondominiumGeneralDataBox {
                                display: none;
                              }                                  

.NewCondominumChooseTypeActivation {
                                     display: block;
                                     position: relative;
                                     text-align: center;
                                     width: 95%;
                                     padding: 10px 10px;
                                     margin: 0 auto;
                                     margin-top: 25px;
                                     margin-bottom: 15px;
                                     border: 3px solid #222255;
                                     border-radius: 10px;
                                   }
      
.NewPUGeneralDataCenterText {
                              display: block;
                              position: relative;
                              width: 95%;
                              padding: 10px;
                              margin: 0 auto;
                              margin-top: 25px;
                              margin-bottom: 15px;
                              text-align: center;
                              border: 3px solid #222255;
                              border-radius: 10px;
                           }

.NewPUGeneralData {
                    display: block;
                    position: relative;
                    width: 95%;
                    padding: 10px;
                    margin: 0 auto;
                    margin-top: 25px;
                    margin-bottom: 15px;
                    text-align: left;
                    border: 3px solid #222255;
                    border-radius: 10px;
                  }
           
#NewPUGeneralDataAccessoryUnit {
                                 display: none;
                                 position: relative;
                                 background-color: #09395033;
                                 margin: 5px;
                                 padding: 0 5px 5px 5px;
                               }                      
           
.NewPUGeneralDataText {
                        display: block;
                        position: absolute;
                        top: -12px;
                        left: 15px;
                        padding: 3px;
                        font-size: 11px;
                        color: orangered;
                        font-weight: bold;
                        background-color: white;
                        text-transform: uppercase;
                        z-index: 9;
                      }

.NewPUCadastralDataChooseBox {
                               display: block;
                               width: 80%;
                               margin: 20px 40px;
                               font-size: 14pt;
                             }
      
.NewPUCadastralData {
                      display: block;
                      position: relative;
                      width: 95%;
                      padding: 10px 10px 10px 10px;
                      margin: 0 auto;
                      margin-top: 25px;
                      margin-bottom: 15px;
                      border: 3px solid #222255;
                      border-radius: 10px;
                    }

.NewPUCadastralDataHidden {
                            display: none;
                            position: relative;
                            width: 95%;
                            padding: 10px 10px 10px 10px;
                            margin: 0 auto;
                            margin-top: 25px;
                            margin-bottom: 15px;
                            border: 3px solid #222255;
                            border-radius: 10px;
                          }
           
.NewPUCadastralDataLabel {
                           display: block;
                           position: absolute;
                           top: -12px;
                           left: 15px;
                           padding: 3px;
                           font-size: 11px;
                           color: orangered;
                           font-weight: bold;
                           background-color: white;
                           text-transform: uppercase;
                           z-index: 9;
                         }

.NewPUCadastralDataIconLabel {
                               transform: rotate(180deg);
                               margin-right: 10px;
                             }

.NewPUIdentifyDataLabel {
                          display: block;
                          width: 95%;
                          position: relative;
                          margin: 10px 10px 15px 7px;
                          padding: 5px 10px;
                          background-image: linear-gradient(to right,rgba(34,34,85,1),rgba(34,34,85,0.8),rgba(34,34,85,0));
                          color: white;
                        }

.NewPUClassificationDataLabel {
  display: block;
  width: 95%;
  position: relative;
  margin: 20px 10px 15px 7px;
  padding: 5px 10px;
  background-image: linear-gradient(to right,rgba(34,34,85,1),rgba(34,34,85,0.8),rgba(34,34,85,0));
  color: white;
                               }

.left {
       text-align: left;               
      }

.AdminNewCondominiumActionBox {
                                display: grid;
                                margin: 0 auto;
                                margin-top: 15px;
                                margin-bottom: 20px;
                                width: 90%;
                                grid-template-columns: 50% 50%;
                                padding: 15px;
                                align-items: center;
                              }

.AdminNewCondominiumActionBack {
                                 text-align: center;
                               }

.AdminNewCondominiumActionNext {
                                 text-align: center;
                               }

.AdminNewCondominiumFormIconButton {
                                    font-size: 20pt;
                                    padding-right: 8px;
                                    font-weight: normal;
                                   }

.AdminNewCondominiumFormButton {
                                 display: inline-block;
                                 border: none;
                                 margin: 0;
                                 padding: 10px;
                                 font-size: 18px;
                                 color: white;
                                 border: 2px solid #222255;
                                 border-radius: 8px;
                                 background-color: #222255;;
                               }

.AdminNewCondominiumFormButton:hover {
                                       text-shadow: 0px 0px 6px white;
                                       box-shadow: 0px 0px 6px #222255;
                                     }

.AdminNewCondominiumFormButton:disabled {
                                          color: #22225588;
                                          border: 2px solid #22225588;
                                          background-color: #22225533;
                                          pointer-events: none;
                                        }

.AdminNewCondominiumActionIconButton {
                                       font-size: 20pt;
                                       padding-right: 8px;
                                       font-weight: normal;
                                     }

.AdminNewCondominiumActionButton {
                                display: inline-block;
                                border: none;
                                margin: 0;
                                padding: 10px;
                                font-size: 18px;
                                color: orangered;
                                border: 2px solid orangered;
                                border-radius: 8px;
                                background-color: inherit;
                              }

.AdminNewCondominiumActionButton:hover {
                                     text-shadow: 0px 0px 6px orangered;
                                     box-shadow: 0px 0px 6px orangered;
                                    }

.AdminNewCondominiumActionButton:disabled {
                                            color: gray;
                                            border: 2px solid gray;
                                            pointer-events: none;
                                          }

.AdminNewCondominiumActionActivateButton {
                                          display: inline-block;
                                          border: none;
                                          margin: 0;
                                          padding: 5px 30px;
                                          font-size: 18px;
                                          font-weight: 600;
                                          color: green;
                                          border: 2px solid green;
                                          border-radius: 8px;
                                          background-color: inherit;
                                         }
      
.AdminNewCondominiumActionActivateButton:hover {
                                                 text-shadow: 0px 0px 6px green;
                                                 box-shadow: 0px 0px 6px green;
                                               }

.AdminNewCondominiumActionActivateButton:disabled {
                                                     color: gray;
                                                     border: 2px solid gray;
                                                     pointer-events: none;
                                                  }



/* Residential Unit Table New Condominium */

.AdminResidentialUnitNumberTypeShowcaseBox {
                                              display: grid;
                                              margin: 0 auto;
                                              margin-top: 15px;
                                              margin-bottom: 20px;
                                              width: 90%;
                                              grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
                                              padding: 10px;
                                              align-items: center;
                                           }

.AdminResidentialUnitNumberTypeShowcaseItem {
                                              display: grid;
                                              margin: 0 auto;
                                              width: 90%;
                                              grid-template-columns: 100%;
                                              padding: 0;
                                              align-items: center;
                                              border: 1.8px solid #093950CC;
                                              border-radius: 10px;
                                              box-shadow: 3px 3px 5px #093950;
                                            }

.AdminResidentialUnitNumberTypeShowcaseItemIcon {
                                                  text-align: center;
                                                  font-size: 18pt;
                                                  background-color: #093950CC;
                                                  color: white;
                                                  padding-top: 3px;
                                                  border-top-left-radius: 8px;
                                                  border-top-right-radius: 8px;
                                                }

.AdminResidentialUnitNumberTypeShowcaseItemValue {
                                                    text-align: center;
                                                    font-size: 16pt;
                                                    color: #093950CC;
                                                 }

.NewPUResidual {
  display: block;
  position: relative;
  width: 90%;
  padding: 15px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 15px;
  border: 3px solid #222255;
  border-radius: 10px;
 }

.AdminResidentialUnitListBox {
                               display: grid;
                               margin: 0 auto;
                               margin-top: 20px;
                               width: 100%;
                               grid-template-columns: 100%;
                               padding: 10px;
                               align-items: center;
                             }

.AdminResidentialUnitListRowTitle {
  display: grid;
  margin: 0 auto;
  width: 100%;
  grid-template-columns: 10% 10% 7% 18% 8% 18% 16% 18%; 
  padding: 10px;
  font-size: 10pt;
  align-items: center;
                }
           
.AdminResidentialUnitListRowEven {
  display: grid;
  margin: 0 auto;
  width: 100%;
  grid-template-columns: 10% 10% 7% 18% 8% 18% 16% 18%; 
  padding: 10px;
  align-items: center;
                background-color: #09395022;
                border-radius: 5px;
               }
               
.AdminResidentialUnitListRowOdd {
                                 display: grid;
                                 margin: 0 auto;
                                 width: 100%;
                                 grid-template-columns: 10% 10% 7% 18% 8% 18% 16% 18%;   
                                 padding: 10px;
                                 align-items: center;
                                 background-color: #09395055;
                                 border-radius: 5px;
                                }

.AdminResidentialUnitResidualRowEven {
                                       display: grid;
                                       margin: 0 auto;
                                       width: 90%;
                                       grid-template-columns: 10% 25% 30% 5% 25% 5%;
                                       padding: 10px;
                                       align-items: center;
                                       background-color: #09395022;
                                       border-radius: 5px;
                                     }

.AdminResidentialUnitResidualRowOdd {
                                      display: grid;
                                      margin: 0 auto;
                                      width: 90%;
                                      grid-template-columns: 10% 25% 30% 5% 25% 5%;
                                      padding: 10px;
                                      align-items: center;
                                      background-color: #09395055;
                                      border-radius: 5px;
                                    }
                                               
.AdminResidentialUnitListIdentifiedCodeTitle {
                                               grid-column: 3 / span 2;
                                               text-align: center;
                                             }

.AdminResidentialUnitListStaircase {
                                      text-align: center;
                                      font-size: 11pt;
                                    }

.AdminResidentialUnitListBuilder {
                                    text-align: center;
                                  }

.AdminResidentialUnitListFloor {
                                      text-align: center;
                     
                                   }
    
.AdminResidentialUnitListIdentifiedCode {
                                                text-align: left;
                                                font-size: 11pt;
                                           
                                             }
                          
.AdminResidentialUnitListType {
                                text-align: center; 
                                font-size: 16pt; 
                              }

.AdminResidentialUnitListURaccessory {
                                        text-align: left;
                                        font-size: 10pt;
                                      }

.AdminResidentialUnitListLastmodify {
                                      text-align: center;
                                      font-size: 10pt;
                                    }

.AdminResidentialUnitResidualFloor {
                                  text-align: center;
                                  grid-row: 1 / span 2;
                               }

.AdminResidentialUnitResidualIdentifiedCode {
                                            text-align: left;
                                            grid-row: 1 / span 2;
                                         }
                      
.AdminResidentialUnitResidualType {
                                  text-align: left;
                                  grid-row: 1 / span 2;
                                  font-size: 9pt;
                               }
            
.AdminResidentialUnitListLastmodify {
                                      font-size: 10pt;
                                    }

.AdminResidentialUnitListAction {
                                  
                                }

.AdminResidentialUnitListOwnership {
                                     text-align: center;
                                   }

.AdminResidentialUnitListValue {
                                  
                               }

.AdminResidentialUnitListValueSymbol {
                                        padding-left: 3px;
                                        padding-bottom: 5px;
                                        font-size: 16pt;
                                        font-weight: 500;
                                      }

.AdminResidentialUnitDelinkBox {
                                  display: grid;
                                  margin: 0 auto;
                                  margin-top: 20px;
                                  width: 100%;
                                  grid-template-columns: 20% 60% 20%;
                                  padding: 10px;
                                  align-items: center;
                               }

.AdminResidentialUnitDelinkTitle {
                                    grid-column: 1 / span 3;
                                    text-align: center;
                                    font-size: 14pt;
                                    font-weight: 700;
                                    color: red;
                                 }

.AdminResidentialUnitDelinkInfo {
                                   grid-column: 1 / span 3;
                                   text-align: justify;
                                   padding: 10px;
                                }                
                                
.AdminResidentialUnitDelinkPasswordField {
                                            grid-column: 2;
                                         } 

.AdminResidentialUnitDelinkButton {
                                     grid-column: 2;
                                     text-align: center;
                                  }                                

.AdminMillesimalTableListBox {
              display: grid;
              margin: 0 auto;
              margin-top: 20px;
              width: 100%;
              grid-template-columns: 100%;
              padding: 10px;
              align-items: center;
            }

.AdminMillesimalTableListRowTitle {
display: grid;
margin: 0 auto;
width: 90%;
grid-template-columns: 8% 45% 15% 18% 14%; 
padding: 10px;
align-items: center;
}

.AdminMillesimalTableListDefaultTitle {

}

.AdminMillesimalTableListNameTitle {

}

.AdminMillesimalTableListLastmodifyTitle {

              }

.AdminMillesimalTableListActionTitle {

              }

.AdminMillesimalTableListRowEven {
display: grid;
margin: 0 auto;
width: 90%;
grid-template-columns: 8% 45% 15% 18% 14%; 
padding: 10px;
align-items: center;
background-color: #09395022;
border-radius: 5px;
}

.AdminMillesimalTableListRowOdd {
                display: grid;
                margin: 0 auto;
                width: 90%;
                grid-template-columns: 8% 45% 15% 18% 14%; 
                padding: 10px;
                align-items: center;
                background-color: #09395055;
                border-radius: 5px;
               }

.AdminMillesimalTableListDefault {
                                text-align: center;
                              }

.AdminMillesimalTableListName {
                                text-align: left;
                              }
     
.AdminMillesimalTableListLastmodify {
                                      font-size: 10pt;
                                    }

.AdminMillesimalTableListAction {

                                }

.AdminMillesimalTableListNoItem {
               display: inline-block;
               position: relative;
               padding: 10px;
               width: 80%;
               margin: 0 auto;
               font-size: 16px;
               color: #093950;
               background-color: #09395022;
              }
              
.AdminMilTabRUTitle {
                 display: block;
                 position: relative;
                 width: 80%;
                 margin: 0 auto;
                 font-size: 16px;
                 font-weight: bold;
                 color: #093950;
                }
           
.AdminMilTabRUListRow {
            display: block;
            position: relative;
            padding: 5px;
            width: 90%;
            margin: 0 auto;
            font-size: 14px;
            color: #093950;
           }
           
.AdminMilTabRUIdentifiedCode {
            display: inline-block;
            position: relative;
            width: 28%;
           }
           
.AdminMilTabRUType {
             display: inline-block;
             position: relative;
             width: 28%;
            }
            
.AdminMilTabRUFloor {
              display: inline-block;
              position: relative;
              text-align: center;
              width: 12%;
             }
             
.AdminMilTabRUValue {
   display: inline-block;
   position: relative;
   text-align: right;
   padding: 0;
   margin: 0;
   width: 25%;
  }
             
.AdminMilTabRUNoItem {
    display: inline-block;
    position: relative;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
    font-size: 16px;
    color: #093950;
    background-color: #09395022;
   }

.AdminMilTabTotal {
 display: inline-block;
 position: relative;
 width: 100px;
 padding: 8px;
 margin: 5px 3px 5px 7px;
 font-size: 20px;
 border: 5px solid #cc0404;
 color: white;
 border-radius: 10px; 
 background-color: #cc0404;
 text-align: center;
}
              
input[type=text].AdminMilTabRUField {
display: inline-block;
position: relative;
text-align: center;
width: 100px;
padding: 8px;
margin: 5px;
font-size: 20px;
border: 2px solid #222255;
border-radius: 10px
}     

input[type=text].AdminMilTabRUField:focus {
                         box-shadow: 0 0 6px #093950;
                         outline: none;
                        }
              
.AdminAssociationUIListBox {
                              display: grid;
                              margin: 0 auto;
                              width: 90%;
                              grid-template-columns: 100%; 
                              row-gap: 12px;
                              padding: 10px;
                              align-items: center;
                           }

.AdminAssociationUIListRowTitle {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 100%;
                                  grid-template-columns: 10% 10% 20% 10% 35% 15%; 
                                  row-gap: 12px;
                                  padding: 10px;
                                  align-items: center;
                                  color: #093950;
                                  background-color: #09395055;
                                }
           
.AdminAssociationUIListRow {
                             display: grid;
                             margin: 0 auto;
                             width: 100%;
                             grid-template-columns: 10% 10% 20% 10% 35% 15%; 
                             row-gap: 12px;
                             padding: 10px;
                             align-items: center;
                             color: #093950;
                             background-color: #09395022;
                           }

.AdminAssociationUIListBuilderContainer {
                                          display: block;
                                          position: relative;
                                          width: 90%;
                                          padding: 10px;
                                          margin: 0 auto;
                                          margin-top: 25px;
                                          margin-bottom: 15px;
                                          border: 3px solid #222255;
                                          border-radius: 10px;
                                        }
                             
.AdminAssociationUIListBuilderContainerText {
                                              display: block;
                                              position: absolute;
                                              top: -12px;
                                              left: 15px;
                                              padding: 3px;
                                              font-size: 11px;
                                              color: orangered;
                                              font-weight: bold;
                                              background-color: white;
                                              text-transform: uppercase;
                                              z-index: 9;
                                            }

.AdminAssociationUIListBuilderBox {
                            display: grid;
                            margin: 0 auto;
                            width: 100%;
                            grid-template-columns: 100%; 
                            row-gap: 12px;
                            padding: 10px;
                            align-items: center;
                         }

.AdminAssociationUIListBuilderRowTitle {
                                display: grid;
                                margin: 0 auto;
                                width: 100%;
                                grid-template-columns: 50% 35% 15%; 
                                row-gap: 12px;
                                padding: 10px;
                                align-items: center;
                                color: #093950;
                                background-color: #09395055;
                              }
         
.AdminAssociationUIListBuilderRow {
                           display: grid;
                           margin: 0 auto;
                           width: 100%;
                           grid-template-columns: 50% 35% 15%; 
                           row-gap: 12px;
                           padding: 10px;
                           align-items: center;
                           color: #093950;
                           background-color: #09395022;
                         }

.AdminAssociationUIListBuilderDetails {
                                      display: grid;
                                      margin: 0 auto;
                                      width: 100%;
                                      grid-template-columns: 20% 20% 40% 20%; 
                                      row-gap: 12px;
                                      padding: 10px;
                                      align-items: center;
                                      }   

.AdminAssociationUISelectListBuilderDetailsTitle {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  margin-top: 8px;
                                                  width: 80%;
                                                  grid-template-columns: 20% 20% 40% 20%; 
                                                  row-gap: 12px;
                                                  padding: 10px;
                                                  align-items: center;
                                                  color: #093950;
                                                  background-color: #09395055;
                                                  border-radius: 10px;
                                                }
                                      
            
.AdminAssociationUISelectListBuilderDetails {
                                              display: grid;
                                              margin: 0 auto;
                                              margin-top: 8px;
                                              width: 80%;
                                              grid-template-columns: 20% 20% 40% 20%; 
                                              row-gap: 12px;
                                              padding: 10px;
                                              align-items: center;
                                              color: #093950;
                                              background-color: #09395022;
                                              border-radius: 10px;
                                            }     

.AdminAssociationUIListFloor {
                                text-align: center;
                             }

.AdminAssociationUIListStaircase {
                                   text-align: center;
                                 }
             
.AdminAssociationUIListIdentifiedCode {
                                        text-align: center;
                                      }

.AdminAssociationUIListIdentifiedCodeMainunit {
                                                width: 100%;
                                                text-align: center;
                                                font-size: 10pt;
                                              }
                      
.AdminAssociationUIListType {
                              text-align: center;
                            }

.AdminAssociationUIListIconType {
                                  font-size: 20pt;
                                  margin-top: 5px;
                                }
             
.AdminAssociationUIListOwnerTenant {
                                    display: inline-table;
                                    position: relative;
                                    width: 30%;
                                 }
             
.AdminAssociationOwnerTenantName {
                                    text-align: left;
                                 }

.AdminAssociationOwnerTenantTypeName {
                                        text-align: left;
                                     }
            
.AdminAssociationUIListAction {
                                text-align: center;
                              }

.AdminAssociationOwnershipNoItem {
                                    text-transform: none;
                                    font-size: 10pt;
                                    color: red;
                                    -webkit-animation: 2s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
                                    animation: 2s linear infinite condemned_blink_effect;
                                 }

.AssociationRUownertenantNewRadioContainer {
                                  display: inline-block;
                                  position: relative;
                                  padding: 10px;
                                  cursor: pointer;
                                }

.AssociationRUownertenantNewRadioContainer input {
                                        position: absolute;
                                        opacity: 0;
                                        cursor: pointer;
                                        height: 0;
                                        width: 0;
                                      }

.AssociationRUownertenantNewRadioLabel {
                              display: table-cell;
                              width: 120px;
                              height: 80px;
                              padding: 10px;
                              vertical-align: middle;
                              color: #222255;
                              border: 2px solid #222255; 
                              border-radius: 10px;
                            }  

.AssociationRUownertenantNewRadioContainer:hover input  ~ .AssociationRUownertenantNewRadioLabel {
                                                                                       background-color: #22225533;
                                                                                     }

.AssociationRUownertenantNewRadioContainer input:checked  ~ .AssociationRUownertenantNewRadioLabel {
                                                                                         background-color: #222255BB;
                                                                                         color: white;
                                                                                       }                    
                                                                                       
.AssociationRUownertenantNewRadioLabelIcon {
                                  font-size: 20px;
                                }

.AssociationRUownertenantNewRadioLabelText {
                                   display: block;
                                   width: 100%;
                                   margin-top: 5px;
                                   text-align: center;
                                   font-size: 12pt;
                                }

.AssociationRUownertenantNewLookingforBOX {
                                            display: grid;
                                            margin: 0 auto;
                                            width: 90%;
                                            grid-template-columns: 40% 60%; 
                                            padding: 10px;
                                            align-items: center;
                                          }

.AssociationRUownertenantNewTypeCondoLabel {
                                            text-align: right;
                                          }
 
.AssociationRUownertenantNewTypeCondoField {
                                            text-align: center;
                                          }

.AssociationRUownertenantNewTaxcodeLabel {
                                           text-align: right;
                                         }

.AssociationRUownertenantNewTaxcodeField {
                                           text-align: center;
                                         }

.AssociationRUownertenantNewNoNameView {
                                        text-align: center;
                                        grid-column: 1 / span 2;
                                        font-size: 12pt;
                                        padding: 8px;
                                        color: red;
                                      }

.AssociationRUownertenantNewDetailsBOX {
                                         display: grid;
                                         margin: 0 auto;
                                         width: 90%;
                                         grid-template-columns: 25% 30% 20% 25%; 
                                         row-gap: 12px;
                                         padding: 10px;
                                         align-items: center;
                                       }

.AssociationRUownertenantNewNameView {
                                       text-align: center;
                                       grid-column: 1 / span 4;
                                       font-size: 15pt;
                                       padding: 8px;
                                       background-color: #09395055;
                                     }

.AssociationRUownertenantNewTypeLabel {
                                         text-align: right;
                                      }

.AssociationRUownertenantNewTypeField {
                                        text-align: left;
                                        padding-left: 15px;
                                      }

.AssociationRUownertenantNewPercentageLabel {
                                              text-align: right;
                                            }

.AssociationRUownertenantNewPercentageField {
                                              text-align: left;
                                              padding-left: 15px;
                                            }

.AssociationRUownertenantNewDateChangeLabel {
                                              text-align: right;
                                            }

.AssociationRUownertenantNewDateChangeField {
                                              grid-column: 2 / span 2;
                                              text-align: left;
                                              padding-left: 15px;
                                            }

.AssociationRUownertenantNewDetailsErrorMsg {
                                              grid-column: 1 / span 4;
                                              text-align: center;
                                              color: red;
                                            }

.AssociationRUownertenantNewActionButton {
                                           grid-column: 1;
                                           text-align: left;
                                         }  

.ColorStored {
               background-color: #093950BB;
             }  
             
.ColorNew {
            background-color: #00870D;
          }

.ColorUpdated {
                background-color: #FF8800;
              }

.ColorDeleted {
                background-color: #CC0002;
              }

.BackgroundColorStored {
                         background-color: #09395022;
                       }  

.BackgroundColorNew {
                      background-color: #00870D22;
                    }

.BackgroundColorUpdated {
                          background-color: #FF880022;
                        }

.BackgroundColorDeleted {
                          background-color: #CC000222;
                        }

.AssociationRUownertenantNewButtonNewAssociation {
                                                    margin-top: 8px;
                                                    text-align: center;
                                                 }

.AssociationRUownertenantNewInfoMsgBox {
                                          margin: 0 auto;
                                          width: 60%;
                                          margin-top: 8px;
                                          padding: 8px;
                                          border: 1.5px solid red;
                                          color: red;
                                          text-align: center;
                                       }

.AssociationRUownertenantNewProgressBarBox {
                                             display: grid;
                                             margin: 0 auto;
                                             margin-top: 15px;
                                             width: 90%;
                                             grid-template-columns: 25% 75%; 
                                             row-gap: 10px;
                                             padding: 10px;
                                             align-items: center;
                                           }

.AssociationRUownertenantNewProgressBarLabel {
                                               text-align: right;
                                               padding-right: 15px;
                                             }

.AssociationRUownertenantNewProgressBarValue {
                                               
                                             }

.AssociationRUownertenantNewDetailsListBox {
                                            display: grid;
                                            margin: 0 auto;
                                            margin-top: 15px;
                                            width: 90%;
                                            grid-template-columns: 100%; 
                                            row-gap: 10px;
                                            padding: 10px;
                                            align-items: center;
                                           }

.AssociationRUownertenantNewDetailsListRowLabel {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 100%;
                                                  grid-template-columns: 6% 6% 36% 20% 12% 10% 10%; 
                                                  padding: 10px;                             
                                                  align-items: center;
                                                  height: 40px;
                                                  font-size: 11pt;
                                                  background-color: #09395055;
                                                  border-radius: 8px;
                                                }

.AssociationRUownertenantNewDetailsListRow {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 100%;
                                                  grid-template-columns: 6% 6% 36% 20% 12% 10% 10%; 
                                                  row-gap: 10px;
                                                  padding: 0;
                                                  height: 50px;
                                                  align-items: center;
                                                  align-self: center;
                                                  border-radius: 8px;
                                                }

.AssociationRUownertenantDetailsListBox {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  margin-top: 15px;
                                                  width: 95%;
                                                  grid-template-columns: 100%; 
                                                  row-gap: 10px;
                                                  padding: 10px;
                                                  align-items: center;
                                                 }
      
.AssociationRUownertenantDetailsListRowLabel {
                                                        display: grid;
                                                        margin: 0 auto;
                                                        width: 100%;
                                                        grid-template-columns: 6% 36% 20% 28% 10%; 
                                                        padding: 10px;                             
                                                        align-items: center;
                                                        height: 40px;
                                                        font-size: 10pt;
                                                        background-color: #09395055;
                                                        border-radius: 8px;
                                                      }
                                         
.AssociationRUownertenantDetailsListRow {
                                             display: grid;
                                             margin: 0 auto;
                                             width: 100%;
                                             grid-template-columns: 6% 36% 20% 28% 10%; 
                                             row-gap: 10px;
                                             padding: 0;
                                             height: 50px;
                                             align-items: center;
                                             align-self: center;
                                             border-radius: 8px;
                                           }

.AssociationRUownertenantNewDetailsListUsernameLabel {
                                                       grid-column: 1 / span 3;
                                                       font-weight: 700;
                                                       text-align: center;
                                                     }

.AssociationRUownertenantDetailsListUsernameLabel {
                                                      grid-column: 1 / span 2;
                                                      font-weight: 700;
                                                      text-align: center;
                                                    }

.AssociationRUownertenantNewDetailsListTypeLabel {
                                                   font-weight: 700;
                                                   text-align: center;
                                                 }

.AssociationRUownertenantNewDetailsListDateStartLabel {
                                                        font-weight: 700;
                                                        text-align: center;
                                                      }

.AssociationRUownertenantNewDetailsListPercentageLabel {
                                                         font-weight: 700;
                                                         text-align: center;
                                                       }

.AssociationRUownertenantNewDetailsListActionLabel {
                                                     font-weight: 700;
                                                     text-align: center;
                                                   }

.AssociationRUownertenantNewDetailsListNoitem {
                                                grid-column: 1 / span 5;
                                                text-align: center;
                                              }

.AssociationRUownertenantNewDetailsListIconState {
                                                   text-align: center;
                                                   font-size: 18pt;
                                                   color: white;
                                                   height: 100%;
                                                   padding-top: 8px;
                                                   border-top-left-radius: 8px;
                                                   border-bottom-left-radius: 8px;
                                                 }

.AssociationRUownertenantNewDetailsListIconGender {
                                                     text-align: center;
                                                     font-size: 15pt;
                                                  }

.AssociationRUownertenantNewDetailsListUsername {
                                                   text-align: left;
                                                   font-size: 13pt;
                                                   text-transform: capitalize;
                                                }

.AssociationRUownertenantNewDetailsListType {
                                              text-align: center;
                                              font-size: 10pt;
                                            }

.AssociationRUownertenantNewDetailsListDate {
                                              text-align: center;
                                              font-size: 10pt;
                                            }

.AssociationRUownertenantNewDetailsListDateStartIcon {
                                                        color: green;
                                                        padding-right: 3px;
                                                        font-size: 11pt;
                                                     }

.AssociationRUownertenantNewDetailsListDateEndIcon {
                                                      color: red;
                                                      padding-right: 3px;
                                                      font-size: 11pt;
                                                   }

.AssociationRUownertenantNewDetailsListPercentage {
                                                    text-align: center;
                                                    font-size: 10pt;
                                                  }  
                                                  
.AssociationRUownertenantNewDetailsListAction {
                                                text-align: center;
                                              }    

.AssociationRUownertenantNewDetailsListButton {
                                                display: inline-block;
                                                border: none;
                                                margin: 0 3px;
                                                padding: 0;
                                                font-size: 18px;
                                                color: orangered;
                                                background-color: inherit;
                                              }
               
.AssociationRUownertenantNewDetailsListButton:hover {
                                                      text-shadow: 0px 0px 6px orangered;
                                                    }

/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect {
      0% {
        visibility: hidden;
      }
      50% {
        visibility: hidden;
      }
      100% {
        visibility: visible;
      }
    }
    
@keyframes condemned_blink_effect {
      0% {
        visibility: hidden;
      }
      50% {
        visibility: hidden;
      }
      100% {
        visibility: visible;
      }
    }

.AdminAssociationOwnerTenantName {
                                  display: block;
                                  position: relative;
                                  text-transform: none;
                                  text-align: left;
                                  font-weight: 800;
                                  font-size: 11pt;
                                 }

.AdminAssociationOwnerTenantTypeName {
                                       display: block;
                                       position: relative;
                                       text-align: left;
                                       font-size: 7pt;
                                     }


.AdminAccountingResidualUIListBox {
                                      display: grid;
                                      margin: 0 auto;
                                      width: 90%;
                                      grid-template-columns: 100%; 
                                      row-gap: 12px;
                                      padding: 10px;
                                      align-items: center;
                                   }
        
.AdminAccountingResidualUIListRowTitle {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          grid-template-columns: 10% 10% 20% 10% 50%; 
                                          row-gap: 12px;
                                          padding: 10px;
                                          align-items: center;
                                          color: #093950;
                                          background-color: #ADBDC4;
                                        }
                   
.AdminAccountingResidualUIListRow {
                                     display: grid;
                                     margin: 0 auto;
                                     width: 100%;
                                     grid-template-columns: 10% 10% 20% 10% 50%; 
                                     row-gap: 12px;
                                     padding: 10px;
                                     align-items: center;
                                     color: #093950;
                                     background-color: #DEE4E7;
                                   }
        
.AdminAccountingResidualUIListFloor {
                                        text-align: center;
                                     }
        
.AdminAccountingResidualUIListStaircase {
                                           text-align: center;
                                         }
                     
.AdminAccountingResidualUIListIdentifiedCode {
                                                text-align: center;
                                              }
                              
.AdminAccountingResidualUIListType {
                                      text-align: center;
                                    }
        
.AdminAccountingResidualUIListIconType {
                                          font-size: 20pt;
                                          margin-top: 5px;
                                        }
                     
.AdminAccountingResidualUIListResidualValue {
                                               text-align: center;
                                            }

.AdminAccountingResidualUIListResidualValueBox {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  margin-top: 4px;
                                                  margin-bottom: 4px;
                                                  width: 100%;
                                                  grid-template-columns: 60% 40%;
                                                  padding: 5px 5px 5px 8px;
                                                  border-top-left-radius: 5px;
                                                  border-bottom-left-radius: 5px;
                                                  align-items: center;
                                                  background-color: #ADBDC4;
                                                }

.AdminAccountingResidualUIListOwnerTenant {
                                          text-align: left;
                                         }
                     
.AdminAccountingResidualOwnerTenantName {
                                            text-align: left;
                                            font-size: 10pt;
                                         }

.AdminAccountingResidualOwnerTenantTypeName {
                                                text-align: left;
                                                font-size: 8pt;
                                             }

.AdminAccountingResidualUIListInputField {
                                            text-align: center;
                                         }

.AdminAccountingResidualUIListValueView {
                                          text-align: right;
                                          padding: 4px 6px;
                                          background-color: #DEE4E7;
                                          border-radius: 5px;
                                        }

.AdminAccountingResidualRowTotal {
                                   display: grid;
                                   margin: 0 auto;
                                   width: 90%;
                                   grid-template-columns: 10% 25% 30% 30% 5%;
                                   padding: 10px;
                                   align-items: center;
                                 }

.AdminAccountingResidualTotalLabel {
                                          grid-column: 1 / span 3;
                                          text-align: right;
                                        }

.AdminAccountingResidualTotalValue {
                                          text-align: right;
                                          padding-right: 15px;
                                          font-size: 14pt;
                                          grid-column: 4 / span 2;
                                        }

.AccountBankListBox {
                      display: grid;
                      margin: 0 auto;
                      width: 90%;
                      padding: 8px;
                      grid-template-columns: 100%;
                      align-items: center;
                    }
        
.AccountBankListTitle {
                        text-align: center;
                        margin: 0;
                        margin-bottom: 10px;
                        background-color: #0A1626;
                        color: white;
                        font-size: 12pt;
                      }
        
.AccountBankListButtonBox {
                            display: grid;
                            margin: 0 auto;
                            width: 100%;
                            padding: 8px;
                            grid-template-columns: 50% 50%;
                            align-items: center;
                          }
        
.AccountBankListTitleRow {
                            display: grid;
                            margin: 0 auto;
                            width: 100%;
                            margin: 12px 0 4px 0;
                            grid-template-columns: 6% 31% 25% 15% 13% 10%;
                            font-weight: 600;
                            align-items: center;
                         }
        
.AccountBankListRow {
                      display: grid;
                      margin: 0 auto;
                      margin-bottom: 5px;
                      padding: 8px 0;
                      width: 100%;
                      grid-template-columns: 6% 31% 25% 15% 13% 10%;
                      align-items: center;
                      background-color: #0A162633;
                      border-radius: 8px;
                   }
        
.AccountBankListIbanNoitem {
                              grid-column: 1 / span 6;  
                              text-align: center;
                           }

.AccountBankListNameLabel {
                            font-size: 11pt;
                            text-align: left;
                            padding-left: 5px;
                         }
    
.AccountBankListIbanLabel {
                            font-size: 11pt;
                            text-align: center;
                         }
    
.AccountBankListValueBalanceLabel {
                                    font-size: 11pt;
                                    text-align: right;
                                 }
    
.AccountBankListDefaultLabel {
                                font-size: 11pt;
                                text-align: center;
                             }
            
.AccountBankListLastModifyLabel {
                                  font-size: 11pt;
                                  text-align: center;
                                }

.AccountBankListActionLabel {
                              font-size: 11pt;
                              text-align: center;
                            }
        
.AccountBankListName {
                        font-size: 12pt;
                        text-align: left;
                        padding-left: 8px;
                     }

.AccountBankListIban {
                        font-size: 12pt;
                        text-align: center;
                     }

.AccountBankListValueBalance {
                                font-size: 12pt;
                                text-align: right;
                                padding-right: 5px;
                             }

.AccountBankListDefault {
                          font-size: 11pt;
                          text-align: center;
                        }
        
.AccountBankListLastModify {
                              font-size: 10pt;
                           }

.AccountBankListAction {
                          text-align: center;
                       }
             
.ButtonUserAssociation {
       display: inline-table;
       position: relative;
       width: 80px;
       margin: 0px;
       padding: 2px;
       color: white;
       background-color: #222255;           
       border: none;
       cursor: pointer;
       border-radius: 5px;
      }

.ButtonUserAssociation:hover {
            opacity: 95%;
            box-shadow: 0 0 6px orangered;     
            color: orangered;
           }
           
.AdminAssociationUIFormBox {
          display: block;
          position: relative;
          width: 100%;
          text-align: center;
          margin: 10px 0;
         }

.AdminAssociationUIFormRowTitle {
               display: inline-block;
               position: relative;
               width: 100%;
               margin: 0 auto;
               font-size: 12px;
               font-weight: bold;
               color: #093950;
              }
           
.AdminAssociationUIFormRow {
          display: block;
          position: relative;
          padding: 8px;
          width: 90%;
          margin: 0 auto;
          font-size: 18px;
          font-weight: normal;
          color: #093950;
         }
           
.AdminAssociationUIFormRowEven {
              background-color: #09395022;
              margin: 0 auto;
             }
               
.AdminAssociationUIFormRowOdd {
             background-color: #09395055;
             margin: 0 auto;
            }

.AdminAssociationUIFormFloor {
            display: table-cell;
            position: relative;
            width: 100px;
            min-height: 200px;
            vertical-align: middle;
            font-weight: bold;
           }
             
.AdminAssociationUIFormIdentifiedCode {
                     display: table-cell;
                     position: relative;
                     width: 300px;
                     min-height: 200px;
                     vertical-align: middle;
                     font-weight: bold;
                    }
                      
.AdminAssociationUIFormType {
           display: table-cell;
           position: relative;
           width: 120px;
           min-height: 200px;
           vertical-align: middle;
          }
            
.AdminAssociationUIFormOwner {
            display: inline-table;
            position: relative;
            width: 15%;
           }
             
.AdminAssociationUIFormTenant {
             display: inline-table;
             position: relative;
             width: 15%;
            }
            
.AdminAssociationUIFormAction {
              display: inline-table;
              position: relative;
              width: 15%;
             }

.AdminIntroPeriodSheetsDataBox {
              display: grid;
              margin: 0 auto;
              margin-bottom: 10px;
              width: 90%;
              grid-template-columns: 10% 15% 55% 20%;
              padding: 10px;
              align-items: center;
              background-color: #09395022;
              border-radius: 5px;
             }

.AdminIntroPeriodSheetsCheckStateIcon {
                                        text-align: center;
                                        font-size: 18pt;
                                        color: green;
                                      }

.AdminIntroPeriodSheetsXmarkStateIcon {
                                        text-align: center;
                                        font-size: 18pt;
                                        color: red;
                                      }

.AdminIntroPeriodSheetsDataIcon {
                                  text-align: center;
                                  font-size: 26px;
                                }

.AdminIntroPeriodSheetsDataDescription {
                                         text-align: left;
                                         font-size: 15pt;
                                       }

.AdminIntroPeriodSheetsDataAction {
                                    text-align: center;
                                  }


/* User Condo List */

.AdminUserCondoListBox {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  margin: 10px 0;
 }

.AdminUserCondoListRowTitle {
       display: block;
       position: relative;
       width: 90%;
       margin: 0 auto;
       font-size: 14px;
       font-weight: bold;
       color: #093950;
      }
 
.AdminUserCondoListRow {
  display: block;
  position: relative;
  padding: 5px;
  width: 90%;
  margin: 0 auto;
  font-size: 14px;
  color: #093950;
 }
 
.AdminUserCondoListRowEven {
      background-color: #09395022;
     }
     
.AdminUserCondoListRowOdd {
     background-color: #09395055;
    }

.AdminUserCondoListName {
             display: inline-block;
             position: relative;
             text-align: left;
             width: 26%;
            }
            
.AdminUserCondoListSurname {
   display: inline-block;
   position: relative;
   text-align: left;
   width: 26%;
  }
  
.AdminUserCondoListLast {
    display: inline-block;
    position: relative;
    width: 20%;
   }

.AdminUserCondoListLastText {
                             font-size: 12px;
                            }
   
.AdminUserCondoListNoItem {
     display: inline-block;
     position: relative;
     padding: 10px;
     width: 80%;
     margin: 0 auto;
     font-size: 16px;
     color: #093950;
     background-color: #09395022;
    }

/* User Condo Form */

.AdminNewUserCondoField {
              display: inline-block;
              position: relative;
              width: 250px;                         
              margin-top: 20px;
              margin-bottom: 20px;
              padding-left: 45px;
              text-align: left;
              color: #222255;
              font-size: 12px;
              font-weight: 700;
             }
             
.AdminNewUserCondoFieldXXS {
              display: inline-block;
              position: relative;
              width: 20px;                         
              margin-top: 20px;
              margin-bottom: 20px;
              padding-left: 5px;
              text-align: left;
              color: #222255;
              font-size: 13px;
              font-weight: 700;
             }

input[type=text].NewUserCondoField4XL {
              display: inline-block;
              position: relative;
              width: 400px;
              text-align: center;
              padding: 8px;                 
              margin-bottom: 10px;
              margin-right: 20px;
              color: #222255;
              border: 2px solid #222255;
              border-radius: 10px;
             }

input[type=text].NewUserCondoField3XL {
              display: inline-block;
              position: relative;
              width: 350px;
              text-align: center;
              padding: 8px;                 
              margin-bottom: 10px;
              margin-right: 20px;
              color: #222255;
              border: 2px solid #222255;
              border-radius: 10px;
             }
             
input[type=text].NewUserCondoFieldXXL {
     display: inline-block;
     position: relative;
     width: 300px;
     text-align: center;
     padding: 8px;                 
     margin-bottom: 10px;
     margin-right: 20px;
     color: #222255;
     border: 2px solid #222255;
     border-radius: 10px;
    }
    
input[type=text].NewUserCondoFieldXL {
     display: inline-block;
     position: relative;
     width: 250px;
     text-align: center;
     padding: 8px;
     margin-bottom: 10px;
     margin-right: 5px;
     color: #222255;
     border: 2px solid #222255;
     border-radius: 10px;
    }
    
input[type=text].NewUserCondoFieldL {
     display: inline-block;
     position: relative;
     width: 150px;
     text-align: center;
     padding: 8px;
     margin-bottom: 10px;
     margin-right: 20px;
     color: #222255;
     border: 2px solid #222255;
     border-radius: 10px;
    }
    
input[type=text].NewUserCondoFieldM {
     display: inline-block;
     position: relative;
     width: 100px;
     text-align: center;
     padding: 8px;
     margin-top: 5px;
     margin-bottom: 10px;
     margin-right: 20px;
     color: #222255;
     border: 2px solid #222255;
     border-radius: 10px;
    }

input[type=text].NewUserCondoFieldXS {
      display: inline-block;
      position: relative;
      width: 80px;
      text-align: center;
      padding: 8px;
      margin-bottom: 10px;
      margin-right: 20px;
      color: #222255;
      border: 2px solid #222255;
      border-radius: 10px;
     }
    
input[type=text].NewUserCondoFieldS {
     display: inline-block;
     position: relative;
     width: 60px;
     text-align: center;
     padding: 8px;
     margin-bottom: 10px;
     margin-right: 20px;
     color: #222255;
     border: 2px solid #222255;
     border-radius: 10px;
    }

input[type=text].NewUserCondoField4XL:focus, 
input[type=text].NewUserCondoField3XL:focus, 
input[type=text].NewUserCondoFieldXXL:focus,                 
input[type=text].NewUserCondoFieldXL:focus,
input[type=text].NewUserCondoFieldL:focus,
input[type=text].NewUserCondoFieldM:focus,
input[type=text].NewUserCondoFieldXS:focus,
input[type=text].NewUserCondoFieldS:focus,
select.NewUserCondoFieldS:focus,
select.NewUserCondoFieldM:focus,
select.NewUserCondoFieldL:focus,
select.NewUserCondoFieldXL:focus{
                      box-shadow: 0 0 6px #093950;
                      outline: none;
                     }
                                                  
select.NewUserCondoFieldS {
                display: inline-block;
                appearance: none;
                position: relative;
                text-align: center;
                width: 130px;
                padding: 8px;
                margin-bottom: 10px;
                margin-right: 20px;
                color: #222255;
                font-family: "Benjamin Gothic Pro";
                background-color: white;
                font-size: 15px;
                border: 2px solid #222255;
                border-radius: 10px;
               }
               
select.NewUserCondoFieldM {
                display: inline-block;
                appearance: none;
                position: relative;
                text-align: center;
                width: 170px;
                padding: 8px;
                margin-bottom: 10px;
                margin-right: 20px;
                color: #222255;
                font-family: "Benjamin Gothic Pro";
                background-color: white;
                font-size: 15px;
                border: 2px solid #222255;
                border-radius: 10px;
               }
               
select.NewUserCondoFieldL {
                display: inline-block;
                appearance: none;
                position: relative;
                text-align: center;
                width: 235px;
                padding: 8px;
                margin-bottom: 10px;
                margin-right: 20px;
                color: #222255;
                font-family: "Benjamin Gothic Pro";
                background-color: white;
                font-size: 15px;
                border: 2px solid #222255;
                border-radius: 10px;
               }
               
select.NewUserCondoFieldXL {
                display: inline-block;
                appearance: none;
                position: relative;
                text-align: center;
                width: 300px;
                padding: 8px;
                margin-bottom: 10px;
                margin-right: 20px;
                color: #222255;
                font-family: "Benjamin Gothic Pro";
                background-color: white;
                font-size: 15px;
                border: 2px solid #222255;
                border-radius: 10px;
               }
    
.NewUserCondoForm {
          display: block;
          position: relative;
          width: 95%;
          padding: 10px 10px 0 10px;
          margin: 0 auto;
          margin-top: 25px;
          margin-bottom: 15px;
          border: 3px solid #222255;
          border-radius: 10px;
         }

.NewUserCondoTaxCodeInfo {

                         }

.AdminNewUserCondoErrorMessage {
                                  color: red;
                                  font-size: 10pt;
                               }

.AdminNewUserCondoOkMessage {
                               color: green;
                               font-size: 16pt;
                            }

.TitleCondominiumSelectedBox {
                              display: block;
                              position: relative;
                              width: 100%;
                              margin: 0 0 20px 0;
                              padding: 10px 0 5px 0;
                              color: #1f2056;
                              background-color: rgba(34, 34, 85, 0.3); 
                              font-family: "Benjamin Gothic Pro";
                              letter-spacing: 1.5px;
                              text-align: center;
                              text-transform: uppercase;                 
                              font-weight: 800;  
                              box-shadow: #0A1626 0px 0px 15px;            
                             }

.IconTitleCondominiumSelected {
                               display: inline;
                               position: relative;
                               font-size: 30px;
                               font-weight: normal;
                              }
                            
.TitleTextCondominiumSelected {
                               display: inline;
                               position: relative;
                               font-size: 18px;
                              }

.AdminProfileBox {
                   display: block;
                   position: relative;
                   width: 98%;
                   margin: 0 auto;                
                   padding: 5px;
                   color: #222255;
                   font-family: "Benjamin Gothic Pro";
                   font-size: 16px;                                     
                   font-weight: 600;
                   letter-spacing: 1px;
                   text-transform: uppercase; 
                   text-align: center;             
                 }

.AdminProfileButton {
                      display: table-cell;
                      position: relative;
                      width: 160px;
                      height: 140px;
                      margin: 15px 10px 0 10px;                  
                      padding-bottom: 10px;
                      padding-top: 5px;
                      vertical-align: middle;
                      color: #222255;
                      background-color: white;
                      border: 3px solid #222255;
                      border-radius: 15px;                                                        
                      cursor: pointer;
                   }
                               
.AdminProfileButton:hover {
                            color: orangered;
                            background-color: #ffffff;
                            border: 3px solid orangered;
                          }

.FormProfileButtonIcon {
                         display: block;
                         position: relative;
                         margin: 0 auto;
                         font-size: 40px;
                       }
                       
.FormChooseButtonIcon {
                  display: block;
                  margin: 0 auto;
                  position: relative;
                  font-size: 40px;
               }

/* QuickChoice Select Bar */

.CondominiumSelectQuickAccessBarRow {
                                      display: block;
                                      position: relative;
                                      width: 85%;
                                      margin: 0 auto;
                                      margin-top: 8px;
                                      margin-bottom: 10px;
                                    }

.CondominiumSelectQuickAccessBarButton {
                                          display: inline-block;
                                          text-align: center;
                                       }

.QuickChoiceButton {
                      display: table-cell;
                      position: relative;
                      margin: 2px;
                      width: 40px;
                      height: 40px;          
                      padding-top: 3px;
                      vertical-align: middle;
                      color: #222255;
                      background-color: inherit;
                      border: 1px solid #222255;   
                      border-radius: 6px;                                                     
                      cursor: pointer;
                   }

.QuickChoiceButton:hover {
                           color: orangered;
                           background-color: rgba(245, 245, 245, 0.429);
                           border: 1px solid orangered;
                         }

.QuickChoiceButtonIcon {
                          position: relative;
                          font-size: 26px;
                       }
                     
.QuickChoiceButton .QuickChoiceTooltiptext {
                        visibility: hidden;
                        width: 140px;
                        font-size: 11pt;
                        font-family: 'Courier New', Courier, monospace;
                        background-color: #222255;
                        color: #fff;
                        text-align: center;
                        border-radius: 6px;
                        padding: 5px;
                        position: absolute;
                        z-index: 1;
                        top: 150%;
                        left: 50%;
                        margin-left: -70px;
                      }
                      
.QuickChoiceButton .QuickChoiceTooltiptext::after {
                        content: "";
                        position: absolute;
                        bottom: 100%;
                        left: 50%;
                        margin-left: -5px;
                        border-width: 5px;
                        border-style: solid;
                        border-color: transparent transparent #222255 transparent;
                      }
                      
.QuickChoiceButton:hover .QuickChoiceTooltiptext {
                                                    visibility: visible;
                                                 }
.HomeBackButton {
                  display: table-cell;
                  position: relative;
                  margin: 2px;
                  width: 300px;
                  height: 40px;          
                  padding-top: 3px;
                  vertical-align: middle;
                  color: #222255;
                  background-color: inherit;
                  border: 2px solid #222255;   
                  border-radius: 6px;                                                     
                  cursor: pointer;
                  font-weight: 600;
                  font-size: 15pt;
               }

.HomeBackButton:hover {
                        color: orangered;
                        background-color: rgba(245, 245, 245, 0.429);
                        border: 1px solid orangered;
                      }

.HomeBackButtonIcon {
                      position: relative;
                      font-size: 24px;
                      padding-right: 5px;
                    }

/* Homepage Condominium selected */

.HomepageChoiceButton {
                        display: table-cell;
                        position: relative;
                        width: 250px;
                        height: 180px;
                        margin: 16px 8px 0 8px;                  
                        padding-bottom: 10px;
                        padding-top: 5px;
                        vertical-align: middle;
                        color: #222255;
                        background-color: white;
                        border: 3px solid #222255;
                        border-radius: 15px;                                                        
                        cursor: pointer;
                       }

.HomepageChoiceButton:hover {
                             color: orangered;
                             background-color: #ffffff;
                             border: 4px solid orangered;
                            }

.ChoiceButtonIcon {
                    display: block;
                    position: relative;
                    margin: 0 auto;
                    z-index: 10;
                    font-size: 45px;
                  }

.ChoiceButtonIconOver {
                        display: block;
                        position: absolute;
                        top: 1px;
                        left: 6px;
                        font-size: 35px;
                        opacity: 0.45;
                      }

.NoticeTypeBox {
                display: table-cell;
                position: relative;
                width: 300px;
                height: 200px;
                margin: 15px 10px 0 10px;                  
                padding-bottom: 10px;
                padding-top: 5px;
                vertical-align: middle;
                color: #222255;
                background-color: white;
                border: 3px solid #222255;
                border-radius: 15px;                                                        
               }

.NoticeSelectForm {
                   display: block;
                   margin: 5px;
                  }

.NoticeSelectButton {
                      display: block;
                      width: 100%;
                      padding: 5px;
                      border: none;
                      background-color: #222255;
                      color: white;
                    }

.NoticeSelectButton:hover {
                           background-color: orangered;
                          }

.FormBoxLabelField {
                     display: block;
                     position: relative;
                   }

.FormBoxFULL {
                display: block;
                width: 100%;
                margin: 0 auto;
             }          
             
.FormBox95 {
              display: block;
              width: 95%;
              margin: 0 auto;
           }

.FormBox90 {
                display: block;
                width: 90%;
                margin: 0 auto;
             }

.FormBox85 {
                display: block;
                width: 85%;
                margin: 0 auto;
             }

.FormBox80 {
                display: block;
                width: 80%;
                margin: 0 auto;
             }

.FormBox75 {
                display: block;
                width: 75%;
                margin: 0 auto;
             }

.FormBox70 {
              display: block;
              width: 70%;
              margin: 0 auto;
           }

.ServiceGrid1OptionFieldForm {
                                display: grid;
                                margin: 0 auto;
                                margin-top: 15px;
                                margin-bottom: 15px;
                                width: 90%;
                                grid-template-columns: 100%;
                                padding: 10px;
                                align-items: center;
                                background-color: #00a8e022;
                             }

.ServiceGrid2OptionsFieldForm {
                                display: grid;
                                margin: 0 auto;
                                margin-top: 15px;
                                margin-bottom: 0px;
                                width: 90%;
                                grid-template-columns: 50% 50%;
                                padding: 10px;
                                align-items: center;
                                background-color: #00a8e022;
                              }

.ServiceGrid3OptionsFieldForm {
                                display: grid;
                                margin: 0 auto;
                                margin-top: 15px;
                                margin-bottom: 15px;
                                width: 90%;
                                grid-template-columns: 33,33% 33,33% 33,33%;
                                padding: 10px;
                                align-items: center;
                                background-color: #00a8e022;
                              }

.LabelGridFormField {
                      display: inline-block;
                      position: relative;
                      width: 100%;                         
                      padding-right: 20px;
                      padding-bottom: 13px;
                      text-align: right;
                      color: #222255;
                      font-size: 13px;
                      font-weight: 700;
                    }

.FormFieldBoxLabel {
                    display: inline-block;
                    position: relative;
                    width: 100%;                         
                    margin-top: 30px;
                    padding-left: 45px;
                    text-align: left;
                    color: #222255;
                    font-size: 13px;
                    font-weight: 700;
                   }

.FormFieldBox {
                display: inline-block;
                position: relative;
                width: 100%;
                text-align: left;
                padding: 10px;                 
                margin-bottom: 10px;
                margin-right: 20px;
                color: #222255;
                border: 2px solid #222255;
                border-radius: 10px;
              }

.LabelFormFieldL {
                  display: inline-block;
                  position: float;
                  width: 240px;                         
                  top: 20px;
                  margin-top: 20px;
                  padding-left: 45px;
                  text-align: left;
                  color: #222255;
                  font-size: 13px;
                  font-weight: 700;
                }

.LabelFormFieldFULL {
                      display: inline-block;
                      position: float;
                      width: 100%;                         
                      margin-top: 20px;
                      padding-left: 45px;
                      text-align: left;
                      color: #222255;
                      font-size: 13px;
                      font-weight: 700;
                    }

.LabelFormFieldFULLBox {
                          display: inline-block;
                          position: float;
                          width: 100%;                         
                          margin-top: 20px;
                          padding-left: 45px;
                          text-align: left;
                          color: #222255;
                          font-size: 13px;
                          font-weight: 700;
                       }
                           
.LabelFormFieldXXS {
                  display: inline-block;
                  position: relative;
                  width: 20px;                         
                  margin-top: 20px;
                  margin-bottom: 20px;
                  padding-left: 5px;
                  text-align: left;
                  color: #222255;
                  font-size: 15px;
                  font-weight: 700;
                }

input[type=password].FormFieldFULL {
                 display: inline-block;
                 position: relative;
                 width: 100%;
                 text-align: center;
                 padding: 8px;                 
                 margin-bottom: 10px;
                 margin-right: 20px;
                 color: #222255;
                 border: 2px solid #222255;
                 border-radius: 10px;
               }

input[type=number].FormFieldFULL {
                    display: inline-block;
                    position: relative;
                    width: 100%;
                    text-align: center;
                    padding: 8px;                 
                    margin-bottom: 10px;
                    margin-right: 20px;
                    color: #222255;
                    border: 2px solid #222255;
                    border-radius: 10px;
                  }

input[type=number].FormField4XL {
                    display: inline-block;
                    position: relative;
                    width: 450px;
                    text-align: center;
                    padding: 8px;                 
                    margin-bottom: 10px;
                    margin-right: 20px;
                    color: #222255;
                    border: 2px solid #222255;
                    border-radius: 10px;
                  }

input[type=number].FormField3XL {
                    display: inline-block;
                    position: relative;
                    width: 400px;
                    text-align: center;
                    padding: 8px;                 
                    margin-bottom: 10px;
                    margin-right: 20px;
                    color: #222255;
                    border: 2px solid #222255;
                    border-radius: 10px;
                  }
                           
input[type=number].FormFieldXXL {
                                display: inline-block;
                                position: relative;
                                width: 350px;
                                text-align: center;
                                padding: 8px;                 
                                margin-bottom: 10px;
                                margin-right: 20px;
                                color: #222255;
                                border: 2px solid #222255;
                                border-radius: 10px;
                              }
                  
input[type=number].FormFieldXL {
                               display: inline-block;
                               position: relative;
                               width: 300px;
                               text-align: center;
                               padding: 8px;
                               margin-bottom: 10px;
                               margin-right: 5px;
                               color: #222255;
                               border: 2px solid #222255;
                               border-radius: 10px;
                             }
                     
input[type=number].FormFieldL {
                              display: inline-block;
                              position: relative;
                              width: 250px;
                              text-align: center;
                              padding: 8px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }
                  
input[type=number].FormFieldM {
                              display: inline-block;
                              position: relative;
                              width: 200px;
                              text-align: center;
                              padding: 8px;
                              margin-top: 5px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }
                  
input[type=number].FormFieldS {
                              display: inline-block;
                              position: relative;
                              width: 150px;
                              text-align: center;
                              padding: 8px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }

input[type=number].FormFieldXS {
                               display: inline-block;
                               position: relative;
                               width: 100px;
                               text-align: center;
                               padding: 8px;
                               margin-bottom: 10px;
                               margin-right: 20px;
                               color: #222255;
                               border: 2px solid #222255;
                               border-radius: 10px;
                             }

input[type=number].FormFieldXXS {
                                display: inline-block;
                                position: relative;
                                width: 50px;
                                text-align: center;
                                padding: 8px;
                                margin-bottom: 10px;
                                margin-right: 20px;
                                color: #222255;
                                border: 2px solid #222255;
                                border-radius: 10px;
                              }

input[type=text].FormFieldNoMarginFULL {
                                display: inline-block;
                                position: relative;
                                width: 100%;
                                text-align: center;
                                padding: 8px;               
                                color: #222255;
                                border: 2px solid #222255;
                                border-radius: 10px;
                              }

input[type=text].FormFieldFULL {
                    display: inline-block;
                    position: relative;
                    width: 100%;
                    text-align: center;
                    padding: 8px;                 
                    margin-bottom: 10px;
                    margin-right: 20px;
                    color: #222255;
                    border: 2px solid #222255;
                    border-radius: 10px;
                  }

input[type=text].FormField4XL {
                    display: inline-block;
                    position: relative;
                    width: 450px;
                    text-align: center;
                    padding: 8px;                 
                    margin-bottom: 10px;
                    margin-right: 20px;
                    color: #222255;
                    border: 2px solid #222255;
                    border-radius: 10px;
                  }

input[type=text].FormField3XL {
                    display: inline-block;
                    position: relative;
                    width: 400px;
                    text-align: center;
                    padding: 8px;                 
                    margin-bottom: 10px;
                    margin-right: 20px;
                    color: #222255;
                    border: 2px solid #222255;
                    border-radius: 10px;
                  }
                           
input[type=text].FormFieldXXL {
                                display: inline-block;
                                position: relative;
                                width: 350px;
                                text-align: center;
                                padding: 8px;                 
                                margin-bottom: 10px;
                                margin-right: 20px;
                                color: #222255;
                                border: 2px solid #222255;
                                border-radius: 10px;
                              }
                  
input[type=text].FormFieldXL {
                               display: inline-block;
                               position: relative;
                               width: 300px;
                               text-align: center;
                               padding: 8px;
                               margin-bottom: 10px;
                               margin-right: 5px;
                               color: #222255;
                               border: 2px solid #222255;
                               border-radius: 10px;
                             }
                     
input[type=text].FormFieldL {
                              display: inline-block;
                              position: relative;
                              width: 250px;
                              text-align: center;
                              padding: 8px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }
                  
input[type=text].FormFieldM {
                              display: inline-block;
                              position: relative;
                              width: 200px;
                              text-align: center;
                              padding: 8px;
                              margin-top: 5px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }
                  
input[type=text].FormFieldS {
                              display: inline-block;
                              position: relative;
                              width: 150px;
                              text-align: center;
                              padding: 8px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }

input[type=text].FormFieldXS {
                               display: inline-block;
                               position: relative;
                               width: 100px;
                               text-align: center;
                               padding: 8px;
                               margin-bottom: 10px;
                               margin-right: 20px;
                               color: #222255;
                               border: 2px solid #222255;
                               border-radius: 10px;
                             }

input[type=text].FormFieldXXS {
                                display: inline-block;
                                position: relative;
                                width: 50px;
                                text-align: center;
                                padding: 8px;
                                margin-bottom: 10px;
                                margin-right: 20px;
                                color: #222255;
                                border: 2px solid #222255;
                                border-radius: 10px;
                              }

input[type=date].FormFieldFULL {
                                display: inline-block;
                                position: relative;
                                width: 100%;
                                text-align: center;
                                padding: 8px;                 
                                margin-bottom: 10px;
                                color: #222255;
                                border: 2px solid #222255;
                                border-radius: 10px;
                              }

input[type=date].FormFieldXXL {
                                display: inline-block;
                                position: relative;
                                width: 350px;
                                text-align: center;
                                padding: 8px;                 
                                margin-bottom: 10px;
                                margin-right: 20px;
                                color: #222255;
                                border: 2px solid #222255;
                                border-radius: 10px;
                              }
                  
input[type=date].FormFieldXL {
                               display: inline-block;
                               position: relative;
                               width: 300px;
                               text-align: center;
                               padding: 8px;
                               margin-bottom: 10px;
                               margin-right: 5px;
                               color: #222255;
                               border: 2px solid #222255;
                               border-radius: 10px;
                             }
                     
input[type=date].FormFieldL {
                              display: inline-block;
                              position: relative;
                              width: 250px;
                              text-align: center;
                              padding: 8px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }
                  
input[type=date].FormFieldM {
                              display: inline-block;
                              position: relative;
                              width: 200px;
                              text-align: center;
                              padding: 8px;
                              margin-top: 5px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }
                  
input[type=date].FormFieldS {
                              display: inline-block;
                              position: relative;
                              width: 150px;
                              text-align: center;
                              padding: 8px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }

input[type=datetime-local].FormFieldFULL {
                                display: inline-block;
                                position: relative;
                                width: 100%;
                                text-align: center;
                                padding: 8px;                 
                                margin-bottom: 10px;
                                color: #222255;
                                border: 2px solid #222255;
                                border-radius: 10px;
                              }

input[type=datetime-local].FormFieldXXL {
                                display: inline-block;
                                position: relative;
                                width: 350px;
                                text-align: center;
                                padding: 8px;                 
                                margin-bottom: 10px;
                                margin-right: 20px;
                                color: #222255;
                                border: 2px solid #222255;
                                border-radius: 10px;
                              }
                  
input[type=datetime-local].FormFieldXL {
                               display: inline-block;
                               position: relative;
                               width: 300px;
                               text-align: center;
                               padding: 8px;
                               margin-bottom: 10px;
                               margin-right: 5px;
                               color: #222255;
                               border: 2px solid #222255;
                               border-radius: 10px;
                             }
                     
input[type=datetime-local].FormFieldL {
                              display: inline-block;
                              position: relative;
                              width: 250px;
                              text-align: center;
                              padding: 8px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }
                  
input[type=datetime-local].FormFieldM {
                              display: inline-block;
                              position: relative;
                              width: 200px;
                              text-align: center;
                              padding: 8px;
                              margin-top: 5px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }
                  
input[type=datetime-local].FormFieldS {
                              display: inline-block;
                              position: relative;
                              width: 150px;
                              text-align: center;
                              padding: 8px;
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }

input[type=time].FormFieldFULL {
                              display: inline-block;
                              position: relative;
                              width: 100%;
                              text-align: center;
                              padding: 8px;                 
                              margin-bottom: 10px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }

input[type=time].FormFieldXXL {
                              display: inline-block;
                              position: relative;
                              width: 350px;
                              text-align: center;
                              padding: 8px;                 
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                            }
                
input[type=time].FormFieldXL {
                             display: inline-block;
                             position: relative;
                             width: 300px;
                             text-align: center;
                             padding: 8px;
                             margin-bottom: 10px;
                             margin-right: 5px;
                             color: #222255;
                             border: 2px solid #222255;
                             border-radius: 10px;
                           }
                   
input[type=time].FormFieldL {
                            display: inline-block;
                            position: relative;
                            width: 250px;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 10px;
                            margin-right: 20px;
                            color: #222255;
                            border: 2px solid #222255;
                            border-radius: 10px;
                          }
                
input[type=time].FormFieldM {
                            display: inline-block;
                            position: relative;
                            width: 200px;
                            text-align: center;
                            padding: 8px;
                            margin-top: 5px;
                            margin-bottom: 10px;
                            margin-right: 20px;
                            color: #222255;
                            border: 2px solid #222255;
                            border-radius: 10px;
                          }
                
input[type=time].FormFieldS {
                            display: inline-block;
                            position: relative;
                            width: 150px;
                            text-align: center;
                            padding: 8px;
                            margin-bottom: 10px;
                            margin-right: 20px;
                            color: #222255;
                            border: 2px solid #222255;
                            border-radius: 10px;
                          }

 .FormFieldFULLBox{
                    display: inline-block;
                    position: relative;
                    width: 100%;
                    text-align: center;
                    padding: 8px;                 
                    margin-bottom: 10px;
                    margin-right: 20px;
                    color: #222255;
                    border: 2px solid #222255;
                    border-radius: 10px;
                  }

select.FormFieldFULL {
                       display: inline-block;
                       appearance: none;
                       position: relative;
                       text-align: center;
                       width: 100%;
                       padding: 8px;
                       margin-bottom: 10px;
                       color: #222255;
                       background-color: white;
                       font-family: "Benjamin Gothic Pro";
                       font-size: 18px;
                       border: 2px solid #222255;
                       border-radius: 10px;
                     }

select.FormFieldXXL {
                      display: inline-block;
                      appearance: none;
                      position: relative;
                      text-align: center;
                      width: 350px;
                      padding: 8px;
                      margin-bottom: 10px;
                      margin-right: 20px;
                      color: #222255;
                      background-color: white;
                      font-family: "Benjamin Gothic Pro";
                      font-size: 15px;
                      border: 2px solid #222255;
                      border-radius: 10px;
                    }

select.FormFieldXL {
                     display: inline-block;
                     appearance: none;
                     position: relative;
                     text-align: center;
                     width: 300px;
                     padding: 8px;
                     margin-bottom: 10px;
                     margin-right: 20px;
                     color: #222255;
                     background-color: white;
                     font-family: "Benjamin Gothic Pro";
                     font-size: 15px;
                     border: 2px solid #222255;
                     border-radius: 10px;
                   }
                  
select.FormFieldL {
                    display: inline-block;
                    appearance: none;
                    position: relative;
                    text-align: center;
                    width: 250px;
                    padding: 8px;
                    margin-bottom: 10px;
                    margin-right: 20px;
                    color: #222255;
                    background-color: white;
                    font-family: "Benjamin Gothic Pro";
                    font-size: 15px;
                    border: 2px solid #222255;
                    border-radius: 10px;
                  }

select.FormFieldM {
                    display: inline-block;
                    appearance: none;
                    position: relative;
                    text-align: center;
                    width: 200px;
                    padding: 8px;
                    margin-bottom: 10px;
                    margin-right: 20px;
                    color: #222255;
                    background-color: white;
                    font-family: "Benjamin Gothic Pro";
                    font-size: 15px;
                    border: 2px solid #222255;
                    border-radius: 10px;
                  }

select.FormFieldS {
                    display: inline-block;
                    appearance: none;
                    position: relative;
                    text-align: center;
                    width: 150px;
                    padding: 8px;
                    margin-bottom: 10px;
                    margin-right: 20px;
                    color: #222255;
                    background-color: white;
                    font-family: "Benjamin Gothic Pro";
                    font-size: 15px;
                    border: 2px solid #222255;
                    border-radius: 10px;
                  }

select.FormFieldXS {
                     display: inline-block;
                     appearance: none;
                     position: relative;
                     text-align: center;
                     width: 100px;
                     padding: 8px;
                     margin-bottom: 10px;
                     margin-right: 20px;
                     color: #222255;
                     background-color: white;
                     font-family: "Benjamin Gothic Pro";
                     font-size: 15px;
                     border: 2px solid #222255;
                     border-radius: 10px;
                   }

select.FormFieldXXS {
                      display: inline-block;
                      appearance: none;
                      position: relative;
                      text-align: center;
                      width: 50px;
                      padding: 8px;
                      margin-bottom: 10px;
                      margin-right: 20px;
                      color: #222255;
                      background-color: white;
                      font-family: "Benjamin Gothic Pro";
                      font-size: 15px;
                      border: 2px solid #222255;
                      border-radius: 10px;
                    }

textarea.FormFieldXL {
                      display: inline-block;
                      position: float;
                      text-align: left;
                      width: 300px;
                      padding: 8px;
                      margin-bottom: 10px;
                      margin-right: 20px;
                      color: #222255;
                      font-family: "Benjamin Gothic Pro";
                      font-size: 15px;
                      border: 2px solid #222255;
                      border-radius: 10px;
                    }

textarea.FormFieldXXL {
                        display: inline-block;
                        position: float;
                        text-align: left;
                        width: 350px;
                        padding: 8px;
                        color: #222255;
                        font-family: "Benjamin Gothic Pro";
                        font-size: 15px;
                        border: 2px solid #222255;
                        border-radius: 10px;
                      }

textarea.FormFieldFULL {
                        display: inline-block;
                        position: float;
                        text-align: left;
                        width: 100%;
                        padding: 8px;
                        color: #222255;
                        font-family: "Benjamin Gothic Pro";
                        font-size: 15px;
                        border: 2px solid #222255;
                        border-radius: 10px;
                      }

input[type=password].FormFieldFULL:focus,
input[type=number].FormFieldFULL:focus,
input[type=number].FormField4XL:focus,
input[type=number].FormField3XL:focus, 
input[type=number].FormFieldXXL:focus,                                       
input[type=number].FormFieldXL:focus,
input[type=number].FormFieldL:focus,
input[type=number].FormFieldM:focus,
input[type=number].FormFieldS:focus,
input[type=number].FormFieldXS:focus,
input[type=number].FormFieldXXS:focus,
input[type=text].FormFieldNoMarginFULL:focus,
input[type=text].FormFieldFULL:focus,
input[type=text].FormField4XL:focus,
input[type=text].FormField3XL:focus, 
input[type=text].FormFieldXXL:focus,                                       
input[type=text].FormFieldXL:focus,
input[type=text].FormFieldL:focus,
input[type=text].FormFieldM:focus,
input[type=text].FormFieldS:focus,
input[type=text].FormFieldXS:focus,
input[type=text].FormFieldXXS:focus,
input[type=date].FormFieldFULL:focus,
input[type=date].FormFieldXXL:focus,                                       
input[type=date].FormFieldXL:focus,
input[type=date].FormFieldL:focus,
input[type=date].FormFieldM:focus,
input[type=date].FormFieldS:focus,
input[type=datetime-local].FormFieldFULL:focus,
input[type=datetime-local].FormFieldXXL:focus,                                       
input[type=datetime-local].FormFieldXL:focus,
input[type=datetime-local].FormFieldL:focus,
input[type=datetime-local].FormFieldM:focus,
input[type=datetime-local].FormFieldS:focus,
input[type=time].FormFieldFULL:focus,
input[type=time].FormFieldXXL:focus,                                       
input[type=time].FormFieldXL:focus,
input[type=time].FormFieldL:focus,
input[type=time].FormFieldM:focus,
input[type=time].FormFieldS:focus,
select.FormFieldFULL:focus,
select.FormFieldXXL:focus,
select.FormFieldXL:focus,
select.FormFieldL:focus,
select.FormFieldM:focus,
select.FormFieldS:focus,
select.FormFieldXS:focus,
select.FormFieldXXS:focus,
textarea.FormFieldXL:focus,
textarea.FormFieldXXL:focus,
textarea.FormFieldFULL:focus {
                              box-shadow: 0 0 6px #093950;
                              outline: none;
                            }

input[type=password].FormFieldFULL:disabled,     
input[type=number].FormFieldFULL:disabled,                            
input[type=number].FormField3XL:disabled, 
input[type=number].FormFieldXXL:disabled,                                       
input[type=number].FormFieldXL:disabled,
input[type=number].FormFieldL:disabled,
input[type=number].FormFieldM:disabled,
input[type=number].FormFieldS:disabled,
input[type=number].FormFieldXS:disabled,
input[type=number].FormFieldXXS:disabled,
input[type=date].FormFieldFULL:disabled,
input[type=date].FormFieldXXL:disabled,                                      
input[type=date].FormFieldXL:disabled,
input[type=date].FormFieldL:disabled,
input[type=date].FormFieldM:disabled,
input[type=date].FormFieldS:disabled,
input[type=datetime-local].FormFieldFULL:disabled,
input[type=datetime-local].FormFieldXXL:disabled,                                   
input[type=datetime-local].FormFieldXL:disabled,
input[type=datetime-local].FormFieldL:disabled,
input[type=datetime-local].FormFieldM:disabled,
input[type=datetime-local].FormFieldS:disabled,
input[type=time].FormFieldFULL:disabled,
input[type=time].FormFieldXXL:disabled,                                   
input[type=time].FormFieldXL:disabled,
input[type=time].FormFieldL:disabled,
input[type=time].FormFieldM:disabled,
input[type=time].FormFieldS:disabled,
input[type=text].FormFieldNoMarginFULL:disabled,
input[type=text].FormFieldFULL:disabled,                            
input[type=text].FormField3XL:disabled, 
input[type=text].FormFieldXXL:disabled,                                       
input[type=text].FormFieldXL:disabled,
input[type=text].FormFieldL:disabled,
input[type=text].FormFieldM:disabled,
input[type=text].FormFieldS:disabled,
input[type=text].FormFieldXS:disabled,
input[type=text].FormFieldXXS:disabled,
textarea.FormFieldXL:disabled,
textarea.FormFieldXXL:disabled,
textarea.FormFieldFULL:disabled {
                                color: #ededed;
                                background-color: #f7f7f7; 
                                border: 2px solid #ededed;  
                               }   
                               
input[type=text].FormFieldBoxFULL:disabled,
input[type=date].FormFieldBoxFULL:disabled,
input[type=datatime-local].FormFieldBoxFULL:disabled {
                                                        display: inline-block;
                                                        position: relative;
                                                        width: 100%;
                                                        text-align: center;
                                                        padding: 8px;                 
                                                        margin-bottom: 10px;
                                                        margin-right: 20px;
                                                        color: #222255;
                                                        border: 2px solid #222255;
                                                        border-radius: 10px;
                                                     }

.FormFieldDivBoxFULL {
                        display: inline-block;
                        position: relative;
                        width: 100%;
                        text-align: center;
                        padding: 8px;                 
                        margin-bottom: 10px;
                        margin-right: 20px;
                        color: #222255;
                        border: 2px solid #222255;
                        background-color: #FFFFFF66;
                        border-radius: 10px;
                      }

.NoticeTypeTitleIcon {
                      display: inline-block;
                      position: relative;
                      font-size: 35px;
                     }  
                     
.TableItemList {
                 display: table;
                 position: relative;
                 width: 90%;
               }

.RowHeadList {
                display: table-row;
                position: relative;
                width: 100%;
                font-size: 12px;
                font-weight: 700;
                background-color: #0A1626;  
                color: white;
             }
            
.RowNoitemList {
                 display: table-row;
                 position: relative;
                 width: 100%;
                 text-align: center;
                 font-size: 18px;
               }

.RowmItemList {
                display: table-row;
                position: relative;
                font-size: 12px;
                text-transform: none;
                width: 100%;
                border-bottom: 1px solid #0A1626;
              }

.CellItemList {
                display: table-cell;
                position: relative;
                height: 25px;
                vertical-align: middle;
              }

.TitleFunctionBox {
                    display: block;
                    position: relative;
                    width: 90%;
                    margin: 5px;
                    padding: 5px;
                    text-align: center;
                    border-bottom: 4px solid #0A1626;
                    border-radius: 5px;
                  }

.ButtonManageUserAssociation {
                    display: inline-block;
                    position: relative;
                    width: 40px;
                    margin: 0 3px 0 3px;
                    padding: 2px;
                    color: white;
                    background-color: #222255;           
                    border: none;
                    cursor: pointer;
                    border-radius: 5px;
                   }
             
.ButtonManageUserAssociation:hover {
                         opacity: 95%;
                         box-shadow: 0 0 6px orangered;     
                         color: orangered;
                        }

.CondoDetailsViewButton {
                          display: inline-block;
                          width: 80px;
                          border: none;
                          background-color: #222255;
                          color: white;
                        }

.CondoDetailsViewButton:hover {
                               display: inline-block;
                               width: 80px;
                               background-color: orangered;
                              }

.CondoDetailsViewBox {
                       display: block;
                       position: relative;
                       width: 80%;
                       margin: 0 auto;
                       text-align: left;
                     }

.CondoViewSurname {
                    display: inline-block;
                    position: relative;
                    font-size: 20px;
                    font-weight: 700;
                    text-transform: uppercase;
                  }

.CondoViewName {
                 display: inline-block;
                 position: relative;
                 font-size: 20px;
                 font-weight: 700;
                 text-transform: capitalize;
               }

.CondoViewTaxcode {
                    display: block;
                    position: relative;
                    font-size: 15px;
                    text-transform: uppercase;
                  }

.CondoViewAddressTypeBox {
                           display: block;
                           position: relative;
                           margin: 15px 0;
                           font-size: 18px;
                         }

.CondoViewAddressTypeTitle {
                            display: block;
                            position: relative;
                            width: 80%;
                            font-size: 16px;
                            border-bottom: 2px solid #222255;
                            color: #222255;
                            font-weight: 700;
                          }

.CondoViewAddressRow {
                      display: block;
                      position: relative;
                      margin-bottom: 6px;
                     }
                          
.CondoViewAddressType {
                       display: table-cell;
                       position: relative;
                       width: 110px;
                       vertical-align: middle;
                       font-weight: 700;
                       font-size: 12px;
                      }
     
.CondoViewAddressValue {
                        display: table-cell;
                        position: relative;
                        vertical-align: middle;
                        font-size: 16px;
                       }

.CondoViewDetailsBox {
                       display: grid;
                       margin: 0 auto;
                       width: 70%;
                       row-gap: 12px;
                       margin: 12px 0;
                       grid-template-columns: 40% 60%;
                       align-items: center;
                     }

.CondoViewStaircaseLabel {
                           width: 100%;
                           margin: 0;
                           padding: 5px;
                           font-weight: 700;
                           font-size: 11pt;
                           text-align: right;
                           color: #0A1626;
                         }

.CondoViewStaircaseValue {
                           padding: 5px;
                           font-size: 15pt;
                           color: #0A1626;
                           text-align: center;
                           border-left: 5px solid #0A1626;
                           border-bottom: 2px solid #0A1626;
                         }
 
.CondoViewHeatingTypeLabel {
                             width: 100%;
                             margin: 0;
                             padding: 5px;
                             font-weight: 700;
                             font-size: 11pt;
                             text-align: right;
                             color: #0A1626;
                           }
 
.CondoViewHeatingTypeValue {
                              padding: 5px;
                              font-size: 15pt;
                              color: #0A1626;
                              text-align: center;
                              border-left: 5px solid #0A1626;
                              border-bottom: 2px solid #0A1626;
                           }

.CondoViewHeatingInvoluntaryPercentageLabel {
                                              width: 100%;
                                              margin: 0;
                                              padding: 5px;
                                              font-weight: 700;
                                              font-size: 11pt;
                                              text-align: right;
                                              color: #0A1626;
                                            }

.CondoViewHeatingInvoluntaryPercentageValue {
                                              padding: 5px;
                                              font-size: 15pt;
                                              color: #0A1626;
                                              text-align: center;
                                              border-left: 5px solid #0A1626;
                                              border-bottom: 2px solid #0A1626;
                                            }

.CondoViewPeriodLabel {
                        width: 100%;
                        margin: 0;
                        padding: 5px;
                        font-weight: 700;
                        font-size: 11pt;
                        text-align: right;
                        color: #0A1626;
                      }

.CondoViewPeriodValue {
                        padding: 5px;
                        font-size: 15pt;
                        color: #0A1626;
                        text-align: center;
                        border-left: 5px solid #0A1626;
                        border-bottom: 2px solid #0A1626;
                      }

.CondoViewDetailsAccountBankBox {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 100%;
                                  margin: 15px 0;
                                  padding: 8px;
                                  grid-template-columns: 100%;
                                  border: 2px solid #0A1626;
                                  align-items: center;
                                }

.CondoViewDetailsAccountBankTitle {
                                    text-align: center;
                                    margin: 0;
                                    margin-bottom: 10px;
                                    background-color: #0A1626;
                                    color: white;
                                    font-size: 12pt;
                                  }

.CondoViewDetailsAccountBankButtonBox {
                                       display: grid;
                                       margin: 0 auto;
                                       width: 100%;
                                       padding: 8px;
                                       grid-template-columns: 50% 50%;
                                       align-items: center;
                                      }

.CondoViewDetailsAccountBankListTitleRow {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          margin: 12px 0 4px 0;
                                          grid-template-columns: 38% 29% 7% 15% 10%;
                                          font-weight: 600;
                                          align-items: center;
                                         }

.CondoViewDetailsAccountBankListRow {
                                      display: grid;
                                      margin: 0 auto;
                                      margin-bottom: 5px;
                                      padding: 8px 0;
                                      width: 100%;
                                      grid-template-columns: 38% 29% 7% 15% 10%;
                                      align-items: center;
                                      background-color: #0A162633;
                                      border-radius: 8px;
                                    }

.CondoViewDetailsAccountBankListIbanNoitem {
                                             grid-column: 1 / span 4;  
                                             text-align: center;
                                           }

.CondoViewDetailsAccountBankListName {
                                       font-size: 12pt;
                                       text-align: left;
                                       padding-left: 8px;
                                     }

.CondoViewDetailsAccountBankListLastModify {
                                             font-size: 10pt;
                                           }


.CondoViewctivationTypeChooseBox {
                                            display: block;

                                          }
   
.CondoViewTypeActivationRadioContainer {
                                               display: block;
                                               position: relative;
                                               padding: 10px;
                                               cursor: pointer;
                                             }
   
.CondoViewTypeActivationRadioContainer input {
                                                     position: absolute;
                                                     opacity: 0;
                                                     cursor: pointer;
                                                     height: 0;
                                                     width: 0;
                                                   }
   
.CondoViewTypeActivationRadioLabel {
                                           display: block;
                                           width: 100%;
                                           padding: 15px;
                                           color: #222255;
                                           border: 2px solid #222255; 
                                         }  
   
.CondoViewTypeActivationRadioContainer:hover input  ~ .CondoViewTypeActivationRadioLabel {
                                                                                                    background-color: #22225533;
                                                                                                  }
   
.CondoViewTypeActivationRadioContainer input:checked  ~ .CondoViewTypeActivationRadioLabel {
                                                                                                      background-color: #222255BB;
                                                                                                      color: white;
                                                                                                    }                    
                                                                                                    
.CondoViewTypeActivationRadioLabelIcon {
                                         font-size: 22px;
                                        }
   
.CondoViewTypeActivationRadioLabelText {
                                         display: block;
                                         width: 100%;
                                         margin-top: 15px;
                                         text-align: center;
                                         font-size: 14pt;
                                        }
                                
   
.CondoViewChooseTypeActivation {
                                  display: block;
                                  position: relative;
                                  text-align: center;
                                  width: 80%;
                                  padding: 10px 10px;
                                  margin: 0 auto;
                                  margin-top: 25px;
                                  margin-bottom: 15px;
                               }

.CondoViewContactBox {
                       display: block;
                       position: relative;
                       margin: 15px 0;
                       font-size: 15px;
                     }
 
 .CondoViewContactTitle {
                          display: block;
                          position: relative;
                          width: 80%;
                          font-size: 16px;
                          border-bottom: 2px solid #222255;
                          color: #222255;
                          font-weight: 700;
                        }

.CondoViewContactRow {
                       display: block;
                       position: relative;
                       margin-bottom: 6px;
                     }
                     
.CondoViewContactType {
                        display: table-cell;
                        position: relative;
                        width: 110px;
                        vertical-align: middle;
                        font-weight: 700;
                        font-size: 12px;
                      }

.CondoViewContactValue {
                         display: table-cell;
                         position: relative;
                         vertical-align: middle;
                         font-size: 16px;
                       }

.CondoEditButton {
                 display: inline-block;
                 height: 20px;
                 position: relative;
                 background-color: white;
                 font-size: 16px;
                 color: #0A1626;
                 border: none;
                }

.CondoEditButton:hover {
                        color: orangered
                       }

.ComingSoonBoxTable {
                      display: table;
                      width: 100%;
                      table-layout: auto;
                    }

.ComingSoonBox {
                display: block;
                position: relative;
                width: 100%;
                padding: 10px 0px;
               }

.ComingSoonsBoxTextName {
                          display: table-cell;
                          position: relative;
                          vertical-align: middle;
                          height: 80px;
                          font-size: 28px;
                          text-shadow: 3px 3px 5px #84aee7;
                          border: 2px solid #0A1626;
                          color: #0A1626;
                          border-radius: 8px;
                        }

.WorkingInProgressBoxTable {
                            display: table;
                            width: 100%;
                            table-layout: auto;
                           }

.WorkingInProgressTextName {
                            display: table-cell;
                            position: relative;
                            vertical-align: middle;
                            height: 100px;
                            font-size: 32px;
                            font-weight: 700;
                            color: #f00;
                            animation: 2s blinker_wip linear infinite;
                           }

@keyframes blinker_wip {
0% {opacity: 1.0;}
50% {opacity: 0.2;}
100% {opacity: 1.0;}
}

.ManageMilesimalTableRUBox {
                              display: grid;
                              margin: 0 auto;
                              width: 95%;
                              row-gap: 5px;
                              grid-template-columns: 100%; 
                           }

.ManageMilesimalTableRUListRowEven {
                                     display: grid;
                                     margin: 0 auto;
                                     width: 100%;
                                     grid-template-columns: 10% 33% 32% 25%; 
                                     padding: 10px;
                                     align-items: center;
                                     background-color: #09395022;
                                     border-radius: 5px;
                                   }
  
.ManageMilesimalTableRUListRowOdd {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    grid-template-columns: 10% 33% 32% 25%; 
                                    padding: 10px;
                                    align-items: center;
                                    background-color: #09395055;
                                    border-radius: 5px;
                                  }

.ManageMilesimalTableRUFloor {
                               text-align: center;
                             }                    
                             
.ManageMilesimalTableRUIdentifiedCode {
                                        text-align: center;
                                        font-size: 12pt;
                                        font-weight: 600;
                                      }                     
                                      
.ManageMilesimalTableRUType {
                              text-align: center;
                            }

.ManageMilesimalTableRUValue {
                                text-align: right;
                                font-size: 14pt;
                             }

.ManageMillesimalRUlistRowTotal {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 100%;
                                  grid-template-columns: 75% 25%; 
                                  align-items: center;
                               }

.ManageMilTabRUTotalLabel {
                            text-align: center;
                          }

.ManageMilTabRUTotalValue {
                            text-align: right;
                            color: white;
                            padding: 10px;
                            font-weight: 600;
                            font-size: 14pt;
                            background-color: #093950;
                            border-radius: 5px;
                          }                    

.ManageMeetingListBoxHeaderItem {
                            display: grid;
                            margin: 0 auto;
                            margin-top: 20px;
                            width: 90%;
                            row-gap: 12px;
                            column-gap: 0px;
                            grid-template-columns: 10% 6% 18% 34% 10% 10% 12%;
                            align-items: center;
                        }

.ManageMeetingListTypeHeader {
                               text-align: center;
                               font-weight: 700;
                               grid-row: 1;
                             }

.ManageMeetingListDatePlaceHeader {
                                text-align: center;
                                font-weight: 700;
                                grid-column: 2 / span 3 ;
                                grid-row: 1;

                              }

.ManageMeetingListAttachmentsHeader {
                                      text-align: center;
                                      font-weight: 700;
                                      grid-row: 1;
                                    }

 .ManageMeetingListStateHeader {
                                 text-align: center;
                                 font-weight: 700;
                                 grid-row: 1;
                               }

 .ManageMeetingListActionHeader {
                                  text-align: center;
                                  font-weight: 700;
                                  grid-row: 1;
                                }

.ManageMeetingListBoxItem {
                                  display: grid;
                                  margin: 0 auto;
                                  margin-top: 20px;
                                  width: 90%;
                                  row-gap: 8px;
                                  column-gap: 0px;
                                  grid-template-columns: 10% 6% 18% 34% 10% 10% 12%;
                                  align-items: center;
                                  border: 1px solid #0A1626;
                             
                              }    

.ManageMeetingListType {
                         text-align: center;
                         grid-column: 1;
                         grid-row: 1 / span 2;
                         font-size: 18pt;
                       }

.ManageMeetingListFirstOrdinal {
                          text-align: center;
                          grid-column: 2;
                          grid-row: 1;
                        }

.ManageMeetingListFirstDate {
                          text-align: center;
                          grid-column: 3;
                          grid-row: 1;
                          text-align: left;
                        }
    
.ManageMeetingListFirstPlace {
                               text-align: center;
                               grid-column: 4;
                               grid-row: 1;
                               text-overflow: ellipsis;
                               white-space: nowrap;
                               overflow: hidden;
                               text-align: left;
                             }
    
.ManageMeetingListSecondOrdinal {
                            text-align: center;
                            grid-column: 2;
                            grid-row: 2;
                            font-weight: 600;
                            font-size: 14pt;
                          }

.ManageMeetingListSecondDate {
                            text-align: center;
                            grid-column: 3;
                            grid-row: 2;
                            font-weight: 600;
                            font-size: 14pt;
                            text-align: left;
                          }
    
.ManageMeetingListSecondPlace {
                                text-align: center;
                                grid-column: 4;
                                grid-row: 2;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                overflow: hidden;
                                font-weight: 600;
                                text-align: left;
                              }

    
.ManageMeetingListAttachments {
                                text-align: center;
                                grid-column: 5;
                                grid-row: 1 / span 2;
                                font-size: 15pt;
                              }
    
.ManageMeetingListState {
                          text-align: center;
                          grid-column: 6;
                          grid-row: 1 / span 2;
                          font-size: 18pt;
                        }
    
.ManageMeetingListAction {
                           text-align: center;
                           grid-column: 7;
                           grid-row: 1 / span 2;
                         }

.ManageMeetingListActionButton {
                                  display: inline-block;
                                  border: none;
                                  margin: 0;
                                  padding: 0;
                                  font-size: 16px;
                                  color: orangered;
                                  background-color: inherit;
                               }

.ManageMeetingListActionButton:hover {
                                        text-shadow: 0px 0px 6px orangered;
                                     }

.ManageMeetingListActionIconRotate {
                                     transform: rotate(-50deg);
                                   }

.CondoMeetingDetailsBox {
                          display: grid;
                          margin: 0 auto;
                          margin-top: 20px;
                          padding: 8px;
                          width: 85%;
                          row-gap: 8px;
                          column-gap: 0px;
                          grid-template-columns: 50% 50%;
                          align-items: center;
                          border: 1.7px solid #0A1626;
                          box-shadow: 3px 3px 3px #0A1626;
                        }

.CondoMeetingDetailsType {
                           text-align: left;
                           font-size: 15pt;
                           padding-left: 15px;
                           grid-column: 1 / span 2;
                         }

.CondoMeetingDetailsDatePlaceBox {
                                  display: grid;
                                  margin: 0 auto;
                                  padding: 8px;
                                  width: 85%;
                                  row-gap: 8px;
                                  column-gap: 0px;
                                  grid-template-columns: 100%;
                                  align-items: center;
                                  border: 1px solid #0A1626;
                                  border-radius: 8px;
                                 }

.CondoMeetingDetailsFirstLabel {
                                  font-size: 13pt;
                                  font-weight: 600;
                               }

.CondoMeetingDetailsDateFirst {
                                font-size: 12pt;
                              }

.CondoMeetingDetailsPlaceFirst {
                                 font-size: 11pt;
                               }

.CondoMeetingDetailsSecondLabel {
                                 font-size: 13pt;
                                 font-weight: 600;
                                 background-color: #0A1626;
                                 color: white;
                                }

.CondoMeetingDetailsDateSecond {
                                 font-size: 14pt;
                                 font-weight: 600;
                               }

.CondoMeetingDetailsPlaceSecond {
                                  font-size: 12pt;
                                }

.CondoMeetingDetailsAgendaItemBox {
                                    display: grid;
                                    margin: 0 auto;
                                    padding: 8px;
                                    width: 85%;
                                    row-gap: 8px;
                                    column-gap: 0px;
                                    grid-template-columns: 10% 90%;
                                    align-items: center;
                                    grid-column: 1 / span 2;
                                  }

.CondoMeetingDetailsAgendaItemLabel {
                                      text-align: left;
                                      grid-column: 1 / span 2;
                                      text-decoration: underline;
                                      font-weight: 600;
                                    }

.CondoMeetingDetailsAgendaItemOrdinal {
                                        font-size: 12pt;
                                        font-weight: 600;
                                      }

.CondoMeetingDetailsAgendaItemDescription {
                                            text-align: left;
                                          }

.CondoMeetingDetailsAttachmentBox {
                                    display: grid;
                                    margin: 0 auto;
                                    padding: 8px;
                                    width: 95%;
                                    row-gap: 8px;
                                    column-gap: 0px;
                                    grid-template-columns: 10% 90%;
                                    align-items: center;
                                    grid-column: 1 / span 2;
                                  }

.CondoMeetingDetailsAttachmentLabel {
                                      text-align: left;
                                      grid-column: 1 / span 2;
                                      font-weight: 600;
                                    }

.CondoMeetingDetailsAttachmentNoitem {
                                       text-align: left;
                                       grid-column: 1 / span 2;
                                       padding-left: 8px;
                                     }

.CondoMeetingDetailsAttachmentDescription {
                                            text-align: left;
                                          }

.CondoMeetingDetailsDelegationBox {
                                    display: grid;
                                    margin: 0 auto;
                                    padding: 8px;
                                    width: 85%;
                                    row-gap: 14px;
                                    column-gap: 0px;
                                    grid-template-columns: 25% 25% 25% 25%;
                                    align-items: center;
                                    grid-column: 1 / span 2;
                                    border: 1px solid #0A1626;
                                  }

.CondoMeetingDetailsDelegationRowBox {
                                    display: grid;
                                    margin: 0 auto;
                                    padding: 8px;
                                    width: 100%;
                                    row-gap: 8px;
                                    column-gap: 0px;
                                    grid-template-columns: 15% 30% 20% 15% 20%;
                                    align-items: center;
                                    grid-column: 1 / span 4;
                                    border-left: 2px solid orangered;
                                    border-bottom: 2px solid orangered;
                                    border-bottom-left-radius: 8px;
                                    background-color: #0A162611;
                                  }

.CondoMeetingDetailsDelegationOwnerRowBox {
                                           display: grid;
                                           margin: 0 auto;
                                           padding: 8px;
                                           width: 100%;
                                           row-gap: 8px;
                                           column-gap: 0px;
                                           grid-template-columns: 80% 20%;
                                           align-items: center;
                                           grid-column: 1 / span 4;
                                           border-left: 2px solid orangered;
                                           border-bottom: 2px solid orangered;
                                           border-bottom-left-radius: 8px;
                                           background-color: #0A162611;
                                          }

.CondoMeetingDetailsDelegationOwnerRowRU {
                                           display: grid;
                                           margin: 0 auto;
                                           padding: 8px;
                                           width: 100%;
                                           row-gap: 8px;
                                           column-gap: 0px;
                                           grid-template-columns: 15% 40% 25%;
                                           align-items: center;
                                         }
                                
.CondoMeetingDetailsDelegationLabel {
                                      text-align: center;
                                      font-size: 13pt;
                                      grid-column: 1 / span 5;
                                      font-weight: 600;
                                    }

.CondoMeetingDetailsDelegationOwnerLabel {
                                          text-align: center;
                                          font-size: 14pt;
                                          text-align: left;
                                          padding-left: 15px;
                                          padding-top: 20px;
                                          grid-column: 1 / span 5;
                                          font-weight: 600;
                                         }

.CondoMeetingDetailsDelegationJointOwnerLabel {
                                               text-align: center;
                                               font-size: 14pt;
                                               text-align: left;
                                               padding-left: 15px;
                                               padding-top: 20px;
                                               grid-column: 1 / span 5;
                                               font-weight: 600;
                                              }

.CondoMeetingDetailsDelegationNoitem {
                                       text-align: left;
                                       grid-column: 1 / span 5;
                                       padding-left: 8px;
                                     }

.CondoMeetingDetailsDelegationRUicon {
                                       font-size: 22pt;
                                     } 
                                     
.CondoMeetingDetailsDelegationRUname {
                                       text-align: left;
                                       font-weight: 600;
                                       font-size: 14pt;
                                     }

.CondoMeetingDetailsDelegationRUownertype {
                                            text-align: center;
                                          }

.CondoMeetingDetailsDelegationRUpercentage {
                                              text-align: center;
                                           }

.CondoMeetingDetailsDelegationRUaction {
                                          text-align: center;
                                       }

.CondoMeetingDetailsViewActionButton {
                                        display: block;
                                        position: relative;
                                        font-size: 12pt;
                                        font-weight: 600;
                                        padding: 5px 10px;
                                        color: white;
                                        border: 1px solid orangered;
                                        border-radius: 5px;
                                        background-color: orangered;
                                     }

.CondoMeetingDetailsViewActionButton:hover {
                                              box-shadow: 0px 0px 8px orangered;
                                           }

.CondoMeetingDetailsDelegationRUjointIcon {
                                            text-align: right;
                                            font-size:11pt;
                                            padding-right: 6px;
                                          }

.CondoMeetingDetailsDelegationRUjointName {
                                            font-size: 11pt;
                                            text-align: left;
                                          }

.CondoMeetingDetailsDelegationRUjointownerType {
                                                 font-size: 11pt;
                                                 text-align: center;
                                               }

.CondoMeetingDetailsDelegationRUjointPercentage {
                                                  font-size: 11pt;
                                                  text-align: center;
                                                }

.CondoMeetingDetailsDelegationRUjointState {
                                             text-align: center;
                                           }

.CondoMeetingDelegationChooseBox {
                                   display: grid;
                                   margin: 0 auto;
                                   margin-top: 20px;
                                   padding: 8px;
                                   width: 95%;
                                   row-gap: 8px;
                                   column-gap: 0px;
                                   grid-template-columns: 25% 25% 25% 25%;
                                   align-items: center;
                                   border: 1.7px solid #0A1626;
                                   box-shadow: 3px 3px 3px #0A1626;
                                  }

.CondoMeetingDelegationChooseRUTitle {
                                       grid-column: 1 / span 4;
                                       font-size: 12pt;
                                       text-align: center;
                                       font-weight: 600;
                                     }

.CondoMeetingDelegationChooseRUBox {
                                     display: grid;
                                     margin: 0 auto;
                                     padding: 8px;
                                     width: 100%;
                                     row-gap: 8px;
                                     column-gap: 0px;
                                     grid-template-columns: 15% 30% 20% 35%;
                                     align-items: center;
                                     grid-column: 1 / span 4;
                                     border: 2px solid orangered;
                                     border-radius: 8px;
                                     background-color: #0A162611;
                                   }

.CondoMeetingDelegationChooseRUicon {

                                    }

.CondoMeetingDelegationChooseRUidentifytype {

                                            }

.CondoMeetingDelegationChooseRUtype {

                                    }

.CondoMeetingDelegationChooseRUmillesimal {

                                          }

.CondoMeetingDelegationChooseJoinBox {
                                     display: grid;
                                     margin: 0 auto;
                                     padding: 8px;
                                     width: 100%;
                                     row-gap: 8px;
                                     column-gap: 0px;
                                     grid-template-columns: 23% 46% 31%;
                                     align-items: center;
                                     grid-column: 1 / span 3;
                                   }

.CondoMeetingDelegationChooseJoinIcon {
                                        text-align: right;
                                        font-size:11pt;
                                        padding-right: 6px;
                                      }

.CondoMeetingDelegationChooseJoinName {
                                        font-size: 11pt;
                                        text-align: left;
                                      }

.CondoMeetingDelegationChooseJoinOwnerType {
                                             font-size: 11pt;
                                             text-align: center;
                                           }

.CondoMeetingDelegationChooseRUFormBox {
                                         display: grid;
                                         margin: 0 auto;  
                                         padding: 8px;
                                         width: 90%;
                                         row-gap: 8px;
                                         column-gap: 0px;
                                         grid-template-columns: 25% 50% 25%;
                                         align-items: center;
                                         grid-column: 1 / span 4;
                                         border: 1px solid #0A1626;
                                       }

.CondoMeetingDelegationChooseRUInputItem {
                                          grid-column: 2;
                                          text-align: left;
                                        }

.CondoMeetingDelegationChooseRUInputRow {
                                          display: grid;
                                          margin: 0 auto;  
                                          padding: 8px;
                                          width: 95%;
                                          row-gap: 8px;
                                          column-gap: 0px;
                                          grid-template-columns: 20% 80%;
                                          align-items: center;
                                          grid-column: 1 / span 4;
                                        }

.CondoMeetingDelegationChooseRUFormSurnameLabel {
                                                  font-size: 11pt;
                                                  font-weight: 600;
                                                  text-align: right;
                                                }

.CondoMeetingDelegationChooseRUFormNameLabel {
                                               font-size: 11pt;
                                               font-weight: 600;
                                               text-align: right;
                                             }

.CondoMeetingDelegationChooseRUFormSurnameInput {

                                                }

.CondoMeetingDelegationChooseRUFormNameInput {

                                             }

.CondoMeetingDelegationChooseRUFormButton {
                                              grid-column: 1 / span 4;
                                          }

input[type=text].FormMeetingDelegation {
                                         display: inline-block;
                                         position: relative;
                                         width: 90%;
                                         text-align: center;
                                         padding: 8px;                 
                                         margin: 10px;
                                         color: #222255;
                                         border: 1.5px solid #222255;
                                         border-radius: 10px;
                                       }

input[type=text].FormMeetingDelegation:focus {
                                               box-shadow: 0 0 6px #093950;
                                               outline: none;
                                             }

.CondoMeetingDelegationChooseRUFormButtonSubmit {
                                                  grid-column: 1 / span 4;
                                                  padding-left: 30px;
                                                }

.CondoMeetingManageTitleList {
                               display: block;
                               position: relative;
                               width: 100%;
                               text-align: left;
                               font-size: 18px;
                               font-weight: 600;
                               margin-bottom: 20px;
                               color: #0A1626;
                               border-bottom: 2px solid #0A1626;
                             }

.CondoMeetingAttachmentTable {
                                   display: table;
                                   width: 100%;
                                 }

.CondoMeetingAttachmentRow {
                                 display: table-row;
                               }                     

.CondoMeetingAttachmentNoData {
                                    display: table-cell;
                                    text-align: center;
                                    vertical-align: middle;
                                    background-color: lightblue;
                                    width: 100%;
                                  }

.CondoMeetingAttachmentOrdinal {
                                     display: table-cell;
                                     text-align: center;
                                     vertical-align: middle;
                                     width: 8%;
                                   }

.CondoMeetingAttachmentDescription {
                                     display: table-cell;
                                     text-align: left;
                                     vertical-align: middle;
                                     font-weight: 700;
                                     text-transform: none;
                                     width: 30%;
                                   }

.CondoMeetingAttachmentFilename {
                                  display: table-cell;
                                  text-align: left;
                                  vertical-align: middle;
                                  font-weight: normal;
                                  text-transform: none;
                                  width: 30%;
                                }

.CondoMeetingAttachmentAction {
                                display: table-cell;
                                text-align: center;
                                vertical-align: middle;
                                width: 10%;
                              }

.CondoMeetingNewAttachment {
                             display: none;
                             position: relative;
                             border: 1px solid #0A1626;
                             border-radius: 0 5px 0 5px;
                             padding: 20px;
                             margin-top: 30px;
                             text-align: left;
                           }

.CondoMeetingEditAttachment {
                            display: none;
                            position: relative;
                            border: 1px solid #0A1626;
                            border-radius: 0 5px 0 5px;
                            padding: 20px;
                            margin-top: 30px;
                            text-align: left;
                          }

.CondoMeetingNewAttachmentTitle {
                                  display: inherit;
                                  position: absolute;
                                  top: -12px;
                                  left: 25px;
                                  width: 200px;
                                  background-color: white;
                                  text-align: center;
                                }

.CondoMeetingEditAttachmentTitle {
                                  display: inherit;
                                  position: absolute;
                                  top: -12px;
                                  left: 25px;
                                  width: 200px;
                                  background-color: white;
                                  text-align: center;
                                }

.CondoMeetingMajoritiesAgendaItemPointsBox {
                                              display: grid;
                                              margin: 0 auto;
                                              margin-bottom: 10px;
                                              width: 85%;
                                              padding: 0;
                                              grid-template-columns: 100%;
                                              border: 2px solid #0A1626;
                                              border-radius: 10px;
                                              box-shadow: 3px 3px 4px #0A1626;
                                           }

.CondoMeetingMajoritiesAgendaItemPointsTitleRow {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 100%;
                                                  padding: 0;
                                                  grid-template-columns: 8% 92%;
                                                  border-bottom: 1.5px solid #0A1626;
                                                }

.CondoMeetingMajoritiesAgendaItemPointsItemOrder {
                                                    display: flex;
                                                    align-items: center;
                                                    background-color: #0A1626;
                                                    color: white;
                                                    border-top-left-radius: 9px;
                                                 }

.CondoMeetingMajoritiesAgendaItemPointsItemOrderValue {
                                                        width: 100%;
                                                        text-align: center;
                                                        font-size: 16pt;
                                                        font-weight: 700;
                                                      }

.CondoMeetingMajoritiesAgendaItemPointsDescription {
                                                      font-weight: 600;
                                                      font-size: 11pt;
                                                      text-align: left;
                                                      padding-left: 8px;
                                                      align-self: center;
                                                   }

.CondoMeetingMajoritiesAgendaItemPointsTypeVoteRow {
                                                      display: grid;
                                                      margin: 0 auto;
                                                      width: 100%;
                                                      padding: 8px;
                                                      align-items: center;
                                                      grid-template-columns: 25% 25% 25% 25%;
                                                  }

.CondoMeetingMajoritiesAgendaItemPointsTypeVoteRadioOption {

                                                           }


input.CondoMeetingItemTypeVoteRadio {
                                      opacity: 0;
                                      position: absolute;
                                    }
   
.CondoMeetingItemTypeVoteRadioLabel {
                                      cursor: pointer;
                                      border-radius: 4px;
                                      padding: 3px;
                                      text-align: center;
                                      width: 95%;
                                      background: white;
                                      color: #0A1626;
                                      border: 1.5pt solid #0A1626;
                                      font-size: 11px;
                                      font-family: sans-serif;
                                      transition: all 0.1s;
                                    }
   
input.CondoMeetingItemTypeVoteRadio:checked + label {
                                                      background-color: #0A1626; 
                                                      color: white;
                                                    }   

.CondoMeetingMajoritiesAgendaItemPointsMajorityResolutionRow {
                                                              display: grid;
                                                              margin: 0 auto;
                                                              width: 100%;
                                                              padding: 8px;
                                                              grid-template-columns: 30% 70%;
                                                              border-top: 1.5px solid #0A1626;
                                                             }   

.CondoMeetingMajoritiesAgendaItemPointsMultiChooseResolutionRow {
                                                                  display: grid;
                                                                  margin: 0 auto;
                                                                  width: 100%;
                                                                  padding: 8px;
                                                                  grid-template-columns: 30% 70%;
                                                                  border-top: 1.5px solid #0A1626;
                                                                }                                 
                                                 
.CondoMeetingMajoritiesAgendaItemPointsActionMajorityLabel {
                                                              display: flex;
                                                              align-self: center;
                                                              text-align: right;
                                                              padding-right: 5px;
                                                              font-size: 10pt;
                                                           }

.CondoMeetingMajoritiesAgendaItemPointsActionMajorityValue {
                                                             text-align: left;
                                                             font-size: 10pt;
                                                           }

.CondoMeetingMajoritiesAgendaItemPointsActionMajorityChooseBox {
                                                                  display: none;
                                                                  grid-column: 1 / span 2;
                                                                  width: 90%;
                                                                  margin: 0 auto;
                                                                  padding: 8px;
                                                               }              
                                                               
.CondoMeetingMajoritiesAgendaItemPointsActionMultiItemChooseBox {
                                                                  display: none;
                                                                  grid-column: 1 / span 2;
                                                                  width: 90%;
                                                                  margin: 0 auto;
                                                                  padding: 8px;
                                                                }   

.Field4XL {
            display: inline-block;
            position: relative;
            width: 450px;
            text-align: center;
            padding: 8px;                 
            margin-bottom: 10px;
            margin-right: 20px;
            color: #222255;
            background-color: #22225544;
            border: 2px solid #222255;
            border-radius: 10px;
          }

.ManageMajorityListGrid {
                          display: grid;
                          margin: 0 auto;
                          margin-top: 15px;
                          margin-bottom: 15px;
                          width: 90%;
                          grid-template-columns: 100%;
                          padding:8px;
                          align-items: center;
                          border: 2px solid #0A1626;
                        }

.ManageMajorityListGroupNamelRow {
                                   display: grid;
                                   margin: 0 auto;
                                   margin-top: 6px;
                                   width: 100%;
                                   grid-template-columns: 100%;
                                   padding: 8px;
                                   background-color: #0A1626;
                                   color: white;
                                   align-items: center;
                                 }

.ManageMajorityListGroupName {
                                text-align: center;
                                font-size: 15pt;
                                font-weight: 700;
                             }

.ManageMajorityListLabelRow {
                              display: grid;
                              margin: 0 auto;
                              width: 100%;
                              grid-template-columns: 40% 10% 8% 10% 8% 14% 10%;
                              padding: 8px;
                              align-items: center;
                            }

.ManageMajorityListDescriptionLabel {
                                      grid-column: 1;
                                      grid-row: 1 / span 2;
                                      text-align: center;
                                      font-weight: 700;
                                    }

.ManageMajorityListFirstConvocationLabel {
                                            grid-column: 2 / span 2;
                                            text-align: center;
                                            font-weight: 700;
                                         }

.ManageMajorityListSecondConvocationLabel {
                                            grid-column: 4 / span 2;
                                            text-align: center;
                                            font-weight: 700;
                                          }

.ManageMajorityListLastModifyLabel {
                                     grid-column: 6;
                                     grid-row: 1 / span 2;
                                     text-align: center;
                                     font-weight: 700;
                                   }

.ManageMajorityListActionLabel {
                                  grid-column: 7;
                                  grid-row: 1 / span 2;
                                  text-align: center;
                                  font-weight: 700;
                                }             

.ManageMajorityListCondoLabel {
                                text-align: center;
                                font-weight: 700;
                              }
                     
.ManageMajorityListMillesimalLabel{
                                    text-align: center;
                                    font-weight: 700;
                                  }

.ManageMajorityListMajoritiesListRow {
                                       display: grid;
                                       margin: 0 auto;
                                       margin-bottom: 8px;
                                       width: 100%;
                                       grid-template-columns: 40% 10% 8% 10% 8% 14% 10%;
                                       padding: 8px;
                                       background-color: #0A162633;
                                       color: #0A1626;
                                       align-items: center;
                                     }

.ManageMajorityListDescription {
                                 text-align: left;
                               }

.ManageMajorityListCondo {
                           text-align: center;
                         }

.ManageMajorityListMillesimal {             
                                text-align: center;
                              }

.ManageMajorityListLastModify {
                                text-align: center;
                                font-size: 10pt;
                              }

.ManageMajorityListAction {
                            text-align: center;
                          }

.DeveloperMajorityButton {
                           display: inline;
                           position: relative;
                           width: 300px;
                           margin: 10px;
                           font-size: 16px;
                           color: orangered;
                           background-color: white;
                           border: none;
                         }

.DeveloperOrdinaryWorksTypeButton {
                                    display: inline;
                                    position: relative;
                                    width: 600px;
                                    margin: 10px;
                                    font-size: 16px;
                                    color: orangered;
                                    background-color: white;
                                    border: none;
                                 }

.DeveloperMajorityButton:hover,
.DeveloperOrdinaryWorksTypeButton:hover {
                                         text-shadow: 0px 0px 5px orangered;
                                        }



/* Millesimal Table Manage */

.ManageResidentialUnitListBox {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  margin: 10px 0;
 }

.ManageResidentialUnitListRowTitle {
       display: block;
       position: relative;
       width: 90%;
       margin: 0 auto;
       font-size: 16px;
       font-weight: bold;
       color: #093950;
      }
 
.ManageResidentialUnitListRow {
  display: block;
  position: relative;
  padding: 5px;
  width: 90%;
  margin: 0 auto;
  font-size: 14px;
  color: #093950;
 }

.ManageResidentialUnitListRowEven {
      background-color: #09395022;
     }

.ManageResidentialUnitListRowOdd {
     background-color: #09395055;
    }

.ManageResidentialUnitListIdentifiedCode {
             display: inline-block;
             position: relative;
             width: 35%;
            }
            
.ManageResidentialUnitListIdentifiedCodeTitle {
              display: inline-block;
              position: relative;
              width: 35%;
             }

.ManageResidentialUnitListLastUpdate {
   display: inline-block;
   position: relative;
   width: 20%;
  }

.ManageResidentialUnitListLastUpdateTitle {
    display: inline-block;
    position: relative;
    width: 20%;
   }

.ManageResidentialUnitListActionTitle {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 20%;
   }

.ManageResidentialUnitListAction {
    display: inline-block;
    position: relative;
    width: 20%;
   }
   
.ManageResidentialUnitListNoItem {
     display: inline-block;
     position: relative;
     padding: 10px;
     width: 80%;
     margin: 0 auto;
     font-size: 16px;
     color: #093950;
     background-color: #09395022;
    }
    
.ManageMillesimalTableListActionButton {
      display: inline-block;
      border: none;
      margin: 0;
      padding: 0;
      font-size: 16px;
      color: orangered;
      background-color: inherit;
    }

.ManageMillesimalTableListActionButton:hover {
           text-shadow: 0px 0px 6px orangered;
          }

.ManageRUlistRowEven {
            background-color: #09395022;
           }
           
.ManageRUlistRowOdd {
           background-color: #09395055;
          }

.ManageRUlistRowTotal {
            background-color: #093950bb;
           }

.ManageMilTabTotalValue {
                      color: white;
                     }

.ManageMilTabName {
            display: block;
            position: relative;
            width: 80%;
            text-align: center;
            margin: 0 auto;
            font-size: 16px;
            font-weight: bold;
            color: #093950;
           }

.ManageMilTabListTable {
                         display: table;
                         width: 100%;
                         margin-bottom: 10px;
                       }
      
.ManageMilTabRUListRow {
       display: table-row;
       position: relative;
       height: 25px;
       font-size: 12px;
       color: #093950;
      }
      
.ManageMilTabRUIdentifiedCode {
       display: table-cell;
       position: relative;
       vertical-align: middle;
       width: 30%;
      }
      
.ManageMilTabRUType {
        display: table-cell;
        position: relative;
        vertical-align: middle;
        width: 30%;
       }
       
.ManageMilTabRUFloor {
         display: table-cell;
         position: relative;
         vertical-align: middle;
         text-align: center;
         width: 12%;
        }
        
.ManageMilTabRUValue {
        display: table-cell;
        position: relative;
        vertical-align: middle;
        text-align: right;
        width: 25%;
        }
        
.ManageMilTabRUNoItem {
        display: table-cell;
        position: relative;
        width: 80%;
        font-size: 16px;
        color: #093950;
        background-color: #09395022;
       }

/* Meeting live form */

.MeetingLiveCondoTypeConvocationTable {
  display: table;
  width: 100%;
}

.MeetingLiveCondoTypeConvocationRow {
display: table-row;
text-align: center;
height: 140px;
}

.MeetingLiveCondoTypeConvocationSelect {
   display: table-cell;
   vertical-align: middle;
   width: 100%;
 }

/* Presence radio button */

.MeetingLiveCondoTypeConvocationRadioGroup {
  background: #0A1626;
  padding: 3px;
  border-radius: 3px;
  margin: 0 auto;
  position: relative;
  width: fit-content;
}

.MeetingLiveCondoTypeConvocationRadioGroup input {
  appearance: none;
  cursor: pointer;
  border-radius: 2px;
  padding: 2px;
  text-align: center;
  width: 350px;
  height: 100px;
  background: white;
  color: #0A1626;
  font-size: 15px;
  font-family: sans-serif;
  transition: all 0.1s;
}

.MeetingLiveCondoTypeConvocationRadioGroup input:checked {
  background: #0077d8;
  color: white;
}

.MeetingLiveCondoTypeConvocationRadioGroup input::after {
  content: attr(date);
  display: block;
  margin-top: 5px;
  font-size: 16pt;
  font-weight: 700;
  text-align: center;
}

.MeetingLiveCondoTypeConvocationRadioGroup input::before {
  content: attr(label);
  display: block;
  margin-top: 10px;
  font-size: 14pt;
  text-align: center;
}

.MeetingLiveCondoPresenceListRadioAbsent {
  padding: 3px;
  border-radius: 3px;
  position: relative;
  width: fit-content;
}

input.MeetingLiveCondoPresenceListRadioAbsent {
                                                opacity: 0;
                                                position: absolute;
                                              }

.MeetingLiveCondoPresenceListRadioAbsentLabel {
                                                cursor: pointer;
                                                border-radius: 4px;
                                                padding: 3px;
                                                text-align: center;
                                                width: 90%;
                                                background: white;
                                                color: #D60000;
                                                border: 1.5pt solid #D60000;
                                                font-size: 11px;
                                                font-family: sans-serif;
                                                transition: all 0.1s;
                                              }

input.MeetingLiveCondoPresenceListRadioAbsent:checked + label {
                                                                background: #D60000; 
                                                                color: white;
                                                              }

input.MeetingLiveCondoPresenceListRadioPresent {
                                                 opacity: 0;
                                                 position: absolute;
                                               }

.MeetingLiveCondoPresenceListRadioPresentLabel {
                                                 cursor: pointer;
                                                 border-radius: 4px;
                                                 padding: 3px;
                                                 text-align: center;
                                                 width: 90%;
                                                 background: white;
                                                 color: #00870D;
                                                 border: 1.5pt solid #00870D;
                                                 font-size: 11px;
                                                 font-family: sans-serif;
                                                 transition: all 0.1s;
                                               }

input.MeetingLiveCondoPresenceListRadioPresent:checked + label {
                                                                 background: #00870D; 
                                                                 color: white;
                                                               }   

input.MeetingLiveCondoPresenceListRadioDelegation {
                                                    opacity: 0;
                                                    position: absolute;
                                                  }

.MeetingLiveCondoPresenceListRadioDelegationLabel {
                                                    cursor: pointer;
                                                    border-radius: 4px;
                                                    padding: 3px;
                                                    text-align: center;
                                                    width: 90%;
                                                    background: white;
                                                    color: #017777; 
                                                    border: 1.5pt solid #017777;
                                                    font-size: 11px;
                                                    font-family: sans-serif;
                                                    transition: all 0.1s;
                                                  }
 
input.MeetingLiveCondoPresenceListRadioDelegation:checked + label {
                                                                    background: #017777; 
                                                                    color: white;
                                                                  } 

.MeetingLiveItemOrderTitleButton {
                                    display: grid;
                                    margin: 0 auto;
                                    margin-bottom: 5px;
                                    width: 100%;
                                    padding: 8px;
                                    grid-template-columns: 4% 93% 3%;
                                    text-align: left;
                                    background-color: #0A1626;
                                    color: white;
                                    border-radius: 10px;
                                    font-size: 12pt;
                                    border: none;
                                    outline: none;
                                  }

.MeetingLiveItemOrderTitleButton:hover {

                                        }

.MeetingLiveItemOrderNumberOrdinal {
                                      font-size: 13pt;
                                      font-weight: 700;
                                      text-align: center;

                                    }

.MeetingLiveItemOrderDescription {
                                      text-align: left;
                                      padding: 0 5px;
                                      border-left: 2px solid white;
                                   }

.MeetingLiveItemOrderArrow {
                              padding: 3px;
                              text-align: right;
                              font-size: 11pt;
                              rotate: 180deg;
                           }

.MeetingLiveItemOrderBox {
                            display: none;
                         }       
                         
.MeetingLiveVoteDetailsMajorityResolutionInfoGrid {
                                                    display: grid;
                                                    margin: 0 auto;
                                                    width: 92%;
                                                    grid-template-columns: 25% 10% 30% 15% 20%;
                                                    padding: 0px;
                                                    border: 2px solid #0A1626BB;
                                                    align-items: center;
                                                    margin-bottom: 10px;
                                                    margin-top: 10px;
                                                  }

.MeetingLiveVoteDetailsMajorityResolutionInfoDescription {
                                                            grid-column: 1 / span 5;
                                                            text-align: left;
                                                            padding: 5px;
                                                            color: white;
                                                            background-color: #0A1626BB;
                                                         }

.MeetingLiveVoteDetailsMajorityResolutionInfoVoteLabel {
                                                          text-align: right;
                                                          padding: 8px 4px;
                                                       }   
                                                       
.MeetingLiveVoteDetailsMajorityResolutionInfoVoteValue {
                                                          text-align: left;
                                                       }                                                      

.MeetingLiveVoteDetailsMajorityResolutionInfoMillesimalLabel {
                                                               text-align: right;
                                                               padding: 8px 4px;
                                                             }

.MeetingLiveVoteDetailsMajorityResolutionInfoMillesimalValue {
                                                               text-align: left;
                                                             }  

.MeetingLiveVoteDetailsBox {
                             display: block;
                             position: relative;
                             width: 95%;
                             padding: 10px;
                             margin: 0 auto;
                             margin-top: 20px;
                             margin-bottom: 10px;
                             border: 3px solid #222255;
                           }
                  
.MeetingLiveVoteDetailsBoxTitle {
                                  display: block;
                                  position: absolute;
                                  top: -12px;
                                  left: 15px;
                                  padding: 3px;
                                  font-size: 11px;
                                  color: orangered;
                                  font-weight: bold;
                                  background-color: white;
                                  text-transform: uppercase;
                                  z-index: 9;
                                }

.MeetingLiveVoteDetailsButtonVoteBox {
                                       display: block;
                                       padding: 15px;
                                     }

.MeetingLiveVoteDetailsButtonToggle {
                                      display: block;
                                      margin: 0 auto;
                                      width: 80%;
                                      padding: 15px;
                                      color: #FF4500;
                                      background-color: white;
                                      border: 3px solid #FF4500;
                                      border-radius: 10px;
                                      font-size: 14pt;
                                      font-weight: 600;
                                      outline: none;
                                    }

.MeetingLiveVoteDetailsButtonToggle:hover {                                    
                                            background-color: #FF4500AA;
                                            color: white;
                                          }

.MeetingLiveVoteSaveButton {
                              display: block;
                              margin: 0 auto;
                              width: 70%;
                              padding: 10px;
                              color: #FF4500;
                              background-color: white;
                              border: 3px solid #FF4500;
                              border-radius: 10px;
                              font-size: 13pt;
                              font-weight: 600;
                              outline: none;
                           }
      
.MeetingLiveVoteSaveButton:hover {
                                    background-color: #FF4500AA;
                                    color: white;
                                 }

.MeetingLiveVoteDetailsDetailsVoteBox {
                                        display: none;
                                        padding: 0;
                                        margin: 0;
                                      }

.MeetingLiveVoteDetailsFormVoteBox {
                                      display: none;
                                      margin: 10px;
                                      border-top: 2px solid #0A1626;
                                      border-bottom: 2px solid #0A1626;
                                      border-radius: 10px;
                                      padding: 5px;
                                   }

.MeetingLiveVoteDetailsGrid {
                              display: grid;
                              margin: 0 auto;
                              width: 95%;
                              grid-template-columns: 27.7% 27.7% 27.7% 15.3%;
                              column-gap: 4px;
                              padding: 3px 0px;
                              align-items: center;
                            }

.MeetingLiveVoteDetailsFavorable {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 100%;
                                  grid-template-columns: 40% 60%;
                                  padding: 0;
                                  align-items: center;
                                  color: green;
                                  border: 2px solid green;
                                  border-radius: 10px;
                                }

.MeetingLiveVoteDetailsAgainst {
                                display: grid;
                                margin: 0 auto;
                                width: 100%;
                                grid-template-columns: 40% 60%;
                                padding: 0;
                                align-items: center;
                                color: red;
                                border: 2px solid red;
                                border-radius: 10px;
                              }

.MeetingLiveVoteDetailsAbstainers {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    grid-template-columns: 40% 60%;
                                    padding: 0;
                                    align-items: center;
                                    color: gray;
                                    border: 2px solid gray;
                                    border-radius: 10px;
                                 }

.MeetingLiveVoteDetailsResult {
                                display: grid;
                                margin: 0 auto;
                                width: 100%;
                                grid-template-columns: 100%;
                                padding: 0;
                                align-items: center;
                                border: 3px solid #1F2056;
                                border-radius: 10px;
                                box-shadow: 3px 3px 8px #1F2056;
                              }

.MeetingLiveVoteDetailsFavorableTitle {
                                        grid-column: 1 / span 2;
                                        background-color: green;
                                        text-align: center;
                                        color: white;
                                        font-size: 12pt;
                                        border-top-left-radius: 8px;
                                        border-top-right-radius: 8px;
                                      }

.MeetingLiveVoteDetailsAgainstTitle {
                                      grid-column: 1 / span 2;
                                      background-color: red;
                                      text-align: center;
                                      color: white;
                                      font-size: 12pt;
                                      border-top-left-radius: 8px;
                                      border-top-right-radius: 8px;
                                    }

.MeetingLiveVoteDetailsAbstainersTitle {
                                         grid-column: 1 / span 2;
                                         background-color: gray;
                                         text-align: center;
                                         color: white;
                                         font-size: 12pt;
                                         border-top-left-radius: 8px;
                                         border-top-right-radius: 8px;
                                       }

.MeetingLiveVoteDetailsResultTitle {
                                     grid-column: 1 / span 2;
                                     background-color: #0A1626;
                                     text-align: center;
                                     color: white;
                                     font-size: 12pt;
                                     border-top-left-radius: 8px;
                                     border-top-right-radius: 8px;
                                   }

.MeetingLiveVoteLabelNumbers {
                                font-size: 10pt;
                                text-align: center;
                             }

.MeetingLiveVoteLabelMillesimal {
                                  font-size: 10pt;
                                  text-align: center;
                                }

.MeetingLiveVoteValueNumbers {
                                font-size: 13pt;
                                text-align: center;
                             }

.MeetingLiveVoteValueMillesimal {
                                   font-size: 13pt;
                                   text-align: center;
                                }     
                                
.MeetingLiveVoteIconResult {
                              font-size: 23pt;
                              text-align: center;
                           }

.MeetingLiveVoteButtonBox {
                            display: none;
                          }

.MeetingLiveItemChooseDetailsGrid {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 95%;
                                    grid-template-columns: 45% 45%;
                                    align-items: center;
                                    column-gap: 6px;
                                    row-gap: 6px;
                                    padding: 3px 0px;
                                    align-items: center;
                                  }

.MeetingLiveItemChooseDetails {
                                display: grid;
                                margin: 0 auto;
                                width: 100%;
                                grid-template-columns: 35% 50% 15%;
                                padding: 0;
                                align-items: center;
                                color: #0A1626;
                                border: 2px solid #0A1626;
                                border-radius: 10px;
                              }


.MeetingLiveItemChooseDetailsTitle {
                                     grid-column: 1 / span 3;
                                     background-color: #0A1626;
                                     text-align: center;
                                     color: white;
                                     font-size: 12pt;
                                     border-top-left-radius: 8px;
                                     border-top-right-radius: 8px;
                                   }

.MeetingLiveItemChooseLabelNumbers {
                                     font-size: 10pt;
                                     text-align: center;
                                   }

.MeetingLiveItemChooseLabelMillesimal {
                                        font-size: 10pt;
                                        text-align: center;
                                      }

.MeetingLiveItemChooseOrderResult {
                                     grid-column: 3;
                                     grid-row: 2 / span 2;
                                     font-size: 18pt;
                                  }

.MeetingLiveItemChooseValueNumbers {
                                     font-size: 13pt;
                                     text-align: center;
                                   }

.MeetingLiveItemChooseValueMillesimal {
                                        font-size: 13pt;
                                        text-align: center;
                                      }   
                                      
.MeetingLiveChooseVotingButtonBox {
                                    display: none;
                                  }

.CondoMeetingLiveVoteFormCondoListTitleGrid {
                                              display: grid;
                                              margin: 0 auto;
                                              width: 100%;
                                              grid-template-columns: 5% 33% 22% 40%;
                                              padding: 5px;
                                              align-items: center;
                                              text-align: center;
                                            }

.CondoMeetingLiveVoteFormCondoListGrid {
                                          display: grid;
                                          margin: 0 auto;
                                          margin-bottom: 8px;
                                          width: 100%;
                                          grid-template-columns: 5% 33% 22% 40%;
                                          padding: 5px;
                                          align-items: center;
                                          background-color: #0A162622;
                                       }
                                      
.CondoMeetingLiveVoteFormCondoListNumitem {
                                            text-align: center;
                                          }

.CondoMeetingLiveVoteFormCondoListMillesimalValue {
                                                     text-align: center;
                                                  }

input.CondoMeetingLiveVoteFormFavorableRadio {
                                                    opacity: 0;
                                                    position: absolute;
                                                  }
   
.CondoMeetingLiveVoteFormFavorableRadioLabel {
                                                    cursor: pointer;
                                                    border-radius: 4px;
                                                    padding: 3px;
                                                    text-align: center;
                                                    width: 30%;
                                                    margin: 0 3px;
                                                    background: white;
                                                    color: green;
                                                    border: 1.5pt solid green;
                                                    font-size: 11px;
                                                    font-family: sans-serif;
                                                    transition: all 0.1s;
                                                  }
   
input.CondoMeetingLiveVoteFormFavorableRadio:checked + label {
                                                                    background: green; 
                                                                    color: white;
                                                                  }   

input.CondoMeetingLiveVoteFormAgainstRadio {
                                              opacity: 0;
                                              position: absolute;
                                           }
                   
.CondoMeetingLiveVoteFormAgainstRadioLabel {
                                                                    cursor: pointer;
                                                                    border-radius: 4px;
                                                                    padding: 3px;
                                                                    text-align: center;
                                                                    width: 30%;
                                                                    margin: 0 3px;
                                                                    background: white;
                                                                    color: red;
                                                                    border: 1.5pt solid red;
                                                                    font-size: 11px;
                                                                    font-family: sans-serif;
                                                                    transition: all 0.1s;
                                                                  }
                   
input.CondoMeetingLiveVoteFormAgainstRadio:checked + label {
                                                              background: red; 
                                                              color: white;
                                                           }  

input.CondoMeetingLiveVoteFormAbstainerRadio {
                                                opacity: 0;
                                                position: absolute;
                                             }
                                   
.CondoMeetingLiveVoteFormAbstainerRadioLabel {
                                                cursor: pointer;
                                                border-radius: 4px;
                                                padding: 3px;
                                                text-align: center;
                                                width: 30%;
                                                margin: 0 3px;
                                                background: white;
                                                color: gray;
                                                border: 1.5pt solid gray;
                                                font-size: 11px;
                                                font-family: sans-serif;
                                                transition: all 0.1s;
                                             }
                                   
input.CondoMeetingLiveVoteFormAbstainerRadio:checked + label {
                                                               background: gray; 
                                                               color: white;
                                                             }  

.CondoMeetingLiveItemChooseFormCondoListTitleGrid {
                                                    display: grid;
                                                    margin: 0 auto;
                                                    width: 100%;
                                                    grid-template-columns: 5% 30% 20% 45%;
                                                    padding: 5px;
                                                    align-items: center;
                                                    text-align: center;
                                                  }
                                                      
.CondoMeetingLiveItemChooseFormCondoListGrid {
                                                display: grid;
                                                margin: 0 auto;
                                                margin-bottom: 8px;
                                                width: 100%;
                                                grid-template-columns: 5% 30% 20% 45%;
                                                padding: 5px;
                                                align-items: center;
                                                background-color: #0A162622;
                                             }
                                                                                            
.CondoMeetingLiveItemChooseFormCondoListNumitem {
                                                  text-align: center;
                                                }
                                                      
.CondoMeetingLiveItemChooseFormCondoListMillesimalValue {
                                                          text-align: center;
                                                        }
                                                      
input.CondoMeetingLiveItemChooseFormRadio {
                                            opacity: 0;
                                            position: absolute;
                                          }
                                                         
.CondoMeetingLiveItemChooseFormRadioLabel {
                                            cursor: pointer;
                                            border-radius: 4px;
                                            padding: 3px;
                                            text-align: center;
                                            width: 45%;
                                            margin: 0 3px;
                                            background: white;
                                            color: #0A1626;
                                            border: 1.5pt solid #0A1626;
                                            font-size: 10px;
                                            font-family: sans-serif;
                                            transition: all 0.1s;
                                          }
                                                         
input.CondoMeetingLiveItemChooseFormRadio:checked + label {
                                                            background: #0A1626; 
                                                            color: white;
                                                          }   
                                                      
.MeetingLiveTextareaBox {
                          display: grid;
                          margin: 0 auto;
                          width: 100%;
                          grid-template-columns: 100%;
                          padding: 0;
                          align-items: center;
                          border: 1.6px solid #0A1626;
                          border-radius: 10px;
                        }

textarea.MeetingLiveTextareaInput {
                                    position: relative;
                                    text-align: left;
                                    width: 100%;
                                    padding: 8px;
                                    color: #222255;
                                    font-family: "Benjamin Gothic Pro";
                                    font-size: 15px;
                                    border: 1px solid #0A1626;
                                    border-top-left-radius: 8px;
                                    border-top-right-radius: 8px;
                                  }

textarea.MeetingLiveTextareaInput:focus {
                                            box-shadow: 0 0 6px #0A1626;
                                            outline: none;
                                         }

.MeetingLiveTextareaInfoRecRow {
                                 display: grid;
                                 margin: 0 auto;
                                 width: 100%;
                                 grid-template-columns: 30% 35% 35%;
                                 padding: 0;
                                 align-items: center;
                               }

.MeetingLiveTextareaInfoRecButtonField {
                                         text-align: left;
                                         padding-left: 10px;
                                       }

.MeetingLiveTextareaInfoRecButton {
                                     font-size: 14pt;
                                     color: #0A1626;
                                     text-decoration: none;
                                     border: none;
                                     background-color: inherit;
                                  }

.MeetingLiveTextareaInfoRecButton:hover {
                                          color: orangered;
                                        }

.MeetingLiveTextareaInfoRecStatus {
                                     text-align: center;
                                     font-size: 9pt;
                                  }

.MeetingLiveTextareaInfoRecValue {
                                    text-align: right;
                                    padding-right: 10px;
                                    font-size: 10pt;
                                 }

/*  */

.MeetingLivePresenceItemBox {
                              display: grid;
                              margin: 0 auto;
                              margin-bottom: 10px;
                              width: 90%;
                              grid-template-columns: 30% 45% 25%;
                              padding: 3px 0px;
                              align-items: center;
                              border: 1px solid #0A1626;
                              border-left: 4px solid orangered;
                              border-top-right-radius: 8px;
                              border-bottom-right-radius: 8px;
                              box-shadow: 1.7px 1.7px 3px #0A1626;
                            }

.MeetingLivePresenceRUlist {
                             display: grid;
                             margin: 0 auto;
                             width: 95%;
                             grid-template-columns: 15% 65% 20%;
                             padding: 3px 0px;
                             align-items: center;
                           }

.MeetingLivePresenceOwnerlist {
                                display: grid;
                                margin: 0 auto;
                                width: 95%;
                                grid-template-columns: 10% 80% 10%;
                                padding: 3px 0px;
                                align-items: center;
                              }

.MeeetingLivePresenceRUicon {
                              font-size: 13pt;
                              line-height: normal;
                            }

.MeeetingLivePresenceRUidentifycode {
                                      font-size: 11pt;
                                    }

.MeeetingLivePresenceRUmillesimal {
                                      font-size: 10pt;
                                  }

.MeetingLivePresenceOwnerIcon {
                                font-size: 10pt;
                                text-align: right;
                              }

.MeetingLivePresenceOwnerName {
                                text-align: left;
                                padding-left: 8px;
                                font-size: 9pt;
                              }

.MeetingLivePresenceOwnerNameLegalperson {
                                            font-size: 9pt;
                                            font-style: oblique;
                                            text-transform: none;
                                         }

.MeetingLivePresenceOwnerState {
                                text-align: center;
                                font-size: 12pt;
                              }

.MeetingLivePresenceOwnerStateIconAbsence {
                                            display: block;
                                            width: 90%;
                                            height: 90%;
                                            padding: 2px;
                                            margin: 1px;
                                            font-weight: 700;
                                            background-color: #D60000;
                                            color: white;
                                            border-radius: 4px;
                                           }

.MeetingLivePresenceOwnerStateIconPresence {
                                            display: block;
                                            width: 90%;
                                            height: 90%;
                                            padding: 2px;
                                            margin: 1px;
                                            font-weight: 700;
                                            background-color: #00870D;
                                            color: white;
                                            border-radius: 4px;
                                           }

.MeetingLivePresenceOwnerStateIconDelegation {
                                              display: block;
                                              width: 90%;
                                              height: 90%;
                                              padding: 2px;
                                              margin: 1px;
                                              font-weight: 700;
                                              background-color: #017777;
                                              color: white;
                                              border-radius: 4px;
                                            }

.MeetingLivePresenceChangeState {
                                  text-align: center;
                                }

.MeetingLivePresenceChangeStateButton {
                                        border: none;
                                        background-color: inherit;
                                        color: orangered;
                                      }

.MeetingLivePresenceChangeStateButton:hover {
                                              text-shadow: 0px 0px 5px orangered;
                                            }

.MeetingLivePresenceChangeStateChooseBox {
                                           display: none;
                                           width: 95%;
                                           margin: 0 auto;
                                           padding: 0;
                                           grid-column: 1 / span 4;
                                         }

.MeetingLivePresenceChangeStateChoose {
                                        display: grid;
                                        margin: 0 auto;
                                        margin-top: 5px;
                                        width: 100%;
                                        grid-template-columns: 40% 40% 20%;
                                        padding: 10px 0px 0px 0px;
                                        column-gap: 0px;
                                        grid-column: 1 / span 3;
                                        border-top: 2px solid #0A1626;
                                        align-items: center;
                                      }

.MeetingLivePresenceChangeStateChooseOwner {
                                             display: grid;
                                             margin: 0 auto;
                                             margin-bottom: 10px;
                                             width: 90%;
                                             grid-template-columns: 100%;
                                             padding: 3px 0px;
                                             row-gap: 8px;
                                             align-items: center;
                                           }

.MeetingLivePresenceChangeStateChooseOther {
                                             display: grid;
                                             margin: 0 auto;
                                             margin-bottom: 10px;
                                             width: 90%;
                                             grid-template-columns: 100%;
                                             padding: 3px 0px;
                                             row-gap: 8px;
                                             align-items: center;
                                           }

.MeetingLivePresenceChangeStateChooseDelegate {
                                                padding: 5px;
                                              }

.MeetingLiveCondoPresenceDelegationSelectBox {
                                               display: none;
                                               text-align: center;
                                             }

.MeetingLivePresenceChangeStateChooseDelegateSelectItem {
                                                          text-align: center;
                                                        }

.MeetingLiveCondoPresenceDelegationNameBox {
                                             display: none;
                                             text-align: center;
                                           }

.MeetingLivePresenceChangeStateChooseDelegateSurnameLabel,
.MeetingLivePresenceChangeStateChooseDelegateNameLabel {
                                                         display: block;
                                                         width: 90%;
                                                         text-align: left;
                                                         padding-left: 12px;
                                                         font-size: 8pt;
                                                         font-weight: 500;
                                                       }

input[type=text].MeetingLivePresenceChangeStateChooseDelegateSurname,
input[type=text].MeetingLivePresenceChangeStateChooseDelegateName {
                                                                    display: inline-block;
                                                                    position: relative;
                                                                    width: 90%;
                                                                    text-align: center;
                                                                    padding: 3px;                 
                                                                    margin-bottom: 2px;
                                                                    margin-right: 5px;
                                                                    color: #222255;
                                                                    background-color: white;
                                                                    border: 1.6px solid #222255;
                                                                    border-radius: 6px;
                                                                   }

select.MeetingLivePresenceChangeStateChooseDelegateSelect {
                                                            display: inline-block;
                                                            position: relative;
                                                            width: 90%;
                                                            text-align: center;
                                                            padding: 6px;                 
                                                            margin-bottom: 2px;
                                                            margin-right: 5px;
                                                            color: #222255;
                                                            background-color: white;
                                                            border: 1.6px solid #222255;
                                                            border-radius: 6px;
                                                          }

input[type=text].MeetingLivePresenceChangeStateChooseDelegateSurname:focus,
input[type=text].MeetingLivePresenceChangeStateChooseDelegateName:focus,
select.MeetingLivePresenceChangeStateChooseDelegateSelect:focus {
                                                                          box-shadow: 0 0 5px #222255;
                                                                          outline: none;
                                                                        }

.MeetingLiveCondoPresenceListRecDelegation {
                                             display: none;
                                             margin-top: 5px;
                                             width: 50%;
                                             color: #0A1626;
                                             font-weight: 600;
                                             border: 2px solid #0A1626;
                                             border-radius: 4px;
                                             background-color: white;
                                           }

.MeetingLiveCondoPresenceListRecDelegation:hover {
                                                   box-shadow: 0 0 5px #222255;
                                                  }
                             
.MeetingLiveCondoValidityRow {
                               display: grid;
                               grid-template-columns: 600px 300px;
                               height: 70px;
                               margin: 20px 0;
                               align-items: center;
                             }

.MeetingLiveCondoValidityCondo {
                                grid-column: 1 ;
                                grid-row: 1;
                                color: red;
                               }

.MeetingLiveCondoValidityMillesimal {
                                     grid-column: 1 ;
                                     grid-row: 2;
                                     color: red;
                                    }

.MeetingLiveCondoValidityInfo {
                                grid-column: 2;
                                grid-row: 1 / span 2;
                                border-radius: 12px;
                                color: white;
                                background-color: red;
                                text-align: center;
                                padding: 10px 0;
                              }

.GoToVotingIcon {
                 display: block;
                 font-size: 50pt;
                 margin-bottom: 15px;
                }

.MeetingLiveInfoGridFixed {
                          display: grid;
                          position: fixed;
                          top: 0;
                          grid-template-columns: auto auto auto auto;
                          padding: 10px;
                          background-color: #017777;
                          align-items: center;
                          z-index: 100;
                         }

.MeetingLiveInfoGridItemFixed {
                                color: white;
                                text-align: center;
                              }

.MeetingLiveInfoGridItemFixedNumb {
                                color: white;
                                grid-column: 2 ;
                                grid-row: 2 / span 2;
                                font-size: 26pt;
                                text-align: center;
                              }

.MeetingLiveInfoGridItemFixedMillesimal {
                                color: white;
                                grid-column: 3 ;
                                grid-row: 2 / span 2;
                                font-size: 26pt;
                                text-align: center;
                              }

.MeetingLiveInfoGridBoxInfoCondo {
                                  display: inline-block;
                                  width: 60px;
                                  border: 2px solid white;
                                  border-radius: 15px;
                                  margin: 0 3px;
                                  padding: 2px 6px;
                                  text-align: center;
                                 }

.MeetingLiveInfoGridBoxInfoMillesimal {
                                       display: inline-block;
                                       width: 90px;
                                       border: 2px solid white;
                                       border-radius: 15px;
                                       margin: 0 3px;
                                       padding: 2px 6px;
                                       text-align: center;
                                      }

.MeetingLiveInfoGridItemFixedAction {
                                color: white;
                                grid-column: 4 ;
                                grid-row: 2 / span 2;
                                text-align: center;
                              }

.MeetingLiveInfoEntryButton {
                              display: inline-block;
                              width: 80px;
                              background-color:green;
                              color: white;
                              border-radius: 8px;
                              border: 2px solid white;
                              margin: 10px 0;
                              font-size: 9pt;
                              font-weight: 700;
                            }

.MeetingLiveInfoEntryButton:hover {
                                    border: 2px solid green;
                                    color: green;
                                    background-color: white;
                                  }

.MeetingLiveInfoExitButton {
                             display: inline-block;
                             width: 80px;
                             background-color: #EF0000;
                             color: white;
                             border-radius: 8px;
                             border: 2px solid white;
                             margin: 10px 0;
                             font-size: 9pt;
                             font-weight: 700;
                           }

.MeetingLiveInfoExitButton:hover {
                                   border: 2px solid #EF0000;
                                   color: #EF0000;
                                   background-color: white;
                                 }

.MeetingLiveInfoCloseButton {
                              display: inline-block;
                              width: 165px;
                              background-color: orangered;
                              color: white;
                              border-radius: 8px;
                              border: 2px solid white;
                              font-size: 9pt;
                              font-weight: 700;
                            }
    
.MeetingLiveInfoCloseButton:hover {
                                    border: 2px solid orangered;
                                    color: orangered;
                                    background-color: white;
                                  }

.MeetingLiveInfoIconButton {
                             font-size: 16pt;
                             padding: 5px 0;
                           }

.BackgroundPopupBox{
                     display: none;
                     position: fixed;
                     width: 100%;
                     height: 100%;
                     top:0;
                     left: 0;
                     background-color: grey;
                     opacity: 0.5;
                     z-index: 500;
                   }

.MeetingLivePopupEntryGrid {
                             display: grid;
                             position: absolute;
                             grid-template-columns: 460px 460px;
                             box-shadow: 0 0 20px #0A1626;
                             border-radius: 8px;
                             padding: 50px 10px 10px 10px;
                             z-index: 1000;
                             background-color: white;
                             top: -40px;
                             margin: 0 auto;
                             align-items: center;
                           }

.MeetingLivePopupEntrySelect {
                               font-size: 11pt;
                               text-transform: capitalize;
                             }

input.MeetingLivePopupEntryCondoValue {
                                        appearance: none;
                                      }

input.MeetingLivePopupEntryCondoValue + label { 
                                        display: block;
                                        cursor: pointer;
                                         width: 400px;
                                         padding: 2px 8px;
                                         margin-top: -15px;
                                         border: 2px solid #0A1626;
                                         border-radius: 4px;
                                         color: #0A1626;
                                        }

input:checked.MeetingLivePopupEntryCondoValue + label {
                                                        color: white;
                                                        background-color: #0A1626;
                                                      } 

select.MeetingLivePopupEntryCondoValue {
                                          width: 90%;
                                          border: 2px solid #0A1626;
                                          border-radius: 4px;
                                          font-size: 18pt;
                                          color: #0A1626;
                                          background-color: white;
                                          padding: 10px 5px;
                                          text-align: center;

                                       }

.MeetingLivePopupEntryType {
                            font-size: 11pt;
                            text-transform: capitalize;
                            text-align: center;
                           }

input.MeetingLivePopupEntryTypeValue {
                            appearance: none;
                          }

input.MeetingLivePopupEntryTypeValue + label { 
                                              display: block;
                                              cursor: pointer;
                                              width: 100%;
                                              padding: 15px 8px;
                                              margin-top: -15px;
                                              border: 2px solid #0A1626;
                                              border-radius: 4px;
                                              font-size: 18pt;
                                              color: #0A1626;
                                            }

input:checked.MeetingLivePopupEntryTypeValue + label {
                                            color: white;
                                            background-color: #0A1626;
                                          } 

.MeetingLivePopupEntryDelegate {
                                display: none;
                                font-size: 12pt;
                                text-align: center;
                               }

.MeetingLivePopupEntryTitle {
                             display: block;
                             position: absolute;
                             width: 100%;
                             top: 0;
                             left: 0;
                             padding: 8px;
                             border-radius: 8px 8px 0 0;
                             font-size: 13pt;
                             text-align: center;
                             background-color: #0A1626;
                             color: white;
                            } 

.MeetingLivePopupEntryCloseIco {
                                 position: absolute;
                                 right: 10px;
                                 border: none;
                                 background-color: inherit;
                                 color: inherit;
                               }

.MeetingLivePopupEntryConfirmButton {
                                      display: block;
                                      width: 80%;
                                      margin: 0 auto;
                                      margin-top: 25px;
                                      border: 1px solid #0A1626;
                                      background-color: #0A1626;
                                      border-radius: 5px;
                                      color: white;
                                      padding: 5px 10px;
                                    }

.MeetingLivePopupEntryConfirmButton:hover {
                                            box-shadow: 0px 0px 15px #0A1626;
                                          }

.MeetingLivePopupEntryDelegateName {
                                    appearance: none;
                                    position: relative;
                                    text-align: center;
                                    width: 100%;
                                    padding: 8px;
                                    color: #222255;
                                    background-color: white;
                                    font-family: "Benjamin Gothic Pro";
                                    font-size: 15px;
                                    border: 2px solid #222255;
                                    border-radius: 10px;
                                   }

.MeetingLivePopupEntryDelegateName:focus {
                                          box-shadow: 0 0 6px #093950;
                                          outline: none;
                                         }

.OrdinaryWorksListBox {
                        display: grid;
                        margin: 0 auto;
                        width: 90%;
                        grid-template-columns: 100%;
                        padding: 4px;
                        row-gap: 6px;
                        text-align: center;
                      }

.OrdinaryWorksListRowHeader {
                        display: grid;
                        margin: 0 auto;
                        width: 100%;
                        grid-template-columns: 12% 23% 40% 15% 10%;
                        padding: 4px;
                        color: #0A1626;
                        text-align: center;
                      }
                      
.OrdinaryWorksListRow {
                        display: grid;
                        margin: 0 auto;
                        width: 100%;
                        grid-template-columns: 12% 23% 40% 15% 10%;
                        padding: 4px;
                        background-color: #D1E4FF;
                        border-radius: 8px;
                        color: #0A1626;
                        text-align: center;
                      }

.OrdinaryWorksListNoitem {
                            grid-column: 1 / span 5;
                            font-size: 18pt;
                            text-align: center;
                         }
                        
.OrdinaryWorksCompany {
                        text-align: center;
                      }

.OrdinaryWorksDate {
                     text-align: center;
                     font-size: 11pt;
                   }

.OrdinaryWorksJob {
                   text-align: left;
                  }

.OrdinaryWorksCost {
                     text-align: center;
                    }

.OrdinaryWorksAction {
                      text-align: center;
                     }

.OrdinaryWorksCompanyTitle {
                              text-align: center;
                              font-weight: 700;
                            }

.OrdinaryWorksDateTitle {
                   text-align: center;
                   font-weight: 700;
                 }

.OrdinaryWorksJobTitle {
                 text-align: center;
                 font-weight: 700;
                }

.OrdinaryWorksCostTitle {
                   text-align: center;
                   font-weight: 700;
                  }

.OrdinaryWorksActionTitle {
                    text-align: center;
                    font-weight: 700;
                   }

.OrdinaryWorksTitleType {
                          display: block;
                          position: relative;
                          width: 90%;
                          margin: 0 auto;
                          padding: 6px 20px;
                          border-bottom: 2px solid #0A1626;
                          border-left: 2px solid #0A1626;
                          border-bottom-left-radius: 10px;
                          font-size: 16pt;
                          text-align: left;
                        }

.OrdinaryWorksTitleIconType {
                             font-size: 20pt;
                            }

.OrdinaryWorksNewJob {
                       display: block;
                       position: relative;
                       text-align: left;
                       width: 50%;
                       margin: 0 auto;
                     }

.ManageOWTypeListTable {
                         display: table;
                         position: relative;
                         width: 100%;
                         margin-top: 15px;
                       }

.ManageOWTypeListHeaderRow {
                             display: table-row;
                             position: relative;
                           }

.ManageOWTypeListNameHeader {
                              display: table-cell;
                              position: relative;
                              width: 280px;
                              font-size: 15pt;
                              font-weight: 700;
                              vertical-align: middle;
                            }

.ManageOWTypeListIconHeader {
                              display: table-cell;
                              position: relative;
                              width: 60px;
                              font-size: 15pt;
                              font-weight: 700;
                              vertical-align: middle;
                            }
                            
.ManageOWTypeListLastUpdateHeader {
                                    display: table-cell;
                                    position: relative;
                                    width: 140px;
                                    font-size: 15pt;
                                    font-weight: 700;
                                    vertical-align: middle;
                                  }
                          
.ManageOWTypeListActionHeader {
                                display: table-cell;
                                position: relative;
                                width: 160px;
                                font-size: 15pt;
                                font-weight: 700;
                                vertical-align: middle;
                              }                   

.ManageOWTypeListRow {
                       display: table-row;
                       position: relative;
                     }
   
.ManageOWTypeListName {
                              display: table-cell;
                              position: relative;
                              font-size: 16pt;
                              vertical-align: middle;
                            }
   
.ManageOWTypeListIcon {
                        display: table-cell;
                        position: relative;
                        font-size: 22pt;
                        vertical-align: middle;
                      }
                               
.ManageOWTypeListLastUpdate {
                              display: table-cell;
                              position: relative;
                              font-size: 14pt;
                              vertical-align: middle;
                            }
                             
.ManageOWTypeListAction {
                          display: table-cell;
                          position: relative;
                          font-size: 16pt;
                          vertical-align: middle;
                        } 

.OrdinaryWorksAssociationTypeBox {
                                    display: block;
                                    position: relative;
                                    width: 85%;
                                    margin: 0 auto;
                                    margin-top: 20px;
                                    border: 1.5px solid #0A1626;
                                 }

.OrdinaryWorksAssociationTypeRadioContainer {
                                              display: inline-block;
                                              position: relative;
                                              padding: 5px;
                                              cursor: pointer;
                                            }

.OrdinaryWorksAssociationTypeRadioContainer input {
                                                    position: absolute;
                                                    opacity: 0;
                                                    cursor: pointer;
                                                    height: 0;
                                                    width: 0;
                                                  }

.OrdinaryWorksAssociationTypeRadioLabel {
                                          display: table-cell;
                                          width: 200px;
                                          height: 150px;
                                          padding: 8px;
                                          vertical-align: middle;
                                          color: #0A1626;
                                          background-color: white;
                                          border: 2px solid #0A1626; 
                                          border-radius: 8px;
                                        }  

.OrdinaryWorksAssociationTypeRadioContainer input:checked  ~ .OrdinaryWorksAssociationTypeRadioLabel {
                                                                                                        background-color: #0A162655;
                                                                                                        color: #0A1626;
                                                                                                     }    
                                                                                                         
.OrdinaryWorksAssociationTypeRadioLabelIcon {
                                              font-size: 50px;
                                            }

.OrdinaryWorksAssociationTypeRadioLabelText {
                                              font-size: 11pt;
                                              font-weight: 600;
                                            }

.ExtraordinaryWorksJobContainerM {
                                   display: block;
                                   position: relative;
                                   text-align: left;
                                   width: 60%;
                                   margin: 0 auto;
                                 }

.ExtraordinaryWorksJobContainerXL {
                                  display: block;
                                  position: relative;
                                  text-align: left;
                                  width: 80%;
                                  margin: 0 auto;
                                }

.ExtraordinaryWorksJobContainerXXL {
                                    display: block;
                                    position: relative;
                                    text-align: left;
                                    width: 90%;
                                    margin: 0 auto;
                                  }

.ExtraordinaryWorksListNoitem {
                                 display: block;
                                 width: 80%;
                                 margin: 0 auto;
                                 padding: 20px;
                                 margin-top: 20px;
                                 margin-bottom: 20px;
                                 border: 1px solid #0A1626;
                                 border-bottom-right-radius: 15px;
                                 text-align: center;
                                 font-size: 16pt;
                              }

.ExtraordinaryWorksBox {
                         display: grid;
                         margin: 0 auto;
                         margin-top: 20px;
                         width: 90%;
                         grid-template-columns: 10% 40% 20% 20% 10%;
                         padding: 10px;
                         align-items: center;
                         border: 1px solid #0A1626;
                         border-bottom-right-radius: 20px;
                       }

.ExtraordinaryWorksIcon {
                          text-align: center;
                          font-size: 20px;
                        }                      

.ExtraordinaryWorksTitle {
                           text-align: left;
                           font-size: 16pt;
                           font-weight: 700;
                           color:#0A1626;
                         }

.ExtraordinaryWorksLastModify {
                                font-size: 14pt;
                                font-weight: normal;  
                              }

.ExtraordinaryWorksState {
                            width: fit-content;
                            font-size: 14pt;
                            margin: 0 auto;
                            padding: 2px 5px;
                            color: #0A1626;
                            background-color: white;
                            border: 2px solid #0A1626;
                            border-radius: 8px;
                            text-align: center;
                         }

.ExtraordinaryWorksAction {
                                font-size: 16pt;
                             }

.ExtraordinaryWorksDetailsBox {
                              display: grid;
                              margin: 0 auto;
                              margin-top: 20px;
                              width: 90%;
                              row-gap: 20px;
                              grid-template-columns: 20% 20% 20% 20% 20%;
                              padding: 10px;
                              align-items: center;
                            }

.ExtraordinaryWorksDetailsNoItem {
                                    padding: 20px 10px;
                                 }   

.ExtraordinaryWorksDetailsAction {
                                    padding: 20px 10px;
                                 }                        

.ExtraordinaryWorksDetailsActionButton {
                                        display: inline-block;
                                        border: 1.5px solid orangered;
                                        margin: 0;
                                        margin-right: 20px;
                                        padding: 2px 5px;
                                        font-size: 16px;
                                        color: orangered;
                                        background-color: inherit;
                                        border-radius: 6px;
                                      }

.ExtraordinaryWorksDetailsActionButton:hover {
                                                text-shadow: 0px 0px 6px orangered;
                                                box-shadow: 0px 0px 6px orangered;;
                                             }
                        
.ExtraordinaryWorksDetailsTitle {
                                text-align: left;
                                grid-row: 1;
                                grid-column: 1 / span 3;
                                padding: 10px 0px 10px 15px;
                                font-size: 16pt;
                                font-weight: 700;
                                color:#0A1626;
                                border-top: 1px solid #0A1626;
                                border-bottom: 1px solid #0A1626;
                                border-left: 1px solid #0A1626;
                                background-color: #0A162622;
  
                              }

.ExtraordinaryWorksDetailsCreate {
                                font-size: 12pt;
                                font-weight: normal;  
                                padding: 14px 4px; 
                                border-top: 1px solid #0A1626;
                                border-bottom: 1px solid #0A1626;
                                background-color: #0A162622;
                              }
     
.ExtraordinaryWorksDetailsLastModify {
                                     font-size: 12pt;
                                     font-weight: normal; 
                                     padding: 14px 4px; 
                                     border-top: 1px solid #0A1626;
                                     border-bottom: 1px solid #0A1626;
                                     border-right: 1px solid #0A1626;
                                     background-color: #0A162622;
                                   }
     
.ExtraordinaryWorksDetailsResolutionLabel {
                                           font-size: 12pt;
                                           font-weight: 700;
                                           text-align: right;
                                           padding-right: 10px;
                                          }

.ExtraordinaryWorksDetailsResolution {
                                       font-size: 14pt;
                                       font-weight: normal;
                                       grid-row: 2;
                                       grid-column: 2 / span 4;
                                       text-align: left;
                                       padding-left: 20px;
                                       border-left: 2px solid #0A1626;
                                     }

.ExtraordinaryWorksDetailsSpecificationsLabel {
                                      font-size: 12pt;
                                      font-weight: 700;
                                      text-align: right;
                                      padding-right: 10px;
                                     }

.ExtraordinaryWorksDetailsSpecifications {
                                            font-size: 14pt;
                                            font-weight: normal;
                                            grid-row: 3;
                                            grid-column: 2 / span 4;
                                            text-align: left;
                                            padding-left: 20px;
                                            border-left: 2px solid #0A1626;
                                          }

.ExtraordinaryWorksDetailsSpecificationsProfessional {
                                                        display: grid;
                                                        margin: 0 auto;
                                                        width: 100%;
                                                        margin: 12px 0;
                                                        padding-bottom: 8px;
                                                        grid-template-columns: 100%;
                                                        align-items: center;  
                                                     }

.ExtraordinaryWorksDetailsSpecificationsProfessionalName {
                                                            font-size: 12;
                                                            font-weight: 700;
                                                         }

.ExtraordinaryWorksDetailsSpecificationsTotalAmount {
                                                      font-size: 16pt;
                                                      font-weight: 500;
                                                      text-align: left;
                                                      color: #0A1626;
                                                    }

.ExtraordinaryWorksDetailsSpecificationsParzialAmount {
                                                        font-size: 14pt;
                                                        font-weight: 500;
                                                        text-align: left;
                                                        color: #0A1626;
                                                      }

.ExtraordinaryWorksDetailsSpecificationsFile { 
                                                width: -moz-fit-content;
                                                width: fit-content;
                                                padding: 2px 10px;
                                                font-size: 12;
                                             }

.ExtraordinaryWorksDetailsQTELabel {
                                      font-size: 12pt;
                                      font-weight: 700;
                                      text-align: right;
                                      padding-right: 10px;
                                    }
        
.ExtraordinaryWorksDetailsQTE {
                                font-size: 14pt;
                                font-weight: normal;
                                grid-row: 4;
                                grid-column: 2 / span 4;
                                text-align: left;
                                padding-left: 20px;
                                border-left: 2px solid #0A1626;
                              }
        
.ExtraordinaryWorksDetailsSpecificationsQTE {
                                              display: grid;
                                              margin: 0 auto;
                                              width: 100%;
                                              margin: 12px 0;
                                              padding-bottom: 8px;
                                              grid-template-columns: 100%;
                                              align-items: center;  
                                           }
        
.ExtraordinaryWorksDetailsQTETotalAmount {
                                            font-size: 16pt;
                                            font-weight: 500;
                                            text-align: left;
                                            color: #0A1626;
                                        }
        
.ExtraordinaryWorksDetailsQTEParzialAmount {
                                              font-size: 14pt;
                                              font-weight: 500;
                                              text-align: left;
                                              color: #0A1626;
                                           }
        
.ExtraordinaryWorksDetailsQTEFile { 
                                     width: -moz-fit-content;
                                     width: fit-content;
                                     padding: 2px 10px;
                                     font-size: 12;
                                  }

.ExtraordinaryWorksDetailsQuotesLabel {
                                  font-size: 12pt;
                                  font-weight: 700;
                                  text-align: right;
                                  padding-right: 10px;
                                 }

.ExtraordinaryWorksDetailsQuotes {
                              font-size: 14pt;
                              font-weight: normal;
                              grid-row: 5;
                              grid-column: 2 / span 4;
                              text-align: left;
                              padding-left: 20px;
                              border-left: 2px solid #0A1626;
                            }

.ExtraordinaryWorksDetailsQuotesBox {
                                      display: grid;
                                      margin: 0 auto;
                                      width: 100%;
                                      margin: 12px 0;
                                      padding-bottom: 8px;
                                      grid-template-columns: 10%  80% 10%;
                                      align-items: center;
                                      border-bottom: 3px solid #017777;
                                      border-right: 3px solid #017777;
                                      border-bottom-right-radius: 12px;
                                    }  
                                    
.ExtraordinaryWorksDetailsQuotesOrdinal {
                                          font-size: 45pt;
                                          font-weight: 700;
                                          grid-row: 1 / span 4;
                                          grid-column: 1 ;
                                          text-shadow: #017777 4px 4px 6px;
                                          text-align: center;
                                          color: #017777;
                                        } 

.ExtraordinaryWorksDetailsQuotesArtisanName {                 
                                              font-size: 12pt;
                                              font-weight: 600;
                                              grid-row: 1;
                                              grid-column: 2 ;
                                              text-align: left;
                                              color: #0A1626;
                                            }

.ExtraordinaryWorksDetailsQuotesTotalAmount {                 
                                         font-size: 16pt;
                                         font-weight: 500;
                                         grid-row: 2;
                                         grid-column: 2 ;
                                         text-align: left;
                                         color: #0A1626;
                                       }

.ExtraordinaryWorksDetailsQuotesPartialAmount {                 
                                        font-size: 14pt;
                                        font-weight: 500;
                                        grid-row: 3;
                                        grid-column: 2 ;
                                        text-align: left;
                                        color: #0A1626;
                                      }

.ExtraordinaryWorksDetailsQuoteFile { width: -moz-fit-content;
                                        width: fit-content;
                                        padding: 1px 10px;
                                        grid-row: 4;
                                        grid-column :2;
                                        font-size: 10pt;
                                      }

.ExtraordinaryWorksDetailsQuoteSelectedIcon {
                                              font-size: 30pt;
                                              font-weight: 500;
                                              grid-row: 1 / span 4;
                                              grid-column: 3 ;
                                              text-align: center;
                                              color: #017777;
                                            }    

.ExtraordinaryWorksDetailsQTEquoteLabel {
                                          font-size: 12pt;
                                          font-weight: 700;
                                          text-align: right;
                                          padding-right: 10px;
                                        }
                
.ExtraordinaryWorksDetailsQTEquote {
                                        font-size: 14pt;
                                        font-weight: normal;
                                        grid-row: 6;
                                        grid-column: 2 / span 4;
                                        text-align: left;
                                        padding-left: 20px;
                                        border-left: 2px solid #0A1626;
                                      }

.ExtraordinaryWorksDetailsCondominiumCostsLabel {
                                                 font-size: 12pt;
                                                 font-weight: 700;
                                                 text-align: right;
                                                 padding-right: 10px;
                                                }

.ExtraordinaryWorksDetailsCondominiumCosts {
                                            font-size: 14pt;
                                            font-weight: normal;
                                            grid-row: 7;
                                            grid-column: 2 / span 4;
                                            text-align: left;
                                            padding-left: 20px;
                                            border-left: 2px solid #0A1626;
                                           }

.ExtraordinaryWorksDetailsPrivateCostsLabel {
                                             font-size: 12pt;
                                             font-weight: 700;
                                             text-align: right;
                                             padding-right: 10px;
                                            }

.ExtraordinaryWorksDetailsPrivateCosts {
                                        font-size: 14pt;
                                        font-weight: normal;
                                        grid-row: 8;
                                        grid-column: 2 / span 4;
                                        text-align: left;
                                        padding-left: 20px;
                                        border-left: 2px solid #0A1626;
                                       }
     
.ExtraordinaryWorksDetailsWorksProgressLabel {
                                              font-size: 12pt;
                                              font-weight: 700;
                                              text-align: right;
                                              padding-right: 10px;
                                             }

.ExtraordinaryWorksDetailsWorksProgress {
                                          font-size: 14pt;
                                          font-weight: normal;
                                          grid-row: 9;
                                          grid-column: 2 / span 4;
                                          text-align: left;
                                          padding-left: 20px;
                                          border-left: 2px solid #0A1626;
                                        }

.ExtraordinaryWorksDetailsAction {
                                   font-size: 16pt;
                                 }

.ExtraordinaryWorksJobPrivateCostsBox {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 100%;
                                        margin: 12px 0;
                                        padding-bottom: 8px;
                                        grid-template-columns: 30% 30% 15% 25%;
                                        align-items: center;
                                      }

.ExtraordinaryWorksJobPrivateCostsTitleRU {
                                            font-size: 15pt;
                                            font-weight: 500;
                                            grid-row: 1;
                                            grid-column: 1;
                                            text-align: left;
                                            color: #0A1626;
                                          }

.ExtraordinaryWorksJobPrivateCostsTitleOwner {
                                            font-size: 15pt;
                                            font-weight: 500;
                                            grid-row: 1;
                                            grid-column: 2;
                                            text-align: left;
                                            color: #0A1626;
                                          }

.ExtraordinaryWorksJobPrivateCostsTitleValue {
                                            font-size: 15pt;
                                            font-weight: 500;
                                            grid-row: 1;
                                            grid-column: 3;
                                            text-align: center;
                                            color: #0A1626;
                                          }

.ExtraordinaryWorksJobPrivateCostsTitlePayment {
                                            font-size: 15pt;
                                            font-weight: 500;
                                            grid-row: 1;
                                            grid-column: 4;
                                            text-align: center;
                                            color: #0A1626;
                                          }

.ExtraordinaryWorksJobPrivateCostsRU {
                                       font-size: 12pt;
                                       text-align: left;
                                       color: #0A1626;
                                     }

.ExtraordinaryWorksJobPrivateCostsOwner {
                                         font-size: 12pt;
                                         text-align: left;
                                         color: #0A1626;
                                        }

.ExtraordinaryWorksJobPrivateCostsValue {
                                         font-size: 14pt;
                                         text-align: center;
                                         color: #0A1626;
                                        }

.ExtraordinaryWorksJobPrivateCostsPayment {
                                          font-size: 12pt;
                                          text-align: center;
                                          color: #0A1626;
                                         }

.ExtraordinaryWorksDetailsProgressStepBox {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          margin: 12px 0;
                                          padding-bottom: 8px;
                                          grid-template-columns: 10% 75% 15%;
                                          align-items: center;
                                          border: 3px solid #017777;
                                          border-radius: 12px;
                                        }  
                                        
.ExtraordinaryWorksDetailsProgressStepOrdinal {
                                              font-size: 45pt;
                                              font-weight: 700;
                                              grid-row: 1 / span 3;
                                              grid-column: 1 ;
                                              text-shadow: #017777 4px 4px 6px;
                                              text-align: center;
                                              color: #017777;
                                            } 
    
.ExtraordinaryWorksDetailsProgressStepDate {                 
                                                  font-size: 12pt;
                                                  font-weight: 600;
                                                  grid-row: 1;
                                                  grid-column: 2 ;
                                                  text-align: left;
                                                  color: #0A1626;
                                                }
    
.ExtraordinaryWorksDetailsProgressStepPercentage {
                                                   grid-row: 1 / span 3;
                                                   grid-column: 3 ;
                                                   text-align: center;
                                                 } 

.ExtraordinaryWorksDetailsProgressStepAmount {                 
                                             font-size: 16pt;
                                             font-weight: 500;
                                             grid-row: 2;
                                             grid-column: 2 ;
                                             text-align: left;
                                             color: #0A1626;
                                           }
    
.ExtraordinaryWorksDetailsProgressStepFile { 
                                            width: -moz-fit-content;
                                            width: fit-content;
                                            padding: 1px 10px;
                                            grid-row: 3;
                                            grid-column :2;
                                            font-size: 10pt;
                                          }

.UnavoidableWorksJobContainerM {
                                  display: block;
                                  position: relative;
                                  text-align: left;
                                  width: 60%;
                                  margin: 0 auto;
                                }
         
.UnavoidableWorksJobContainerXL {
                                  display: block;
                                  position: relative;
                                  text-align: left;
                                  width: 80%;
                                  margin: 0 auto;
                                }
         
.UnavoidableWorksJobContainerXXL {
                                             display: block;
                                             position: relative;
                                             text-align: left;
                                             width: 90%;
                                             margin: 0 auto;
                                           }
         
.UnavoidableWorksListNoitem {
                                          display: block;
                                          width: 80%;
                                          margin: 0 auto;
                                          padding: 20px;
                                          margin-top: 20px;
                                          margin-bottom: 20px;
                                          border: 1px solid #0A1626;
                                          border-bottom-right-radius: 15px;
                                          text-align: center;
                                          font-size: 16pt;
                                       }

.ExtraordinaryWorksJobCondominiumCostsBox {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 100%;
                                        margin: 12px 0;
                                        padding-bottom: 8px;
                                        grid-template-columns: 30%  30% 15% 25%;
                                        align-items: center;
                                      }

.ExtraordinaryWorksJobCondominiumCostsTitleRU {
                                            font-size: 15pt;
                                            font-weight: 500;
                                            grid-row: 1;
                                            grid-column: 1;
                                            text-align: left;
                                            color: #0A1626;
                                          }

.ExtraordinaryWorksJobCondominiumCostsTitleOwner {
                                            font-size: 15pt;
                                            font-weight: 500;
                                            grid-row: 1;
                                            grid-column: 2;
                                            text-align: left;
                                            color: #0A1626;
                                          }

.ExtraordinaryWorksJobCondominiumCostsTitleValue {
                                            font-size: 15pt;
                                            font-weight: 500;
                                            grid-row: 1;
                                            grid-column: 3;
                                            text-align: center;
                                            color: #0A1626;
                                          }

.ExtraordinaryWorksJobCondominiumCostsTitlePayment {
                                            font-size: 15pt;
                                            font-weight: 500;
                                            grid-row: 1;
                                            grid-column: 4;
                                            text-align: center;
                                            color: #0A1626;
                                          }

.ExtraordinaryWorksJobCondominiumCostsRU {
                                       font-size: 12pt;
                                       text-align: left;
                                       color: #0A1626;
                                     }

.ExtraordinaryWorksJobCondominiumCostsOwner {
                                         font-size: 12pt;
                                         text-align: left;
                                         color: #0A1626;
                                        }

.ExtraordinaryWorksJobCondominiumCostsValue {
                                         font-size: 12pt;
                                         text-align: center;
                                         color: #0A1626;
                                        }

.ExtraordinaryWorksJobCondominiumCostsPayment {
                                          font-size: 12pt;
                                          text-align: center;
                                          color: #0A1626;
                                         }
         
.UnavoidableWorksBox {
                       display: grid;
                                  margin: 0 auto;
                                  margin-top: 20px;
                                  width: 90%;
                                  grid-template-columns: 10% 40% 20% 20% 10%;
                                  padding: 10px;
                                  align-items: center;
                                  border: 1px solid #0A1626;
                                  border-bottom-right-radius: 20px;
                                }
         
.UnavoidableWorksIcon {
                                   text-align: center;
                                   font-size: 20px;
                                 }                      
         
.UnavoidableWorksTitle {
                                    text-align: left;
                                    font-size: 16pt;
                                    font-weight: 700;
                                    color:#0A1626;
                                  }
         
.UnavoidableWorksLastModify {
                                         font-size: 14pt;
                                         font-weight: normal;  
                                       }
         
.UnavoidableWorksState {
                                          font-size: 16pt;
                                       }
         
         
.UnavoidableWorksAction {
                                         font-size: 16pt;
                                      }
         
.UnavoidableWorksDetailsBox {
                                       display: grid;
                                       margin: 0 auto;
                                       margin-top: 20px;
                                       width: 90%;
                                       row-gap: 20px;
                                       grid-template-columns: 20% 20% 20% 20% 20%;
                                       padding: 10px;
                                       align-items: center;
                                     }
                                 
              
.UnavoidableWorksDetailsTitle {
                                         text-align: left;
                                         grid-row: 1;
                                         grid-column: 1 / span 3;
                                         padding: 10px 0px 10px 15px;
                                         font-size: 16pt;
                                         font-weight: 700;
                                         color:#0A1626;
                                         border-top: 1px solid #0A1626;
                                         border-bottom: 1px solid #0A1626;
                                         border-left: 1px solid #0A1626;
                                         background-color: #0A162622;
           
                                       }
         
.UnavoidableWorksDetailsCreate {
                                         font-size: 12pt;
                                         font-weight: normal;  
                                         padding: 14px 4px; 
                                         border-top: 1px solid #0A1626;
                                         border-bottom: 1px solid #0A1626;
                                         background-color: #0A162622;
                                       }
              
.UnavoidableWorksDetailsLastModify {
                                              font-size: 12pt;
                                              font-weight: normal; 
                                              padding: 14px 4px; 
                                              border-top: 1px solid #0A1626;
                                              border-bottom: 1px solid #0A1626;
                                              border-right: 1px solid #0A1626;
                                              background-color: #0A162622;
                                            }
              
.UnavoidableWorksDetailsResolutionLabel {
                                                    font-size: 12pt;
                                                    font-weight: 700;
                                                    text-align: right;
                                                    padding-right: 10px;
                                                   }
         
.UnavoidableWorksDetailsResolution {
                                                font-size: 14pt;
                                                font-weight: normal;
                                                grid-row: 3;
                                                grid-column: 2 / span 4;
                                                text-align: left;
                                                padding-left: 20px;
                                                border-left: 2px solid #0A1626;
                                              }

.UnavoidableWorksDetailsArtisanLabel {
                                                font-size: 12pt;
                                                font-weight: 700;
                                                text-align: right;
                                                padding-right: 10px;
                                               }
              
.UnavoidableWorksDetailsArtisan {
                                            font-size: 14pt;
                                            font-weight: normal;
                                            grid-row: 2;
                                            grid-column: 2 / span 4;
                                            text-align: left;
                                            padding-left: 20px;
                                            border-left: 2px solid #0A1626;
                                          }
         
.UnavoidableWorksDetailsInvoiceLabel {
                                           font-size: 12pt;
                                           font-weight: 700;
                                           text-align: right;
                                           padding-right: 10px;
                                          }
         
.UnavoidableWorksDetailsInvoice {
                                       font-size: 14pt;
                                       font-weight: normal;
                                       grid-row: 3;
                                       grid-column: 2 / span 4;
                                       text-align: left;
                                       padding-left: 20px;
                                       border-left: 2px solid #0A1626;
                                     }     
                                     
.UnavoidableWorksDetailsResolutionLabel {
                                      font-size: 12pt;
                                      font-weight: 700;
                                      text-align: right;
                                      padding-right: 10px;
                                     }
    
.UnavoidableWorksDetailsResolution {
                                  font-size: 14pt;
                                  font-weight: normal;
                                  grid-row: 4;
                                  grid-column: 2 / span 4;
                                  text-align: left;
                                  padding-left: 20px;
                                  border-left: 2px solid #0A1626;
                                }  
         
.UnavoidableWorksDetailsCondominiumCostsLabel {
                                                          font-size: 12pt;
                                                          font-weight: 700;
                                                          text-align: right;
                                                          padding-right: 10px;
                                                         }
         
.UnavoidableWorksDetailsCondominiumCosts {
                                                     font-size: 14pt;
                                                     font-weight: normal;
                                                     grid-row: 5;
                                                     grid-column: 2 / span 4;
                                                     text-align: left;
                                                     padding-left: 20px;
                                                     border-left: 2px solid #0A1626;
                                                    }
              
.UnavoidableWorksDetailsWorksProgressLabel {
                                                       font-size: 12pt;
                                                       font-weight: 700;
                                                       text-align: right;
                                                       padding-right: 10px;
                                                      }
         
.UnavoidableWorksDetailsWorksProgress {
                                                   font-size: 14pt;
                                                   font-weight: normal;
                                                   grid-row: 7;
                                                   grid-column: 2 / span 4;
                                                   text-align: left;
                                                   padding-left: 20px;
                                                   border-left: 2px solid #0A1626;
                                                 }
         
.UnavoidableWorksDetailsAction {
                                            font-size: 16pt;
                                          }
         
.UnavoidableWorksJobPrivateCostsBox {
                                                 display: grid;
                                                 margin: 0 auto;
                                                 width: 100%;
                                                 margin: 12px 0;
                                                 padding-bottom: 8px;
                                                 grid-template-columns: 30%  40% 30%;
                                                 align-items: center;
                                               }
         
.UnavoidableWorksJobPrivateCostsTitleRU {
                                                     font-size: 15pt;
                                                     font-weight: 500;
                                                     grid-row: 1;
                                                     grid-column: 1;
                                                     text-align: left;
                                                     color: #0A1626;
                                                   }
         
.UnavoidableWorksJobPrivateCostsTitleOwner {
                                                     font-size: 15pt;
                                                     font-weight: 500;
                                                     grid-row: 1;
                                                     grid-column: 2;
                                                     text-align: left;
                                                     color: #0A1626;
                                                   }
         
.UnavoidableWorksJobPrivateCostsTitleValue {
                                                     font-size: 15pt;
                                                     font-weight: 500;
                                                     grid-row: 1;
                                                     grid-column: 3;
                                                     text-align: center;
                                                     color: #0A1626;
                                                   }
         
.UnavoidableWorksJobPrivateCostsRU {
                                                font-size: 12pt;
                                                text-align: left;
                                                color: #0A1626;
                                              }
         
.UnavoidableWorksJobPrivateCostsOwner {
                                                  font-size: 12pt;
                                                  text-align: left;
                                                  color: #0A1626;
                                                 }
         
.UnavoidableWorksJobPrivateCostsValue {
                                                  font-size: 14pt;
                                                  text-align: center;
                                                  color: #0A1626;
                                                 }
         
.UnavoidableWorksDetailsProgressStepBox {
                                                   display: grid;
                                                   margin: 0 auto;
                                                   width: 100%;
                                                   margin: 12px 0;
                                                   padding-bottom: 8px;
                                                   grid-template-columns: 10%  90%;
                                                   align-items: center;
                                                   border: 3px solid #017777;
                                                   border-radius: 12px;
                                                 }  
                                                 
.UnavoidableWorksDetailsProgressStepOrdinal {
                                                       font-size: 45pt;
                                                       font-weight: 700;
                                                       grid-row: 1 / span 3;
                                                       grid-column: 1 ;
                                                       text-shadow: #017777 4px 4px 6px;
                                                       text-align: center;
                                                       color: #017777;
                                                     } 
             
.UnavoidableWorksDetailsProgressStepDate {                 
                                                           font-size: 12pt;
                                                           font-weight: 600;
                                                           grid-row: 1;
                                                           grid-column: 2 ;
                                                           text-align: left;
                                                           color: #0A1626;
                                                         }
             
.UnavoidableWorksDetailsProgressStepAmount {                 
                                                      font-size: 16pt;
                                                      font-weight: 500;
                                                      grid-row: 2;
                                                      grid-column: 2 ;
                                                      text-align: left;
                                                      color: #0A1626;
                                                    }
             
.UnavoidableWorksDetailsProgressStepFile { 
                                           width: -moz-fit-content;
                                           width: fit-content;
                                           background-color: #0A1626;
                                           padding: 1px 10px;
                                           grid-row: 3;
                                           grid-column :2;
                                           color: white;
                                           font-size: 10pt;
                                           font-weight: 600;
                                           border-radius: 5px;
                                         }

.ShowcaseListContainer {
                         display: grid;
                         margin: 0 auto;
                         margin-top: 12px;
                         width: 80%;
                         row-gap: 8px;
                         column-gap: 8px;
                         grid-template-columns: 50% 50%;
                         align-items: center;
                       }

.ShowcaseListBox {
                  display: grid;
                  margin: 0 auto;
                  width: 100%;
                  padding: 8px;
                  grid-template-columns: 25% 25% 25% 25%;
                  align-items: center;
                  border: 2px solid #0A1626;
                  border-radius: 12px;
                  box-shadow: 2px 2px 4px #0A1626;
                 }

.ShowcaseListTitle {
                    font-size: 14pt;
                    font-weight: 700;
                    grid-row: 1;
                    grid-column: 1 / span 4;
                    text-align: left;
                    color: #0A1626;
                   }

.ShowcaseListAuthor {
                     font-size: 11pt;
                     font-weight: 500;
                     grid-row: 2;
                     grid-column: 1 / span 2;
                     text-align: left;
                     color: #0A1626;
                    }

.ShowcaseListLastUpdate {
                         font-size: 11pt;
                         font-weight: 500;
                         grid-row: 2;
                         grid-column: 3 / span 2;
                         text-align: left;
                         color: #0A1626;
                        }

.ShowcaseListDescription {
                          font-size: 12pt;
                          grid-row: 3;
                          grid-column: 1 / span 4;
                          white-space: nowrap;
                          overflow: hidden;
                          text-overflow: ellipsis;
                          text-align: left;
                          color: #0A1626;
                         }

.ShowcaseListView {
                    font-size: 9pt;
                    font-weight: 700;
                    grid-row: 4;
                    grid-column: 1 / span 4;
                    text-align: right;
                    color: #0A1626;
                  }

.ShowcaseListActionEdit {
                     font-size: 14pt;
                     font-weight: 500;
                     grid-row: 5;
                     grid-column: 1;
                     text-align: center;
                    }

.ShowcaseListActionView {
                         font-size: 14pt;
                         font-weight: 500;
                         grid-row: 5;
                         grid-column: 2;
                         text-align: center;
                        }

.ShowcaseListActionDelete {
                         font-size: 14pt;
                         font-weight: 500;
                         grid-row: 5;
                         grid-column: 3;
                         text-align: center;
                        }

.ShowcaseViewBox {
                   display: grid;
                   margin: 0 auto;
                   margin-top: 20px;
                   width: 70%;
                   padding: 8px;
                   grid-template-columns: 50% 50%;
                   align-items: center;
                   border: 2px solid #0A1626;
                   border-radius: 12px;
                   box-shadow: 2px 2px 4px #0A1626;
                  }
        
.ShowcaseViewTitle {
                     font-size: 14pt;
                     font-weight: 700;
                     grid-row: 1;
                     grid-column: 1 / span 2;
                     text-align: left;
                     color: #0A1626;
                    }
        
.ShowcaseViewAuthor {
                      font-size: 11pt;
                      font-weight: 500;
                      grid-row: 2;
                      grid-column: 1;
                      text-align: left;
                      color: #0A1626;
                    }
        
.ShowcaseViewLastUpdate {
                          font-size: 11pt;
                          font-weight: 500;
                          grid-row: 2;
                          grid-column: 2;
                          text-align: left;
                          color: #0A1626;
                         }
        
.ShowcaseViewDescription {
                           font-size: 12pt;
                           grid-row: 3;
                           grid-column: 1 / span 2;
                           white-space: pre;
                           word-wrap: normal;
                           text-align: justify;
                           color: #0A1626;
                         }

.ShowcaseViewAttachment {
                          grid-row: 4;
                          grid-column: 1 / span 2;
                          text-align: left;
                          color: #0A1626;
                        }
        
.AdvisorListContainer {
                          display: grid;
                          margin: 0 auto;
                          margin-top: 20px;
                          width: 80%;
                          row-gap: 12px;
                          column-gap: 12px;
                          grid-template-columns: 50% 50%;
                          align-items: center;
                        }
 
.AdvisorListBox {
                   display: grid;
                   margin: 0 auto;
                   width: 100%;
                   padding: 8px;
                   grid-template-columns: 25% 25% 25% 25%;
                   align-items: center;
                   border: 2px solid #0A1626;
                   border-radius: 12px;
                   box-shadow: 2px 2px 4px #0A1626;
                  }

.AdvisorListIcon {
                   font-size: 15pt;
                   font-weight: 600;
                   grid-row: 1 / span 2;
                   grid-column: 1;
                   text-align: center;
                   font-size: 32pt;
                   color: #0A1626;
                 }

.AdvisorListName {
                   font-size: 15pt;
                   font-weight: 600;
                   font-size: 18pt;
                   grid-row: 1;
                   grid-column: 2 / span 3;
                   text-align: center;
                   color: #0A1626;
                 }

.AdvisorListStart {
                  font-size: 15pt;
                  font-weight: 500;
                  grid-row: 2;
                  grid-column: 2 / span 3;
                  text-align: center;
                  color: #0A1626;
                 }

.AdvisorListActionSwap {
                  font-size: 15pt;
                  font-weight: 500;
                  grid-row: 3;
                  grid-column: 1 / span 2;
                  text-align: center;
                  color: #0A1626;
                 }

.AdvisorListActionDelete {
                    font-size: 15pt;
                    font-weight: 500;
                    grid-row: 3 ;
                    grid-column: 3 / span 2;
                    text-align: center;
                    color: #0A1626;
                   }

.AdvisorMeetingContainer {
                       display: grid;
                       margin: 0 auto;
                       margin-top: 20px;
                       width: 80%;
                       column-gap: 20px;
                       grid-template-columns: 50% 50%;
                       align-items: center;
                      }

.AdvisorMeetingNew {
                     font-weight: 500;
                     grid-row: 1;
                     grid-column: 1;
                     text-align: center;
                   }

.AdvisorMeetingList {
                      font-weight: 500;
                      grid-row: 1;
                      grid-column: 2;
                      text-align: center;
                    }

.AdvisorMeetingListBox {
                  display: grid;
                  margin: 0 auto;
                  margin-top: 5px;
                  width: 80%;
                  padding: 8px;
                  grid-template-columns: 20% 59% 7% 7% 7%;
                  align-items: center;
                  border:1px solid #0A1626;
                  border-radius: 12px;
                }

.AdvisorMeetingListDate {
                          font-size: 12pt;
                          font-weight: 500;
                          grid-column: 1;
                          text-align: center;
                          color: #0A1626;
                        }

.AdvisorMeetingListTitle {
                          font-size: 14pt;
                          font-weight: 500;
                          grid-column: 2;
                          text-align: left;
                          color: #0A1626;
                        }

.AdvisorMeetingListActionView {
                               font-weight: 500;
                               grid-column: 3;
                               text-align: center;
                              }

.AdvisorMeetingListActionEdit {
                                font-weight: 500;
                                grid-column: 4;
                                text-align: center;
                               }

.AdvisorMeetingListActionDelete {
                                font-weight: 500;
                                grid-column: 5;
                                text-align: center;
                               }

.AdvisorMeetingViewBox {
                         display: block;
                         position: relative;
                         width: 70%;
                         margin: 0 auto;
                         margin-top: 15px;
                         padding: 8px;
                         text-align: center;
                         border: 2px solid #0A1626;
                       }

.AdvisorMeetingViewTitle {
                           display: block;
                           position: relative;
                           width: 100%;
                           text-align: center;
                           font-size: 16pt;
                           font-weight: 700;
                         }

.AdvisorMeetingViewDate {
                          display: block;
                          position: relative;
                          width: 100%;
                          text-align: center;
                          font-size: 12pt;
                          font-weight: 500;
                        }


.AdvisorMeetingViewDescription {
                          display: block;
                          position: relative;
                          width: 100%;
                          text-align: justify;
                          font-size: 12pt;
                        }

.ManageArtisanContainer {
                          display: grid;
                          margin: 0 auto;
                          margin-top: 20px;
                          width: 90%;
                          row-gap: 12px;
                          column-gap: 12px;
                          grid-template-columns: 50% 50%;
                          align-items: center;
                        }

.ManageArtisanNew {
                    font-weight: 500;
                    grid-row: 1;
                    grid-column: 1;
                    text-align: center;
                  }
     
.ManageArtisanSwap {
                     font-weight: 500;
                     grid-row: 1;
                     grid-column: 2;
                     text-align: center;
                   }
 
.ManageArtisanListBox {
                        display: grid;
                        margin: 0 auto;
                        margin-top: 8px;
                        width: 85%;
                        padding: 8px;
                        grid-template-columns: 20% 40% 16% 8% 8% 8%;
                        align-items: center;
                        border: 2px solid #0A1626;
                        border-radius: 12px;
                      }

.ManageArtisanListNoItem {
                           font-size: 13pt;
                           font-weight: 500;
                           grid-column: 1 / span 6;
                           text-align: center;
                           color: #0A1626;
                         }

.ManageArtisanListType {
                         font-size: 11pt;
                         font-weight: 500;
                         grid-column: 1;
                         text-align: center;
                         color: #0A1626;
                       }

.ManageArtisanListName {
                         font-size: 12pt;
                         font-weight: 500;
                         grid-column: 2;
                         text-align: left;
                         color: #0A1626;
                       }

.ManageArtisanListDate {
                        font-size: 10pt;
                        font-weight: 500;
                        grid-column: 3;
                        text-align: center;
                        color: #0A1626;
                      }

.ManageArtisanListActionView {
                               font-weight: 500;
                               grid-column: 4;
                               text-align: center;
                             }

.ManageArtisanListActionEdit {
                               font-weight: 500;
                               grid-column: 5;
                               text-align: center;
                             }

.ManageArtisanListActionDelete {
                                 font-weight: 500;
                                 grid-column: 6;
                                 text-align: center;
                               }

.ManageArtisanDetailsContainer {
                                 display: block;
                                 position: relative;
                                 width: 80%;
                                 margin: 0 auto;
                                }

.ManageArtisanDetailsInfoBox,
.ManageArtisanDetailsAddressBox,
.ManageArtisanDetailsContactBox {
                                 display: grid;
                                 margin: 0 auto;
                                 margin-top: 20px;
                                 width: 100%;
                                 row-gap: 5px;
                                 column-gap: 15px;
                                 grid-template-columns: 20% 80%;
                                 align-items: center;
                                }

.ManageArtisanDetailsName {
                            font-size: 13pt;
                            font-weight: 700;
                            grid-column: 1 / span 2;
                            text-align: center;
                            color: #0A1626;
                          }

.ManageArtisanDetailsVat {
                           font-size: 11pt;
                           font-weight: 500;
                           font-style: italic;
                           grid-column: 1 / span 2;
                           text-align: center;
                           color: #0A1626;
                         }
                         
.ManageArtisanDetailsAddressLabel {
                                    font-size: 11pt;
                                    font-weight: 700;
                                    grid-column: 1;
                                    grid-row: 1 / span 2;
                                    text-align: right;
                                    color: #0A1626;
                                  }

.ManageArtisanDetailsAddressFirstline {
                                        font-size: 11pt;
                                        grid-column: 2;
                                        grid-row: 1;
                                        text-align: left;
                                        color: #0A1626;
                                      }
              
.ManageArtisanDetailsAddressSecondline {
                                         font-size: 11pt;
                                         grid-column: 2;
                                         grid-row: 2;
                                         text-align: left;
                                         color: #0A1626;
                                       }

.ManageArtisanDetailsContactType {
                                   font-size: 11pt;
                                   font-weight: 700;
                                   grid-column: 1;
                                   text-align: right;
                                   color: #0A1626;
                                 }

.ManageArtisanDetailsContactValue {
                                    font-size: 11pt;
                                    grid-column: 2;
                                    text-align: left;
                                    color: #0A1626;
                                  }

.ManageArtisanEditContainer {
                              display: block;
                              position: relative;
                              width: 80%;
                              margin: 0 auto;
                            }
   
.ManageArtisanEditInfoBox,
.ManageArtisanEditAddressBox,
.ManageArtisanEditContactBox {
                               display: grid;
                               margin: 0 auto;
                               margin-top: 20px;
                               width: 100%;
                               row-gap: 5px;
                               column-gap: 15px;
                               grid-template-columns: 20% 60% 20%;
                               align-items: center;
                             }
   
.ManageArtisanEditName {
                         font-size: 13pt;
                         font-weight: 700;
                         grid-column: 1 / span 2;
                         text-align: center;
                         color: #0A1626;
                       }

.ManagerArtisanEditNameAction {
                                font-size: 13pt;
                                grid-column: 3;
                                grid-row: 1 / span 2;
                                text-align: center;
                                color: #0A1626;
                              }
   
.ManageArtisanEditVat {
                        font-size: 11pt;
                        font-weight: 500;
                        font-style: italic;
                        grid-column: 1 / span 2;
                        text-align: center;
                        color: #0A1626;
                      }
                            
.ManageArtisanEditAddressLabel {
                                 font-size: 11pt;
                                 font-weight: 700;
                                 grid-column: 1;
                                 grid-row: 1 / span 2;
                                 text-align: right;
                                 color: #0A1626;
                               }
   
.ManageArtisanEditAddressFirstline {
                                     font-size: 11pt;
                                     grid-column: 2;
                                     grid-row: 1;
                                     text-align: left;
                                     color: #0A1626;
                                   }

.ManagerArtisanEditAddressAction {
                                   font-size: 13pt;
                                   grid-column: 3 / span 2;
                                   text-align: center;
                                   color: #0A1626;
                                 }
                 
.ManageArtisanEditAddressSecondline {
                                      font-size: 11pt;
                                      grid-column: 2;
                                      grid-row: 2;
                                      text-align: left;
                                      color: #0A1626;
                                    }
   
.ManageArtisanEditContactType {
                                font-size: 11pt;
                                font-weight: 700;
                                grid-column: 1;
                                text-align: right;
                                color: #0A1626;
                              }
   
.ManageArtisanEditContactValue {
                                 font-size: 11pt;
                                 grid-column: 2;
                                 text-align: left;
                                 color: #0A1626;
                               }

.ManagerArtisanEditContactAction {
                                   font-size: 13pt;
                                   grid-column: 3;
                                   text-align: center;
                                   color: #0A1626;
                                 }

.OrganizerAppointmentSelectMonthBox {
                                      display: grid;
                                      position: relative;
                                      margin: 0 auto;
                                      margin-top: 20px;
                                      width: 80%;
                                      grid-template-columns: 15% 40% 30% 15%;
                                      align-items: center;
                                    }

select.OrganizerAppointmentSelectMonth {
                                         display: inline-block;
                                         appearance: none;
                                         position: relative;
                                         text-align: center;
                                         width: 100%;
                                         padding: 8px;
                                         color: #222255;
                                         background-color: white;
                                         font-family: "Benjamin Gothic Pro";
                                         font-size: 22px;
                                         text-transform: uppercase;
                                         border: none;
                                        }

select.OrganizerAppointmentSelectMonth * {
                                          font-size: 15px;
                                          text-transform: none;
                                         }

select.OrganizerAppointmentSelectMonth:hover {
                                               cursor: pointer; 
                                             }

select.OrganizerAppointmentSelectMonth:focus {
                                               outline: none;
                                             }

.OrganizerAppointmentPreviousButton,
.OrganizerAppointmentNextButton {
                                  border: none;
                                  background-color: white;
                                  font-size: 18pt;
                                }
                 
.OrganizerAppointmentBox {
                          display: grid;
                          position: relative;
                          margin: 0 auto;
                          margin-top: 20px;
                          width: 90%;
                          row-gap: 3px;
                          column-gap: 2px;
                          grid-template-columns: 14% 14% 14% 14% 14% 14% 14%;
                          align-items: flex-start;
                         }

.OrganizerAppointmentDayName {
                               position: relative;
                               color: #0A1626;  
                               border: 1.5px solid #0A1626;
                               text-align: center;
                               padding-right: 5px;
                               font-size: 9pt;
                               font-weight: 600;
                             }

.OrganizerAppointmentDayNameFestive {
                                      position: relative;
                                      color: #BF0505;   
                                      border: 1.5px solid #BF0505;  
                                      text-align: center;
                                      padding-right: 5px;
                                      font-size: 9pt;
                                      font-weight: 600;
                                    }

.OrganizerAppointmentItem { 
                            position: relative;
                            color: #0A1626;  
                            border: 1.5px solid #0A1626;
                            min-height: 100px;
                            text-align: left;
                            padding-right: 5px;
                            font-size: 8pt;
                          }

.OrganizerAppointmentItemToday { 
                                 background-color: #0A162611;
                               }

.OrganizerAppointmentItemNumber {
                                  display: block;
                                  position: absolute;
                                  top: 0;
                                  right: 0;
                                  width: 18px;
                                  color: #0A1626;
                                  text-align: center;
                                  font-weight: 600;
                                }

.OrganizerAppointmentItemNumberToday {
                                      display: block;
                                      position: absolute;
                                      top: 0;
                                      right: 0;
                                      width: 18px;
                                      background-color: #0A1626;
                                      color: white;
                                      text-align: center;
                                      font-weight: 600;
                                      border-bottom-left-radius: 5px;
                                     }

.OrganizerAppointmentItemFestive { 
                                   position: relative;
                                   color: #BF0505;  
                                   border: 1.5px solid #BF0505;
                                   min-height: 100px;
                                   text-align: right;
                                   padding-right: 5px;
                                   font-size: 8pt;
                                 }

.OrganizerAppointmentItemFestiveToday { 
                                        background-color: #BF050511;
                                      }
      
.OrganizerAppointmentItemNumberFestive {
                                         display: block;
                                         position: absolute;
                                         top: 0;
                                         right: 0;
                                         width: 18px;
                                         color: #BF0505;
                                         text-align: center;
                                         font-weight: 600;
                                       }

.OrganizerAppointmentItemNumberFestiveToday {
                                              display: block;
                                              position: absolute;
                                              top: 0;
                                              right: 0;
                                              width: 18px;
                                              background-color: #BF0505;
                                              color: white;
                                              text-align: center;
                                              font-weight: 600;
                                              border-bottom-left-radius: 5px;
                                             }

.OrganizerAppointmentItemDayList {
                                   display: block;
                                   position: relative;
                                   width: 100%;
                                   margin-top: 18px;
                                 }

.OrganizerAppointmentItemForm {
                                display: inline-block;
                                position: relative;
                                margin-bottom: 3px;
                                width: 95%;
                                background-color: inherit;
                              }

.OrganizerAppointmentItemButton {
                                  display: block;
                                  width: 100%;
                                  margin-left: 5px;
                                  border: none;
                                  color: #0A1626;
                                  text-align: left;
                                  font-size: 8pt;
                                  background-color: inherit;
                                  line-height: normal;
                                }

.OrganizerAppointmentItemTime {
                                font-size: 7pt;
                                font-weight: 700;
                                color: inherit;
                              }

.OrganizerAppointmentItemIcon  {
                                 font-size: 5pt;
                                 color: #0A162666;
                               }

.OrganizerAppointmentItemButton:hover {
                                        text-shadow: 0px 0px 5px orangered;
                                      }

.OrganizerAppointmentItemDisabled { 
                                    position: relative;
                                    color: #bebebe;  
                                    border: 1.5px solid #bebebe;
                                    min-height: 100px;
                                    text-align: right;
                                    padding-right: 5px;
                                    font-size: 8pt;
                                  }

.OrganizerAppointmentItemNumberDisabled {
                                          display: block;
                                          position: absolute;
                                          top: 0;
                                          right: 0;
                                          width: 18px;
                                          color: #bebebe;
                                          text-align: center;
                                          font-weight: 600;
                                        }

.ManageArchiveSearchBox {
                          display: grid;
                          position: relative;
                          margin: 0 auto;
                          margin-top: 20px;
                          width: 80%;
                          column-gap: 2px;
                          grid-template-columns: 15% 35% 15% 35%;
                          align-items: center;
                        }

.ManageArchiveSearchLabel {
                            position: relative;
                            text-align: right;
                            padding-right: 5px;
                            font-size: 15pt;
                            font-weight: 700;
                            color: #0A1626;
                          }

.ManageArchiveSearchInput {
                            position: relative;
                            font-size: 16pt;
                          }

.ManageArchiveSearchButtonSubmit {
                                    position: relative;
                                    align-items: center;
                                    grid-column: 1 / span 4;
                                  }

.ManageArchiveTypeTitle {
                          display: inline-block;
                          padding: 2px 8px;
                          background-color: orangered;
                          color: white;
                          font-weight: 600;
                          border-radius: 8px;
                        }

.OrganizerEventDetailsBox {
                            display: grid;
                            position: relative;
                            margin: 0 auto;
                            margin-top: 20px;
                            width: 80%;
                            row-gap: 6px;
                            column-gap: 4px;
                            grid-template-columns: 20% 20% 20% 20% 20%;
                            align-items: center;
                            border: 1px solid #0A1626;
                            border-radius: 10px;
                         }

.OrganizerEventDetailsTitle {
                              position: relative;
                              align-items: center;
                              grid-column: 1 / span 5;
                              font-size: 16pt;
                              font-weight: 600;
                              text-align: center;
                            }

.OrganizerEventDetailsDateIcon {
                                 position: relative;
                                 align-items: center;
                                 grid-column: 1 ;
                                 font-size: 14pt;
                                 text-align: right;
                               }

.OrganizerEventDetailsDate {
                              position: relative;
                              align-items: center;
                              grid-column: 2 / span 5;
                              font-size: 16pt;
                              font-weight: 400;
                              text-align: left;
                              border-left: 2pt solid #0A1626;
                              padding-left: 3px;
                            }

.OrganizerEventDetailsTimeIcon {
                                 position: relative;
                                 align-items: center;
                                 grid-column: 1 ;
                                 font-size: 14pt;
                                 text-align: right;
                               }

.OrganizerEventDetailsTime {
                              position: relative;
                              align-items: center;
                              grid-column: 2 / span 5;
                              text-align: left;
                              border-left: 2pt solid #0A1626;
                              padding-left: 3px;
                            }

.OrganizerEventDetailsTimeStart {
                                  font-size: 18pt;
                                }

.OrganizerEventDetailsTimeEnd {
                                font-size: 18pt;
                              }

.OrganizerEventDetailsTimeIcont {
                                  font-size: 18pt;
                                }

.OrganizerEventDetailsPlaceIcon {
                                  position: relative;
                                  align-items: center;
                                  grid-column: 1 ;
                                  font-size: 14pt;
                                  text-align: right;
                                }
.OrganizerEventDetailsPlace {
                              position: relative;
                              align-items: center;
                              grid-column: 2 / span 5;
                              font-size: 14pt;
                              font-weight: 500;
                              text-align: left;
                              border-left: 2pt solid #0A1626;
                              padding-left: 3px;
                            }

.OrganizerEventDetailsNoteIcon {
                                position: relative;
                                align-items: center;
                                grid-column: 1 ;
                                font-size: 14pt;
                                text-align: right;
                               }

.OrganizerEventDetailsNote {
                              position: relative;
                              align-items: center;
                              grid-column: 2 / span 5;
                              font-size: 12pt;
                              font-weight: normal;
                              text-align: left;
                              border-left: 2pt solid #0A1626;
                              padding-left: 3px;
                            }

.OrganizerEventDetailsActionEdit {
                                   position: relative;
                                   align-items: center;
                                   grid-column: 1;
                                   text-align: center;
                                 }

.OrganizerEventDetailsActionDelete {
                                     position: relative;
                                     align-items: center;
                                     grid-column: 2;
                                     text-align: center;
                                   }

.OrganizerAppointmentSelectWeekBox {
                                     display: grid;
                                     position: relative;
                                     margin: 0 auto;
                                     margin-top: 20px;
                                     width: 80%;
                                     grid-template-columns: 15% 70% 15%;
                                     align-items: center;
                                   }

.OrganizerAppointmentSelectWeekSelected {
                                          text-align: center;
                                          font-size: 16pt;
                                        }

.OrganizerWeekAppointmentItemFestive {
                                       display: grid;
                                       position: relative;
                                       margin: 0 auto;
                                       margin-top: 15px;
                                       width: 80%;
                                       border: 1.5px solid #BF0505;
                                       color: #BF0505;
                                       grid-template-columns: 70% 10%;
                                       align-items: center;
                                     }

.OrganizerWeekAppointmentItemFestiveToday {
                                            background-color: #BF050511;
                                          }

.OrganizerWeekAppointmentItemNumberFestiveToday {
                                                  color: white;
                                                  background-color: #BF0505;
                                                  text-align: left;
                                                  padding-left: 8px;
                                                  font-size: 14pt;
                                                  font-weight: 600;
                                                  border-bottom: 1.5px solid #BF0505;
                                                  border-right: 1.5px solid #BF0505;
                                                  border-bottom-right-radius: 15px;
                                                  grid-column: 1;
                                                }

.OrganizerWeekAppointmentItemNumberFestive {
                                             color: #BF0505;
                                             text-align: left;
                                             padding-left: 8px;
                                             font-size: 14pt;
                                             font-weight: 600;
                                             border-bottom: 1.5px solid #BF0505;
                                             border-right: 1.5px solid #BF0505;
                                             border-bottom-right-radius: 15px;
                                             grid-column: 1;
                                           }

.OrganizerWeekAppointmentItem {
                                display: grid;
                                position: relative;
                                margin: 0 auto;
                                margin-top: 15px;
                                width: 80%;
                                border: 1.5px solid #0A1626;
                                color: #0A1626;
                                grid-template-columns: 70% 10%;
                                align-items: center;
                              }
     
.OrganizerWeekAppointmentItemToday {
                                     background-color: #0A162611;
                                   }
     
.OrganizerWeekAppointmentItemNumberToday {
                                           color: white;
                                           background-color: #0A1626;
                                           text-align: left;
                                           padding-left: 8px;
                                           font-size: 14pt;
                                           font-weight: 600;
                                           border-bottom: 1.5px solid #0A1626;
                                           border-right: 1.5px solid #0A1626;
                                           border-bottom-right-radius: 15px;
                                           grid-column: 1;
                                         }
     
.OrganizerWeekAppointmentItemNumber {
                                      color: #0A1626;
                                      text-align: left;
                                      padding-left: 8px;
                                      font-size: 14pt;
                                      font-weight: 600;
                                      border-bottom: 1.5px solid #0A1626;
                                      border-right: 1.5px solid #0A1626;
                                      border-bottom-right-radius: 15px;
                                      grid-column: 1;
                                    }

.OrganizerWeekAppointmentItemDayList {
                                       min-height: 80px;
                                       grid-column: 1 / span 2;
                                     }

.OrganizerWeekAppointmentItemButton {
                                      display: block;
                                      width: 100%;
                                      margin-left: 5px;
                                      border: none;
                                      color: #0A1626;
                                      text-align: left;
                                      font-size: 10pt;
                                      background-color: inherit;
                                      line-height: normal;
                                    }
    
.OrganizerWeekAppointmentItemTime {
                                    font-size: 9pt;
                                    font-weight: 700;
                                    color: inherit;
                                  }
    
.OrganizerWeekAppointmentItemIcon  {
                                     font-size: 7pt;
                                     color: #0A162666;
                                   }
    
.OrganizerWeekAppointmentItemButton:hover {
                                            text-shadow: 0px 0px 5px orangered;
                                          }

.ManageBalanceChooseButtonBox {
                             display: block;
                             width: 80%;
                             margin: 0 auto;
                             text-align: center;
                           }

.ManageBalanceChooseButton {
                             display: table-cell;
                             position: relative;
                             width: 200px;
                             height: 120px;
                             margin: 15px 10px 0 10px;                  
                             padding-bottom: 10px;
                             padding-top: 5px;
                             vertical-align: middle;
                             color: #222255;
                             background-color: white;
                             border: 3px solid #222255;
                             border-radius: 15px;                                                        
                             cursor: pointer;
                           }
                                                     
.ManageBalanceChooseButton:hover {
                                   color: orangered;
                                   background-color: #ffffff;
                                   border: 3px solid orangered;
                                 }

.ManageBalanceChooseTextName {
                               display: inline-block;
                               position: relative;
                               margin: 0 auto;
                               margin-top: 10px;
                               padding: 0;
                               font-family: "Benjamin Gothic Pro";
                               font-size: 14px;
                               font-weight: 500;
                               text-transform: uppercase;
                             }

.ManageBalanceBuilderRiductionListBox {
                                      display: grid;
                                      margin: 0 auto;
                                      width: 90%;
                                      grid-template-columns: 100%; 
                                      row-gap: 12px;
                                      padding: 10px;
                                      align-items: center;
                                    }

.ManageBalanceBuilderRiductionListRowTitle {
                                            display: grid;
                                            margin: 0 auto;
                                            width: 100%;
                                            grid-template-columns: 10% 10% 22% 10% 15% 20% 13%; 
                                            row-gap: 12px;
                                            padding: 10px;
                                            align-items: center;
                                            color: #093950;
                                            background-color: #09395055;
                                          }
           
.ManageBalanceBuilderRiductionListRow {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 100%;
                                        grid-template-columns: 10% 10% 22% 10% 15% 20% 13%; 
                                        row-gap: 12px;
                                        padding: 10px;
                                        align-items: center;
                                        color: #093950;
                                        background-color: #09395022;
                                     }

.ManageBalanceBuilderRiductionListFloor {
                                        text-align: center;
                                       }

.ManageBalanceBuilderRiductionListStaircase {
                                             text-align: center;
                                           }
         
.ManageBalanceBuilderRiductionListIdentifiedCode {
                                                  text-align: center;
                                                }
                  
.ManageBalanceBuilderRiductionListType {
                                        text-align: center;
                                      }

.ManageBalanceBuilderRiductionListIconType {
                                            font-size: 20pt;
                                            margin-top: 5px;
                                          }
         
.ManageBalanceBuilderRiductionListPercentage {
                                              text-align: center;
                                              font-size: 14pt;
                                            }
         
.ManageBalanceBuilderRiductionListLastmodify {
                                              text-align: center;
                                            }
        
.ManageBalanceBuilderRiductionListAction {
                                          text-align: center;
                                        }

.ManageBalanceAccountingRegisterButtonFormBox {
                                                display: grid;
                                                position: relative;
                                                margin: 0 auto;
                                                margin-top: 15px;
                                                width: 80%;
                                                color: #0A1626;
                                                grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
                                                align-items: center;
                                              }

.ManageBalanceAccountingRegisterButtonFormEntry {
                                                  grid-column: 1 / span 2;
                                                }

.ManageBalanceAccountingRegisterButtonFormExit {
                                                  grid-column: 3 / span 2;
                                                }

.ManageBalanceAccountingRegisterButtonFormCategory {
                                                     grid-column: 5 / span 2;
                                                   }

.AccountingRegisterButton {
                            display: inline;
                            position: relative;
                            width: 85%;
                            text-align: center;
                            padding: 4px;
                            margin: 0 auto;
                            font-size: 10pt;
                            border-radius: 7px;
                            border: none;
                            text-transform: uppercase;
                          }

.AccountingRegisterButtonEntry {
                                 color: white;
                                 background-color: #00870D;
                              }

.AccountingRegisterButtonEntry:hover {
                                      box-shadow: 0px 0px 8px #00870D;
                                     }


.AccountingRegisterButtonExit {
                                color: white;
                                background-color: #BF0505;
                               }

.AccountingRegisterButtonExit:hover {
                                      box-shadow: 0px 0px 8px #BF0505;
                                    }

.AccountingRegisterButtonGeneric {
                                   color: white;
                                   background-color: #0A1626;
                                 }
      
.AccountingRegisterButtonGeneric:hover {
                                         box-shadow: 0px 0px 8px #0A1626;
                                       }

.AccountingExceptionsDataBox {
                                display: block;
                                position: relative;
                                width: 90%;
                                padding: 10px;
                                margin: 0 auto;
                                margin-top: 25px;
                                margin-bottom: 15px;
                                text-align: left;
                                border: 3px solid #222255;
                                border-radius: 10px;
                                background-color: #e2eeff;
                             }
                                                   
.AccountingExceptionsDataBoxText {
                                    display: block;
                                    position: absolute;
                                    top: -15px;
                                    left: 15px;
                                    padding: 3px 5px;
                                    font-size: 11px;
                                    color: orangered;
                                    font-weight: bold;
                                    background-color: white;
                                    border-bottom-left-radius: 6px;
                                    border-bottom-right-radius: 6px;
                                    text-transform: uppercase;
                                    z-index: 9;
                                 }

.AccountingExceptionsDetailsBOX {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 90%;
                                  grid-template-columns: 25% 30% 20% 25%; 
                                  row-gap: 12px;
                                  padding: 10px;
                                  align-items: center;
                                }

.AccountingExceptionsURdetailsRow {
                                    display: grid;
                                    margin: 0 auto;
                                    grid-column: 1 / span 4;
                                    width: 60%;
                                    grid-template-columns: 30% 70%; 
                                    padding: 10px;
                                    align-items: center;
                                  }

.AccountingExceptionsURdetailsIcon {
                                      text-align: center;
                                      font-size: 26pt;
                                   }

.AccountingExceptionsURdetailsIdentifyCode {
                                              text-align: left;
                                              font-size: 15pt;
                                              font-weight: 700;
                                           }
    
.AccountingExceptionsNameView {
                                text-align: center;
                                grid-column: 1 / span 4;
                                font-size: 15pt;
                                padding: 8px;
                                background-color: #09395055;
                              }
    
.AccountingExceptionsTypeLabel {
                                 text-align: right;
                               }
    
.AccountingExceptionsTypeField {
                                 text-align: left;
                                 padding-left: 15px;
                               }
    
.AccountingExceptionsPercentageLabel {
                                       text-align: right;
                                       padding-right: 10px;
                                       font-weight: 600;
                                     }
    
.AccountingExceptionsPercentageField {
                                       text-align: left;
                                       padding-left: 15px;
                                     }

.AccountingExceptionsPercentageViewLabel {
                                           text-align: right;
                                           font-size: 13pt;
                                         }
   
.AccountingExceptionsPercentageViewField {
                                           text-align: left;
                                           padding-left: 15px;
                                           font-size: 13pt;
                                           font-weight: 700;
                                         }

.AccountingExceptionsDetailsErrorMsg {
                                       grid-column: 1 / span 4;
                                       text-align: center;
                                       color: red;
                                     }

.AccountingExceptionRUdetailsBox {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    grid-template-columns: 10% 90%; 
                                    padding-top: 5px;
                                    padding-bottom: 0px;                             
                                    align-items: center;
                                 } 

.AccountingExceptionRUdetailsIconType {
                                        font-size: 26pt;
                                        text-align: center;
                                      }

.AccountingExceptionRUdetailsIdentifyCode {
                                             text-align: left;
                                             padding-left: 10px;
                                             font-size: 15pt;
                                             font-weight: 600;
                                          }

.AccountingExceptionOwnerConductorAssociationBox {
                                                    display: grid;
                                                    margin: 0 auto;
                                                    margin-top: 8px;
                                                    margin-bottom: 6px;
                                                    width: 100%;
                                                    grid-template-columns: 5% 95%; 
                                                    padding: 6px;                             
                                                    align-items: center;
                                                    border: 1.7px solid #0A1626;
                                                    background-color: whitesmoke;
                                                 }

.AccountingExceptionOwnerConductorAssociationOrdinal {
                                                        grid-row: 1 / span 3;
                                                        grid-column: 1;
                                                        text-align: center;
                                                        font-size: 30pt;
                                                        font-weight: 500;
                                                        color: #0A1626;
                                                        text-shadow: 4px 4px 6px #0A1626;
                                                     }

.AccountingExceptionOwnerConductorAssociationSubPeriod {
                                                          grid-row: 1;
                                                          grid-column: 2;
                                                          font-size: 15pt;
                                                          font-weight: 700;
                                                          text-align: left;
                                                          padding-left: 10px;
                                                       }

.AccountingExceptionOwnerConductorAssociationOwnerConductorPercentage {
                                                                        grid-row: 2;
                                                                        grid-column: 2;
                                                                        display: grid;
                                                                        margin: 0 auto;
                                                                        width: 100%;
                                                                        grid-template-columns: 23% 15% 12% 23% 15% 12%; 
                                                                        padding: 10px;                             
                                                                        align-items: center;
                                                                        height: 140px;
                                                                      }

.AccountingExceptionsOwnerConductorPercentageOwnerLabel {
                                                          grid-row: 1 / span 2;
                                                          grid-column: 1;
                                                          text-align: right;
                                                          padding-right: 15px;
                                                          font-size: 13pt;
                                                          font-weight: 600;
                                                        }

.AccountingExceptionsOwnerConductorPercentageOwnerOwnerField {
                                                                grid-row: 1;
                                                                grid-column: 2;
                                                             }    
                                                             
.AccountingExceptionsOwnerConductorPercentageOwnerOwnerValue {
                                                                grid-row: 1;
                                                                grid-column: 2;
                                                                border: 2px solid #0A1626;
                                                                border-radius: 8px;
                                                                width: 90%;
                                                                padding:5px;
                                                                background-color: whitesmoke;
                                                                text-align: center;
                                                                font-size: 14pt;
                                                                font-weight: 700;
                                                             }   

input[type=text].AccountingExceptionsOwnerConductorInputField {
                                                                  display: inline-block;
                                                                  position: relative;
                                                                  width: 90%;
                                                                  text-align: center;
                                                                  padding: 5px;
                                                                  border: 2px solid #0A1626;
                                                                  border-radius: 10px;
                                                                  font-size: 14pt;
                                                                }

input[type=text].AccountingExceptionsOwnerConductorInputField:focus{
                                                                      box-shadow: 0 0 6px #0A1626;
                                                                      outline: none;
                                                                   }
                                                             
.AccountingExceptionsOwnerConductorPercentageOwnerOwnerLabel {
                                                                grid-row: 1;
                                                                grid-column: 3;
                                                                font-size: 10pt;
                                                                font-weight: 600;
                                                             }
                                                             
.AccountingExceptionsOwnerConductorPercentageOwnerConductorValue {
                                                                    grid-row: 2;
                                                                    grid-column: 2;
                                                                    border: 2px solid #0A1626;
                                                                    border-radius: 8px;
                                                                    width: 90%;
                                                                    padding:5px;
                                                                    background-color: whitesmoke;
                                                                    text-align: center;
                                                                    font-size: 14pt;
                                                                 }

.AccountingExceptionsOwnerConductorPercentageOwnerConductorLabel {
                                                                    grid-row: 2;
                                                                    grid-column: 3;
                                                                    font-size: 10pt;
                                                                    font-weight: 600;
                                                                 }

.AccountingExceptionsOwnerConductorPercentageConductorLabel {
                                                              grid-row: 1 / span 2;
                                                              grid-column: 4;
                                                              text-align: right;
                                                              padding-right: 15px;
                                                              font-size: 13pt;
                                                              font-weight: 600;
                                                            }
        
.AccountingExceptionsOwnerConductorPercentageConductorConductorField {
                                                                        grid-row: 1;
                                                                        grid-column: 5;
                                                                     }  
                                                                     
.AccountingExceptionsOwnerConductorPercentageConductorConductorValue {
                                                                        grid-row: 1;
                                                                        grid-column: 5;
                                                                        border: 2px solid #0A1626;
                                                                        border-radius: 8px;
                                                                        width: 90%;
                                                                        padding:5px;
                                                                        background-color: whitesmoke;
                                                                        text-align: center;
                                                                        font-size: 14pt;
                                                                        font-weight: 700;
                                                                     }   

.AccountingExceptionsOwnerConductorPercentageConductorConductorLabel {
                                                                        grid-row: 1;
                                                                        grid-column: 6;
                                                                        font-size: 10pt;
                                                                        font-weight: 600;
                                                                     }
                                                                     
.AccountingExceptionsOwnerConductorPercentageConductorOwnerValue {
                                                                    grid-row: 2;
                                                                    grid-column: 5;
                                                                    border: 2px solid #0A1626;
                                                                    border-radius: 8px;
                                                                    width: 90%;
                                                                    padding:5px;
                                                                    background-color: whitesmoke;
                                                                    text-align: center;
                                                                    font-size: 14pt;
                                                                 }

.AccountingExceptionsOwnerConductorPercentageConductorOwnerLabel {
                                                                    grid-row: 2;
                                                                    grid-column: 6;
                                                                    font-size: 10pt;
                                                                    font-weight: 600;
                                                                }

.AccountingExceptionOwnerConductorAssociationCoownerList {
                                                            grid-row: 3;
                                                            grid-column: 2;
                                                         }                                    

.AccountingExceptionOwnerConductorBox {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 100%;
                                        margin-bottom: 8px;
                                        grid-template-columns: 7% 53% 20% 20%; 
                                        padding: 10px;                             
                                        align-items: center;
                                        height: 60px;
                                        background-color: #09395055;
                                        border-radius: 8px;
                                      }

.AccountingExceptionOwnerConductorNoitem {
                                            grid-column: 1 / span 4;
                                            text-align: center;
                                            font-size: 13pt;
                                         } 

.AccountingExceptionOwnerConductorIcongender {
                                                text-align: center;
                                                font-size: 18pt;
                                             }

.AccountingExceptionOwnerConductorName {
                                          text-align: left;
                                          font-size: 15pt;
                                       }

.AccountingExceptionOwnerConductorType {
                                          text-align: center;
                                          font-size: 12pt;
                                       }

.AccountingExceptionOwnerConductorPercentage {
                                  text-align: center;
                                  font-size: 13pt;
                                  font-weight: 700;
                                }                                    

.AccountingExceptionOwnerConductorInputfield {
                                  display: inline-block;
                                  position: relative;
                                  width: 70%;
                                  margin-right: 4px;
                                  text-align: center;
                                  padding: 8px;
                                  color: #222255;
                                  border: 1.6px solid #222255;
                                  border-radius: 8px;
                                }

.AccountingExceptionOwnerConductorInputfield:focus {
                                        box-shadow: 0 0 6px #093950;
                                        outline: none;
                                      }

.AccountingExceptionsOwnerConductorErrorMsg {
                                              grid-column: 1 / span 6;
                                              text-align: center;
                                              color: red;
                                            }

.AccountingExceptionCoownershipAssociationBox {
                                                display: grid;
                                                margin: 0 auto;
                                                margin-top: 8px;
                                                margin-bottom: 6px;
                                                width: 100%;
                                                grid-template-columns: 5% 95%; 
                                                padding: 6px;                             
                                                align-items: center;
                                                border: 1.7px solid #0A1626;
                                                background-color: whitesmoke;
                                              }

.AccountingExceptionCoownershipAssociationOrdinal {
                                                     grid-row: 1 / span 2;
                                                     grid-column: 1;
                                                     text-align: center;
                                                     font-size: 30pt;
                                                     font-weight: 500;
                                                     color: #0A1626;
                                                     text-shadow: 4px 4px 6px #0A1626;
                                                  }

.AccountingExceptionCoownershipAssociationSubPeriod {
                                                       grid-row: 1;
                                                       grid-column: 2;
                                                       font-size: 15pt;
                                                       font-weight: 700;
                                                       text-align: left;
                                                       padding-left: 10px;
                                                    }

.AccountingExceptionCoownershipAssociationCoownerList {
                                                        grid-row: 2;
                                                        grid-column: 2;
                                                      }                                    

.AccountingExceptionCoownershipBox {
                                     display: grid;
                                     margin: 0 auto;
                                     margin-top: 8px;
                                     width: 100%;
                                     grid-template-columns: 7% 53% 20% 20%; 
                                     padding: 10px;                             
                                     align-items: center;
                                     height: 60px;
                                     background-color: #09395055;
                                     border-radius: 8px;
                                    }

.AccountingExceptionCoownershipNoitem {
                                         grid-column: 1 / span 4;
                                         text-align: center;
                                         font-size: 13pt;
                                      }

.AccountingExceptionCoownershipIcongender {
                                            text-align: center;
                                            font-size: 18pt;
                                          }

.AccountingExceptionCoownershipName {
                                       text-align: left;
                                       font-size: 15pt;
                                    }

.AccountingExceptionCoownershipType {
                                       text-align: center;
                                       font-size: 12pt;
                                    }

.AccountingExceptionCoownershipPercentage {
                                            text-align: center;
                                            font-size: 13pt;
                                            font-weight: 700;
                                          }                                    

.AccountingExceptionCoownershipInputfield {
                                            display: inline-block;
                                            position: relative;
                                            width: 70%;
                                            margin-right: 4px;
                                            text-align: center;
                                            padding: 8px;
                                            color: #222255;
                                            border: 1.6px solid #222255;
                                            border-radius: 8px;
                                          }

.AccountingExceptionCoownershipInputfield:focus {
                                                  box-shadow: 0 0 6px #093950;
                                                  outline: none;
                                                }

.AccountingExceptionsCoownershipErrorMsg {
                                           text-align: center;
                                           color: red;
                                         }

.FormCheckboxContainer {
                         display: inline-block;
                         appearance: none;
                         position: relative;
                         text-align: left;
                         min-height: 45px;
                         width: 100%;
                         padding: 8px 15px;
                         margin-bottom: 10px;
                         color: #222255;
                         background-color: white;
                         font-family: "Benjamin Gothic Pro";
                         font-size: 18px;
                         border: 2px solid #222255;
                         border-radius: 10px;
                       }

.DeveloperPageTitleType {
                          display: block;
                          position: relative;
                          width: 90%;
                          margin: 0 auto;
                          margin-top: 15px;
                          padding: 6px 20px;
                          border-bottom: 2px solid #0A1626;
                          border-left: 2px solid #0A1626;
                          border-bottom-left-radius: 10px;
                          font-size: 16pt;
                          text-align: left;
                        }

.DeveloperPageTitleIconType {
                              font-size: 20pt;
                              color: #0A162677;
                              padding-right: 8px;
                            }

.ManageBalanceCategoryListBox {
                                display: grid;
                                margin: 0 auto;
                                margin-top: 15px;
                                width: 95%;
                                row-gap: 6px;
                                grid-template-columns: 100%;
                                padding: 10px;
                                align-items: center;
                              }

.ManageBalanceCategoryListHeaderRow {
                                      display: grid;
                                      margin: 0 auto;
                                      margin-top: 15px;
                                      width: 100%;
                                      grid-template-columns: 35% 22% 10% 10% 13% 10%;
                                      padding: 8px;
                                      align-items: center;
                                    }

.ManageBalanceCategoryListViewHeaderRow {
                                          display: grid;
                                          margin: 0 auto;
                                          margin-top: 15px;
                                          width: 90%;
                                          grid-template-columns: 40% 27% 10% 10% 13%;
                                          padding: 8px;
                                          align-items: center;
                                        }

.ManageBalanceCategoryListNameHeader {
                                       font-size: 11pt;
                                       font-weight: 700;
                                     }

.ManageBalanceCategoryListGroupHeader {
                                        font-size: 11pt;
                                        font-weight: 700;
                                      }

.ManageBalanceCategoryListConductorPercentageHeader {
                                                      font-size: 11pt;
                                                      font-weight: 700;
                                                    }

.ManageBalanceCategoryListOwnerPercentageHeader {
                                                  font-size: 11pt;
                                                  font-weight: 700;
                                                }
                          
.ManageBalanceCategoryListLastUpdateHeader {
                                             font-size: 11pt;
                                             font-weight: 700;
                                           }
                        
.ManageBalanceCategoryListActionHeader {
                                         font-size: 11pt;
                                         font-weight: 700;
                                       }                   

.ManageBalanceCategoryListListRow {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    grid-template-columns: 35% 22% 10% 10% 13% 10%;
                                    padding: 8px;
                                    align-items: center;
                                    background-color: #0A162633;
                                 }

.ManageBalanceCategoryListViewListRow {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 90%;
                                        grid-template-columns: 40% 27% 10% 10% 13%;
                                        padding: 8px;
                                        align-items: center;
                                        background-color: #0A162633;
                                      }
 
.ManageBalanceCategoryListName {
                                 text-align: left;
                                 font-size: 11pt;
                               }
 
.ManageBalanceCategoryListGroup {
                                  font-size: 10pt;
                                }

.ManageBalanceCategoryListConductorPercentage {
                                                font-size: 12pt;
                                              }

.ManageBalanceCategoryListOwnerPercentage {
                                            font-size: 12pt;
                                          }
                             
.ManageBalanceCategoryListLastUpdate {
                                       font-size: 10pt;
                                     }
                           
.ManageBalanceCategoryListAction {
                                   font-size: 14pt;
                                 }

.ManageBalanceGroupCategoryListTable {
                                  display: table;
                                  position: relative;
                                  width: 100%;
                                  margin-top: 15px;
                                }

.ManageBalanceGroupCategoryListHeaderRow {
                                      display: table-row;
                                      position: relative;
                                    }

.ManageBalanceGroupCategoryListNameHeader {
                                      display: table-cell;
                                      position: relative;
                                      width: 300px;
                                      font-size: 13pt;
                                      font-weight: 700;
                                      vertical-align: middle;
                                     }
                          
.ManageBalanceGroupCategoryListLastUpdateHeader {
                                             display: table-cell;
                                             position: relative;
                                             width: 100px;
                                             font-size: 13pt;
                                             font-weight: 700;
                                             vertical-align: middle;
                                           }
                        
.ManageBalanceGroupCategoryListActionHeader {
                                         display: table-cell;
                                         position: relative;
                                         width: 140px;
                                         font-size: 13pt;
                                         font-weight: 700;
                                         vertical-align: middle;
                                       }                   

.ManageBalanceGroupCategoryListListRow {
                                    display: table-row;
                                    position: relative;
                                  }
 
.ManageBalanceGroupCategoryListName {
                                 display: table-cell;
                                 position: relative;
                                 font-size: 12pt;
                                 vertical-align: middle;
                               }
 
.ManageBalanceGroupCategoryListGroup {
                                  display: table-cell;
                                  position: relative;
                                  font-size: 12pt;
                                  vertical-align: middle;
                                }
                             
.ManageBalanceGroupCategoryListLastUpdate {
                                            display: table-cell;
                                            position: relative;
                                            font-size: 12pt;
                                            vertical-align: middle;
                                          }
                           
.ManageBalanceGroupCategoryListAction {
                                        display: table-cell;
                                        position: relative;
                                        font-size: 14pt;
                                        vertical-align: middle;
                                      }

.ManageBalanceNewOrdinaryPeriodWarning {
                                          display: block;
                                          position: relative;
                                          margin: 0 auto;
                                          width: 90%;
                                          text-align: center;
                                          color: red;
                                          font-size: 15pt;
                                      }

.ManageBalanceNewOrdinaryPeriodIntro {
                                        display: block;
                                        position: relative;
                                        margin: 0 auto;
                                        padding: 10px;
                                        width: 90%;
                                        text-align: center;
                                        font-size: 14pt;
                                     }

.ManageBalanceNewOrdinaryPeriodFormBox {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 60%;
                                          grid-template-columns: 100%;
                                          padding: 10px;
                                          row-gap: 10px;
                                          align-items: center;
                                       }

.ManageBalanceNewOrdinaryPeriodFormBoxRow {
                                            display: grid;
                                            margin: 0 auto;
                                            width: 100%;
                                            grid-template-columns: 45% 40% 15%;
                                            padding: 10px;
                                            align-items: center;
                                          }

.ManageBalanceNewOrdinaryPeriodFormBoxAccountBankLabel {
                                                         text-align: right;
                                                         padding-right: 10px;
                                                         font-size: 15pt;
                                                         font-weight: 600;
                                                       }

.ManageBalanceNewOrdinaryPeriodFormBoxAccountBankEndValue {
                                                            text-align: center;
                                                            font-size: 14pt;
                                                          }

.ManageBalanceNewOrdinaryPeriodFormBoxAccountCurrencySymbol {
                                                              text-align: left;
                                                              padding-left: 8px;
                                                              font-size: 18pt;
                                                              font-weight: 600;
                                                            }    

.BankAccountEndValueWarningBox {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 100%;
                                  grid-template-columns: 40% 60%;
                                  padding: 10px;
                                  row-gap: 10px;
                                  align-items: center;
                               }

.BankAccountEndValueWarningTitleLabel {
                                        grid-column: 1 / span 2;
                                        text-align: center;
                                        font-size: 13pt;
                                      }

.BankAccountEndValueWarningEndValueLabel {
                                            text-align: right;
                                            padding-right: 5px;
                                            font-size: 14pt;
                                         }

.BankAccountEndValueWarningEndValue {
                                      text-align: left;
                                      padding-left: 5px;
                                      font-size: 14pt;
                                      font-weight: 600;
                                    }

.BankAccountEndValueWarningEndValueCalcLabel {
                                               text-align: right;
                                               padding-right: 5px;
                                               font-size: 14pt;
                                             }

.BankAccountEndValueWarningEndValueCalc {
                                          text-align: left;
                                          padding-left: 5px;
                                          font-size: 14pt;
                                          font-weight: 600;
                                        }

.AlertBox {
             display: block;
             position: relative;
             width: 90%;
             margin-top: 25px;
             margin: 0 auto;
          }

.ManageBalanceAccountingRegisterNoItem {
                                         display: block;
                                         position: relative;
                                         width: 80%;
                                         margin: 0 auto;
                                         margin-top: 15px;
                                         padding: 8px;
                                         border: 2px solid #0A1626;
                                         font-size: 13pt;
                                         font-weight: 600;
                                       }

.ManageBalanceAccountingRegisterContainer {
                                            display: grid;
                                            margin: 0 auto;
                                            margin-top: 20px;
                                            width: 90%;
                                            row-gap: 10px;
                                            grid-template-columns: 100%;
                                            align-items: center;
                                          }

.ManageBalanceAccountingRegisterHeaderRow {
                                            display: grid;
                                            margin: 0 auto;
                                            width: 100%;
                                            grid-template-columns: 6% 12% 3% 3% 24% 3% 35% 13%;
                                            padding: 10px;
                                            align-items: center;
                                          }

.ManageBalanceAccountingRegisterRow {
                                      display: grid;
                                      margin: 0 auto;
                                      width: 100%;
                                      grid-template-columns: 6% 12% 3% 3% 24% 3% 35% 13%;
                                      padding: 10px;
                                      align-items: center;
                                      background-color: #D1E4FF;
                                      border-radius: 6px;
                                    }

.ManageBalanceAccountingRegisterHeaderAction {
                                                font-size: 11pt;
                                                font-weight: 700;
                                             }

.ManageBalanceAccountingRegisterHeaderDateAccounting {
                                                       font-size: 11pt;
                                                       font-weight: 700;
                                                     }

.ManageBalanceAccountingRegisterHeaderFromTo {
                                                grid-column: 3 / span 4;
                                                font-size: 11pt;
                                                font-weight: 700;
                                                text-align: left;
                                             }

.ManageBalanceAccountingRegisterHeaderDescription {
                                                    grid-column: 7;
                                                    font-size: 11pt;
                                                    font-weight: 700;
                                                    text-align: left;
                                                  }

.ManageBalanceAccountingRegisterHeaderValue {
                                              font-size: 11pt;
                                              font-weight: 700;
                                              text-align: right;
                                            }

.ManageBalanceAccountingRegisterDateAccounting {
                                                 font-size: 11pt;
                                                 font-weight: normal;
                                               }
       
.ManageBalanceAccountingRegisterDescription {
                                              font-size: 10pt;
                                              font-weight: normal;
                                              text-align: left;
                                            }

.ManageBalanceAccountingRegisterIconType {
                                            font-size: 10pt;
                                            font-weight: normal;
                                            margin: 0;
                                            padding: 0;
                                         }

.ManageBalanceAccountingRegisterFromToIcon {
                                              font-size: 11pt;
                                              font-weight: normal;
                                           }

.ManageBalanceAccountingRegisterFromToUsername {
                                                  font-size: 10pt;
                                                  font-weight: normal;
                                                  text-align: left;
                                               }

.ManageBalanceAccountingRegisterAction {
                                          font-size: 10pt;
                                          font-weight: normal;
                                       }
       
.ManageBalanceAccountingRegisterValue {
                                        font-size: 11pt;
                                        font-weight: 600;
                                        text-align: right;
                                      }

.ManageBalanceAccountingInvoiceRegisterNoItem {
                                        display: block;
                                        position: relative;
                                        width: 90%;
                                        margin: 0 auto;
                                        margin-top: 15px;
                                        padding: 8px;
                                        border: 2px solid #0A1626;
                                        font-size: 13pt;
                                        font-weight: 600;
                                      }

.ManageBalanceAccountingInvoiceRegisterContainer {
                                           display: grid;
                                           margin: 0 auto;
                                           margin-top: 20px;
                                           width: 90%;
                                           row-gap: 10px;
                                           grid-template-columns: 100%;
                                           align-items: center;
                                         }

.ManageBalanceAccountingInvoiceRegisterHeaderRow {
                                           display: grid;
                                           margin: 0 auto;
                                           width: 100%;
                                           grid-template-columns: 11% 15% 22% 33% 12% 7%;
                                           padding: 10px;
                                           align-items: center;
                                         }

.ManageBalanceAccountingInvoiceRegisterRow {
                                     display: grid;
                                     margin: 0 auto;
                                     width: 100%;
                                     grid-template-columns: 11% 15% 22% 33% 12% 7%;
                                     padding: 10px;
                                     align-items: center;
                                     background-color: #D1E4FF;
                                     border-radius: 6px;
                                   }

.ManageBalanceAccountingInvoiceRegisterHeaderDateInvoice {
                                                            font-size: 11pt;
                                                            font-weight: 700;
                                                         }

.ManageBalanceAccountingInvoiceRegisterHeaderNumberInvoice {
                                                             font-size: 11pt;
                                                             font-weight: 700;
                                                             text-align: left;
                                                           }

.ManageBalanceAccountingInvoiceRegisterHeaderFrom {
                                                    font-size: 11pt;
                                                    font-weight: 700;
                                                    text-align: left;
                                                  }

.ManageBalanceAccountingInvoiceRegisterHeaderDescription {
                                                           font-size: 11pt;
                                                           font-weight: 700;
                                                           text-align: left;
                                                         }

.ManageBalanceAccountingInvoiceRegisterHeaderValue {
                                                     font-size: 11pt;
                                                     font-weight: 700;
                                                     text-align: right;
                                                   }

.ManageBalanceAccountingInvoiceRegisterHeaderAction {
                                                      font-size: 11pt;
                                                      font-weight: 700;
                                                    }

.ManageBalanceAccountingInvoiceRegisterDateInvoice {
                                                      font-size: 11pt;
                                                      font-weight: normal;
                                                   }

.ManageBalanceAccountingInvoiceRegisterNumberInvoice {
                                                        font-size: 11pt;
                                                        font-weight: normal;
                                                        text-align: left;
                                                     }
      
.ManageBalanceAccountingInvoiceRegisterDescription {
                                             font-size: 10pt;
                                             font-weight: normal;
                                             text-align: left;
                                           }

.ManageBalanceAccountingInvoiceRegisterFromBusinessName {
                                                 font-size: 10pt;
                                                 font-weight: normal;
                                                 text-align: left;
                                              }

.ManageBalanceAccountingInvoiceRegisterAction {
                                         font-size: 10pt;
                                         font-weight: normal;
                                      }
      
.ManageBalanceAccountingInvoiceRegisterValue {
                                       font-size: 11pt;
                                       font-weight: 600;
                                       text-align: right;
                                     }

.ManageBalanceAccountingFTwentyfourModelRegisterNoItem {
                                      display: block;
                                      position: relative;
                                      width: 90%;
                                      margin: 0 auto;
                                      margin-top: 15px;
                                      padding: 8px;
                                      border: 2px solid #0A1626;
                                      font-size: 13pt;
                                      font-weight: 600;
                                    }

.ManageBalanceAccountingFTwentyfourModelRegisterContainer {
                                         display: grid;
                                         margin: 0 auto;
                                         margin-top: 20px;
                                         width: 90%;
                                         row-gap: 10px;
                                         grid-template-columns: 100%;
                                         align-items: center;
                                       }

.ManageBalanceAccountingFTwentyfourModelRegisterHeaderRow {
                                         display: grid;
                                         margin: 0 auto;
                                         width: 100%;
                                         grid-template-columns: 12% 25% 41% 12% 10%;
                                         padding: 10px;
                                         align-items: center;
                                       }

.ManageBalanceAccountingFTwentyfourModelRegisterRow {
                                   display: grid;
                                   margin: 0 auto;
                                   width: 100%;
                                   grid-template-columns: 12% 25% 41% 12% 10%;
                                   padding: 10px;
                                   align-items: center;
                                   background-color: #D1E4FF;
                                   border-radius: 6px;
                                 }

.ManageBalanceAccountingFTwentyfourModelRegisterHeaderDateExpiration {
                                                          font-size: 11pt;
                                                          font-weight: 700;
                                                        }

.ManageBalanceAccountingFTwentyfourModelRegisterHeaderRecipientName {
                                                          font-size: 11pt;
                                                          font-weight: 700;
                                                          text-align: left;
                                                        }

.ManageBalanceAccountingFTwentyfourModelRegisterHeaderDescription {
                                                         font-size: 11pt;
                                                         font-weight: 700;
                                                         text-align: left;
                                                       }

.ManageBalanceAccountingFTwentyfourModelRegisterHeaderValue {
                                                   font-size: 11pt;
                                                   font-weight: 700;
                                                   text-align: right;
                                                 }

.ManageBalanceAccountingFTwentyfourModelRegisterHeaderAction {
                                                    font-size: 11pt;
                                                    font-weight: 700;
                                                  }

.ManageBalanceAccountingFTwentyfourModelRegisterDateExpiration {
                                                    font-size: 11pt;
                                                    font-weight: normal;
                                                 }

.ManageBalanceAccountingFTwentyfourModelRegisterRecipientName {
                                                  font-size: 11pt;
                                                  font-weight: normal;
                                                  text-align: left;
                                                }

.ManageBalanceAccountingFTwentyfourModelRegisterDescription {
                                           font-size: 10pt;
                                           font-weight: normal;
                                           text-align: left;
                                         }

.ManageBalanceAccountingFTwentyfourModelRegisterAction {
                                       font-size: 10pt;
                                       font-weight: normal;
                                    }
    
.ManageBalanceAccountingFTwentyfourModelRegisterValue {
                                     font-size: 11pt;
                                     font-weight: 600;
                                     text-align: right;
                                   }

.ManageBalanceRegisterDetailsContainer {
                                         display: grid;
                                         margin: 0 auto;
                                         margin-top: 20px;
                                         width: 90%;
                                         row-gap: 10px;
                                         grid-template-columns: 100%;
                                         align-items: center;
                                       }

.ManageBalanceRegisterDetailsCondoBox {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 100%;
                                        grid-template-columns: 8% 92%;
                                        align-items: center; 
                                        border-left: 1.5px solid #0A1626;
                                        border-bottom: 1.5px solid #0A1626;
                                     }

.ManageBalanceRegisterDetailsCondoIconGender {
                                                text-align: right;
                                                font-size: 15pt;
                                                padding-right: 3px;
                                             }

.ManageBalanceRegisterDetailsCondoUsername {
                                              text-align: left;
                                              font-size: 15pt;
                                              font-weight: 600;
                                              color: #0A1626;
                                           }

.ManageBalanceRegisterDetailsVendorBox {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          grid-template-columns: 8% 92%;
                                          align-items: center; 
                                          border-left: 1.5px solid #0A1626;
                                          border-bottom: 1.5px solid #0A1626;
                                       }

.ManageBalanceRegisterDetailsVendorIconType {
                                              text-align: right;
                                              font-size: 15pt;
                                              padding-right: 3px;
                                            }

.ManageBalanceRegisterDetailsVendorBusinessName {
                                                  text-align: left;
                                                  font-size: 15pt;
                                                  font-weight: 600;
                                                  color: #0A1626;
                                                }

.ManageBalanceRegisterDetailsMovementBox {
                                           display: grid;
                                           margin: 0 auto;
                                           width: 100%;
                                           grid-template-columns: 20% 80%;
                                           row-gap: 8px;
                                           align-items: center; 
                                         }

.ManageBalanceRegisterDetailsMovementNumberInvoiceLabel {
                                                          text-align: right;
                                                          font-size: 12pt;
                                                          font-weight: 600;
                                                          color: #0A1626;
                                                          padding-right: 6px;
                                                        }

.ManageBalanceRegisterDetailsMovementNumberInvoice {
                                                      text-align: left;
                                                      padding-left: 6px;
                                                      border-left: 3px solid #0A1626;
                                                      color: #0A1626;
                                                      font-size: 16pt;
                                                   }

.ManageBalanceRegisterDetailsMovementValueInvoiceLabel {
                                                          text-align: right;
                                                          font-size: 12pt;
                                                          font-weight: 600;
                                                          color: #0A1626;
                                                          padding-right: 6px;
                                                       }

.ManageBalanceRegisterDetailsMovementValueInvoice {
                                                     text-align: left;
                                                     padding-left: 6px;
                                                     border-left: 3px solid #0A1626;
                                                     color: #0A1626;
                                                     font-size: 16pt;
                                                  }

.ManageBalanceRegisterDetailsMovementDescriptionLabel {
                                                        text-align: right;
                                                        font-size: 12pt;
                                                        font-weight: 600;
                                                        color: #0A1626;
                                                        padding-right: 6px;
                                                      }

.ManageBalanceRegisterDetailsMovementDescription {
                                                    text-align: left;
                                                    padding-left: 6px;
                                                    border-left: 3px solid #0A1626;
                                                    color: #0A1626;
                                                 }

.ManageBalanceRegisterDetailsMovementCondominiumBankLabel {
                                                  text-align: right;
                                                  font-size: 12pt;
                                                  font-weight: 600;
                                                  color: #0A1626;
                                                  padding-right: 6px;
                                                }

.ManageBalanceRegisterDetailsMovementCondominiumBank {
                                              text-align: left;
                                              padding-left: 6px;
                                              border-left: 3px solid #0A1626;
                                              color: #0A1626;
                                           }

.ManageBalanceRegisterDetailsMovementTableAllocationLabel {
                                                            text-align: right;
                                                            font-size: 12pt;
                                                            font-weight: 600;
                                                            color: #0A1626;
                                                            padding-right: 6px;
                                                          }

.ManageBalanceRegisterDetailsMovementTableAllocation {
                                                        text-align: left;
                                                        padding-left: 6px;
                                                        border-left: 3px solid #0A1626;
                                                        color: #0A1626;
                                                     }

.ManageBalanceRegisterDetailsMovementTypeOfCountLabel {
                                                        text-align: right;
                                                        font-size: 12pt;
                                                        font-weight: 600;
                                                        color: #0A1626;
                                                        padding-right: 6px;
                                                      }

.ManageBalanceRegisterDetailsMovementTypeOfCount {
                                                   text-align: left;
                                                   padding-left: 6px;
                                                   border-left: 3px solid #0A1626;
                                                   color: #0A1626;
                                                 }

.ManageBalanceRegisterDetailsMovementExpertisePeriodLabel {
                                                            text-align: right;
                                                            font-size: 12pt;
                                                            font-weight: 600;
                                                            color: #0A1626;
                                                            padding-right: 6px;
                                                          }

.ManageBalanceRegisterDetailsMovementExpertisePeriod {
                                                        text-align: left;
                                                        padding-left: 6px;
                                                        border-left: 3px solid #0A1626;
                                                        color: #0A1626;
                                                        font-size: 14pt;
                                                     }

.ManageBalanceRegisterDetailsMovementListModePaymentsLabel {
                                                             text-align: right;
                                                             font-size: 12pt;
                                                             font-weight: 600;
                                                             color: #0A1626;
                                                             padding-right: 6px;
                                                           }

.ManageBalanceRegisterDetailsMovementListModePayments {
                                                        text-align: left;
                                                        padding-left: 6px;
                                                        border-left: 3px solid #0A1626;
                                                        color: #0A1626;
                                                      }

.ManageBalanceRegisterDetailsMovementListCondominiumBankLabel {
                                                        text-align: right;
                                                        font-size: 12pt;
                                                        font-weight: 600;
                                                        color: #0A1626;
                                                        padding-right: 6px;
                                                      }

.ManageBalanceRegisterDetailsMovementListCondominiumBank {
                                                   text-align: left;
                                                   padding-left: 6px;
                                                   border-left: 3px solid #0A1626;
                                                   color: #0A1626;
                                                 }

.ManageBalanceRegisterDetailsMovementListPaymentsLabel {
                                                         text-align: right;
                                                         font-size: 12pt;
                                                         font-weight: 600;
                                                         color: #0A1626;
                                                         padding-right: 6px;
                                                       }

.ManageBalanceRegisterDetailsMovementListPayments {
                                                    text-align: left;
                                                    padding-left: 6px;
                                                    border-left: 3px solid #0A1626;
                                                    color: #0A1626;
                                                  }

.ManageBalanceRegisterDetailsMovementDateAccountingLabel {
                                                           text-align: right;
                                                           font-size: 12pt;
                                                           font-weight: 600;
                                                           color: #0A1626;
                                                           padding-right: 6px;
                                                         }

.ManageBalanceRegisterDetailsMovementDateAccounting {
                                                      text-align: left;
                                                      padding-left: 6px;
                                                      border-left: 3px solid #0A1626;
                                                      color: #0A1626;
                                                      font-size: 14pt;
                                                    }

.ManageBalanceRegisterDetailsMovementNoteLabel {
                                                 text-align: right;
                                                 font-size: 12pt;
                                                 font-weight: 600;
                                                 color: #0A1626;
                                                 padding-right: 6px;
                                               }

.ManageBalanceRegisterDetailsMovementNote {
                                            text-align: left;
                                            padding-left: 6px;
                                            border-left: 3px solid #0A1626;
                                            color: #0A1626;
                                          } 
                                          
.ManageBalanceRegisterDetailsMovementListPaymentsBox {
                                                        display: grid;
                                                        margin: 0 auto;
                                                        width: 100%;
                                                        grid-template-columns: 100%;
                                                        row-gap: 8px;
                                                        align-items: center; 
                                                     }
                                          
.ManageBalanceRegisterDetailsMovementListPaymentsRow {
                                                        display: grid;
                                                        margin: 0 auto;
                                                        width: 100%;
                                                        grid-template-columns: 64% 18% 18%;
                                                        background-color: #0A162633;
                                                        border-top-right-radius: 8px;
                                                        border-bottom-right-radius: 8px;
                                                        align-items: center; 
                                                        padding: 3px;
                                                     }

.ManageBalanceRegisterDetailsMovementListCondoPaymentsRow {
                                                            display: grid;
                                                            margin: 0 auto;
                                                            width: 100%;
                                                            grid-template-columns: 75% 25%;
                                                            background-color: #0A162633;
                                                            border-top-right-radius: 8px;
                                                            border-bottom-right-radius: 8px;
                                                            align-items: center; 
                                                            padding: 3px;
                                                          }

.ManageBalanceRegisterDetailsMovementListPaymentsDescriptionLabel {
                                                                    text-align: left;
                                                                    font-size: 9pt;
                                                                    font-weight: 700;
                                                                    color: #0A1626;
                                                                  }

.ManageBalanceRegisterDetailsMovementListPaymentsValueLabel {
                                                              text-align: center;
                                                              font-size: 9pt;
                                                              font-weight: 700;
                                                              color: #0A1626;
                                                            }

.ManageBalanceRegisterDetailsMovementListPaymentsValuestepLabel {
                                                                  text-align: center;
                                                                  font-size: 9pt;
                                                                  font-weight: 700;
                                                                  color: #0A1626;
                                                                }

.ManageBalanceRegisterDetailsMovementListPaymentsDescription {
                                                                text-align: left;
                                                                color: #0A1626;
                                                             }

.ManageBalanceRegisterDetailsMovementListPaymentsValue {
                                                          text-align: center;
                                                          color: #0A1626;
                                                          font-size: 14pt;
                                                       }

.ManageBalanceRegisterDetailsMovementListPaymentsValuestep {
                                                              text-align: center;
                                                              color: #0A1626;
                                                              font-size: 14pt;
                                                           }

.ManageBalancePeriodSheetTitleType {
                                      display: block;
                                      width: 85%;
                                      margin: 0 auto;
                                      margin-top: 25px;
                                      margin-bottom: 10px;
                                      padding: 8px;
                                      border: 2px solid #0A1626;
                                      background-color: #0A162622;
                                      border-radius: 10px;
                                      font-size: 14pt;
                                      font-weight: 600;
                                   }

.ManageBalancePeriodSheetTitleIconType {
                                          font-size: 12pt;
                                          font-weight: normal;
                                       }


.ManageBalancePeriodSheetListNoitem {
                                      display: block;
                                      width: 80%;
                                      margin: 0 auto;
                                      padding: 10px;
                                      margin-top: 20px;
                                      margin-bottom: 20px;
                                      border: 1px solid #0A1626;
                                      text-align: center;
                                      font-size: 16pt;
                                    }

.ManageBalancePeriodSheetsActionBox {
                                      display: grid;
                                      margin: 0 auto;
                                      margin-top: 20px;
                                      width: 85%;
                                      grid-template-columns: 45% 55%;
                                      padding: 10px;
                                      align-items: center;
                                    }
       
.ManageBalancePeriodSheetsActionNew {
                                      text-align: left;
                                      grid-column: 1;
                                      grid-row: 1;
                                    }

.ManageBalancePeriodSheetsActionEdit {
                                       text-align: left;
                                       grid-column: 2;
                                       grid-row: 1;
                                     }

.ManageBalancePeriodSheetListBox {
                                   display: grid;
                                   margin: 0 auto;
                                   margin-top: 20px;
                                   width: 80%;
                                   grid-template-columns: 70% 20% 10%;
                                   padding: 10px;
                                   align-items: center;
                                   border: 1px solid #0A1626;
                                   border-bottom-right-radius: 20px;
                                 }                  
       
.ManageBalancePeriodSheetListTitle {
                                     text-align: left;
                                     font-size: 13pt;
                                     font-weight: 700;
                                     color:#0A1626;
                                   }
       
.ManageBalancePeriodSheetListLastModify {
                                          font-size: 13pt;
                                          font-weight: normal;  
                                        }
                                 
.ManageBalancePeriodSheetListAction {
                                      font-size: 16pt;
                                    }

.ManageBalancePeriodSheetListGroupBox {
                                        display: block;
                                        position: relative;
                                        width: 85%;
                                        margin: 0 auto;
                                        padding: 0;
                                        padding-bottom: 8px;
                                        margin-top: 15px;
                                        border: 1px solid #0A1626;
                                      }

.ManageBalancePeriodSheetListTitleGroup {
                                          display: block;
                                          position: relative;
                                          width: 100%;
                                          margin: 0;
                                          background-color: #0A1626;
                                          color: white;
                                          font-size: 13pt;
                                          font-weight: 700;
                                          padding: 2px 10px;
                                          text-align: left;
                                        }

.ManageBalancePeriodSheetListCategoryBox {
                                           display: block;
                                           position: relative;
                                           width: 95%;
                                           margin: 0 auto;
                                           margin-top: 15px;
                                         }

.ManageBalancePeriodSheetListTitleCategory {
                                             display: block;
                                             position: relative;
                                             width: 100%;
                                             margin-bottom: -10px;
                                             border-bottom: 1px solid #0A1626;
                                             font-size: 12pt;
                                             font-weight: 700;
                                             padding: 2px 10px;
                                             text-align: left;
                                           }

.ManageBalancePeriodSheetFullTitleType {
                                          display: block;
                                          width: 85%;
                                          margin: 0 auto;
                                          margin-top: 25px;
                                          margin-bottom: 10px;
                                          padding: 8px;
                                          border: 2px solid #0A1626;
                                          background-color: #0A162622;
                                          border-radius: 10px;
                                          font-size: 14pt;
                                          font-weight: 600;
                                       }
      
.ManageBalancePeriodSheetFullTitleIconType {
                                              font-size: 16pt;
                                              font-weight: normal;
                                           }

.ManageBalancePeriodSheetsFullBox {
                                    display: grid;
                                    margin: 0 auto;
                                    margin-top: 20px;
                                    margin-bottom: 40px;
                                    width: 85%;
                                    grid-template-columns: 100%;
                                    row-gap: 5px;
                                    align-items: center;
                                  }

.ManageBalancePeriodSheetsFullTitleRow {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          grid-template-columns: 50% 50%;
                                          align-items: center;
                                       }

.ManageBalancePeriodSheetsFullTitleLabelRed {
                                            font-size: 13pt;
                                            font-weight: 700;
                                            background-color: red;
                                            color: whitesmoke;
                                            padding: 3px;
                                            border-top-left-radius: 8px;
                                            border-top-right-radius: 8px;
                                         }

.ManageBalancePeriodSheetsFullTitleLabelGreen {
                                          font-size: 13pt;
                                          font-weight: 700;
                                          background-color: green;
                                          color: whitesmoke;
                                          padding: 3px;
                                          border-top-left-radius: 8px;
                                          border-top-right-radius: 8px;
                                       }

.ManageBalancePeriodSheetsFullBottomRow {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          grid-template-columns: 100%;
                                          align-items: center;
                                       }

.ManageBalancePeriodSheetsFullBottomBox {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 100%;
                                        grid-template-columns: 78% 22%;
                                        row-gap: 5px;
                                        align-items: center;
                                        border: 2px solid #0A1626;
                                        color: #0A1626;
                                        font-weight: 600;
                                        border-bottom-left-radius: 8px;
                                        border-bottom-right-radius: 8px;
                                     }

.ManageBalancePeriodSheetsFullBottomLabel {
                                            padding-left: 5px;
                                            text-align: left;
                                            font-size: 15pt;
                                          }

.ManageBalancePeriodSheetsFullBottomValue {
                                            padding-right: 5px;
                                            text-align: right;
                                            font-size: 15pt;
                                          }

.ManageBalancePeriodSheetsFullListItemRow {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 100%;
                                        grid-template-columns: 50% 50%;
                                        align-items: center;
                                      }                                      

.ManageBalancePeriodSheetsFullSummaryRow {
                                            display: grid;
                                            margin: 0 auto;
                                            width: 100%;
                                            grid-template-columns: 50% 50%;
                                            align-items: center;
                                         }

.ManageBalancePeriodSheetsFullListItemBoxRed {
                                            display: grid;
                                            margin: 0 auto;
                                            width: 100%;
                                            grid-template-columns: 78% 22%;
                                            row-gap: 5px;
                                            align-items: center;
                                            border: 1px solid red;
                                            background-color: #FF000022;  
                                         }

.ManageBalancePeriodSheetsFullSummaryBoxRed {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          grid-template-columns: 78% 22%;
                                          row-gap: 5px;
                                          align-items: center;
                                          border: 1px solid red;
                                          background-color: #FF000022;  
                                       }

                                       
.ManageBalancePeriodSheetsFullListItemBoxGreen {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 100%;
                                                  grid-template-columns: 78% 22%;
                                                  row-gap: 5px;
                                                  align-items: center;
                                                  border: 1px solid green;
                                                  background-color: #00FF0022;  
                                                }

.ManageBalancePeriodSheetsFullSummaryBoxGreen {
                                                display: grid;
                                                margin: 0 auto;
                                                width: 100%;
                                                grid-template-columns: 78% 22%;
                                                align-items: center;
                                                border: 1px solid green;
                                                background-color: #00FF0022;  
                                              }

.ManageBalanceBankReconciliationListBox {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 90%;
                                          grid-template-columns: 100%; 
                                          row-gap: 5px;
                                          padding: 10px;
                                          align-items: center;
                                        }

.ManageBalancePeriodSheetsFullListItemLabel {
                                              text-align: left;
                                              padding-left: 5px;
                                            }

.ManageBalancePeriodSheetsFullListItemLabelItalicSmall {
                                                          font-size: 10pt;
                                                          font-style: italic;
                                                       }

.ManageBalancePeriodSheetsFullListItemValue {
                                              text-align: right;
                                              padding-right: 5px;
                                            }
      
.ManageBalancePeriodSheetsFullSummaryLabel {
                                              text-align: left;
                                              padding-left: 5px;
                                              font-size: 14pt;
                                           }

.ManageBalancePeriodSheetsFullSummaryValue {
                                              text-align: right;
                                              padding-right: 5px;
                                              font-size: 14pt;
                                           }

.ManageBalanceBankReconciliationListRowTitle {
                                                display: grid;
                                                margin: 0 auto;
                                                width: 100%;
                                                grid-template-columns: 10% 13% 13% 34% 16% 14%;
                                                row-gap: 12px;
                                                padding: 10px;
                                                align-items: center;
                                                color: #093950;
                                                background-color: #09395055;
                                             }
                 
.ManageBalanceBankReconciliationListRow {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          grid-template-columns: 10% 13% 13% 34% 16% 14%;
                                          row-gap: 12px;
                                          padding: 10px;
                                          align-items: center;
                                          color: #093950;
                                          background-color: #09395022;
                                        }

.ManageBalanceBankReconciliationListRowNoItem {
                                                grid-column: 1 / span 5;
                                                text-align: center;
                                                font-size: 15pt;
                                                color: #093950;
                                                background-color: #09395022;
                                                padding: 10px;
                                              }                                         
      
.ManageBalanceBankReconciliationListState {
                                            text-align: center;
                                            font-size: 14pt;
                                          }
      
.ManageBalanceBankReconciliationListFrom {
                                            text-align: center;
                                         }
               
.ManageBalanceBankReconciliationListTo {
                                         text-align: center;
                                       }
                        
.ManageBalanceBankReconciliationListIban {
                                            font-size: 11pt;
                                            text-align: center;
                                         }
               
.ManageBalanceBankReconciliationListLastmodify {
                                                  font-size: 12pt;
                                                  text-align: center;
                                               }
              
.ManageBalanceBankReconciliationListAction {
                                             text-align: center;
                                           }
      
                                           
.ManageBalanceBankreconciliationInfoBox {
                                            display: grid;
                                            margin: 0;
                                            margin-left: 50px;
                                            width: 85%;
                                            grid-template-columns: 17% 17% 17% 17% 17% 15%; 
                                            column-gap: 8px;
                                            row-gap: 8px;
                                            align-items: center;
                                          }

.ManageBalanceBankreconciliationInfoThreeColumnTitle {
                                            grid-column: 1 / span 3;
                                            font-size: 13pt;
                                            font-weight: 600;
                                            color: #093950;
                                          }                                               

.ManageBalanceBankreconciliationInfoTwoColumnTitle {
  grid-column: 4 / span 2;
  font-size: 13pt;
  font-weight: 600;
  color: #093950;
}     

.ManageBalanceBankreconciliationInfoOneColumnTitle {
                                                  font-size: 13pt;
                                                  font-weight: 600;
                                                  color: #093950;
                                                }      
                                                
.ManageBalanceBankreconciliationInfoColumn {
                                              border: 1px solid #093950;
                                              border-bottom-left-radius: 8px;
                                              border-bottom-right-radius: 8px;
                                           }

.ManageBalanceBankreconciliationCompareBox {
                                             display: grid;
                                             margin: 0 auto;
                                             width: 95%;
                                             grid-template-columns: 100%; 
                                             row-gap: 8px;
                                             padding: 10px;
                                             align-items: center;
                                           }

.ManageBalanceBankreconciliationCompareRowTitle {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 100%;
                                                  grid-template-columns: 45% 10% 45%;  
                                                  padding: 5px;
                                                  font-size: 12pt;
                                                  align-items: center;
                                                }

.ManageBalanceBankreconciliationCompareBankAccountTitle {
                                                          color: #093950;
                                                          background-color: #ADBDC4;
                                                          border-radius: 8px;
                                                          padding: 3px 0;
                                                          border: 2px solid white;
                                                          font-size: 13pt;
                                                          font-weight: 700;
                                                        }

.ManageBalanceBankreconciliationCompareActionTitle {
                                                     color: #093950;
                                                     background-color: #ADBDC4;
                                                     border-radius: 8px;
                                                     padding: 3px 0;
                                                     border: 2px solid white;
                                                     font-size: 13pt;
                                                   }

.ManageBalanceBankreconciliationComparePlatformMovementsTitle {
                                                                color: #093950;
                                                                background-color: #ADBDC4;
                                                                border-radius: 8px;
                                                                padding: 3px 0;
                                                                border: 2px solid white;
                                                                font-size: 13pt;
                                                                font-weight: 700;
                                                              }
                                                
.ManageBalanceBankreconciliationCompareRow {
                                             display: grid;
                                             margin: 0 auto;
                                             width: 100%;
                                             color: #093950;
                                             background-color: #DEE4E7;
                                             grid-template-columns: 45% 10% 45%;  
                                             padding: 5px;
                                             font-size: 12pt;
                                             border-radius: 10px;
                                             align-items: center;
                                           }

.ManageBalanceBankreconciliationCompareBankAccount {
                                                     display: grid;
                                                     margin: 0 auto;
                                                     width: 100%;
                                                     grid-template-columns: 35% 65%;  
                                                     padding: 10px;
                                                     font-size: 12pt;
                                                     align-items: center;
                                                   }

.ManageBalanceBankreconciliationCompareAction {

                                              }

.ManageBalanceBankreconciliationCompareActionNumberItem {
                                                          text-align: center;
                                                          font-size: 10pt;
                                                          font-weight: 700;
                                                        }

.ManageBalanceBankreconciliationCompareActionIconCheckbox {
                                                            font-size: 20pt;
                                                          }

.ManageBalanceBankreconciliationComparePlatformMovements {
                                                           display: grid;
                                                           margin: 0 auto;
                                                           width: 100%;
                                                           grid-template-columns: 35% 65%;  
                                                           padding: 10px;
                                                           font-size: 12pt;
                                                           align-items: center;
                                                         }

.ManageBalanceBankreconciliationCompareCurrencyDateLabel {
                                                           font-size: 11pt;
                                                           font-weight: 600;
                                                         }

.ManageBalanceBankreconciliationCompareCurrencyDate {
                                                           font-size: 12pt;
                                                         }

.ManageBalanceBankreconciliationCompareValueLabel {
                                                    font-size: 11pt;
                                                    font-weight: 600;
                                                  }

.ManageBalanceBankreconciliationCompareValue {
                                               font-size: 12pt;
                                             }

.ManageBalanceBankreconciliationCompareDescriptionLabel {
                                                          font-size: 11pt;
                                                          font-weight: 600;
                                                        }

.ManageBalanceBankreconciliationCompareDescription {
                                                     font-size: 11pt;
                                                   }

.ManageBalanceBankreconciliationCompareCheckMarkIcon {
                                                        font-size: 22pt;
                                                        color: green;
                                                        padding: 10px;
                                                        text-align: center;
                                                     }

.ManageBalanceBankreconciliationCompareCheckboxContainer {
                                                           display: inline-block;
                                                           position: relative;
                                                           padding: 10px;
                                                           cursor: pointer;
                                                         }
        
.ManageBalanceBankreconciliationCompareCheckboxContainer input {
                                                                 position: absolute;
                                                                 opacity: 0;
                                                                 cursor: pointer;
                                                                 height: 0;
                                                                 width: 0;
                                                               }
        
.ManageBalanceBankreconciliationCompareCheckboxLabelOneIcon {
                                                              display: table-cell;
                                                              padding: 5px;
                                                              font-size: 22pt;
                                                              vertical-align: middle;
                                                              color: #222255;
                                                            }  

.ManageBalanceBankreconciliationCompareCheckboxLabelTwoIcon {
                                                              display: table-cell;
                                                              padding: 2px 8px 3px 8px;
                                                              font-size: 14pt;
                                                              vertical-align: middle;
                                                              background-color: #222255;
                                                              color: #DEE4E7;
                                                              border-radius: 12px;
                                                            }  
        
.ManageBalanceBankreconciliationCompareCheckboxContainer:hover input  ~ .ManageBalanceBankreconciliationCompareCheckboxLabelOneIcon {
                                                                                                                               color: #22225533;
                                                                                                                             }

.ManageBalanceBankreconciliationCompareCheckboxContainer input:disabled  ~ .ManageBalanceBankreconciliationCompareCheckboxLabelOneIcon {
                                                                                                                               color: #22225533;
                                                                                                                               cursor: not-allowed;
                                                                                                                             }
        
.ManageBalanceBankreconciliationCompareCheckboxContainer input:checked  ~ .ManageBalanceBankreconciliationCompareCheckboxLabelOneIcon {
                                                                                                                                 color: green;
                                                                                                                               }  

.ManageBalanceBankreconciliationCompareCheckboxContainer:hover input  ~ .ManageBalanceBankreconciliationCompareCheckboxLabelTwoIcon {
                                                                                                                                background-color: #22225533;
                                                                                                                              }
 
.ManageBalanceBankreconciliationCompareCheckboxContainer input:disabled  ~ .ManageBalanceBankreconciliationCompareCheckboxLabelTwoIcon {
                                                                                                                                background-color: #22225533;
                                                                                                                                cursor: not-allowed;
                                                                                                                              }
         
.ManageBalanceBankreconciliationCompareCheckboxContainer input:checked  ~ .ManageBalanceBankreconciliationCompareCheckboxLabelTwoIcon {
                                                                                                                                  background-color: green;
                                                                                                                                }  
                                                                                                                        
.ManageBalancePeriodSheetListItemBox {
                                       display: grid;
                                       margin: 0 auto;
                                       margin-top: 10px;
                                       width: 100%;
                                       row-gap: 8px;
                                       grid-template-columns: 85% 15%;
                                       padding: 10px;
                                       align-items: center;
                                      }

.ManageBalancePeriodSheetListItemDescritpion {
                                               text-align: left;
                                               font-size: 11pt;
                                             }

.ManageBalancePeriodSheetListItemValue {
                                         text-align: right;
                                         font-size: 12pt;
                                       }

.ManageBalancePeriodSheetListItemTotalValueLabel {
                                                   text-align: right;
                                                   font-size: 11pt;
                                                   font-weight: 700;
                                                 }

.ManageBalancePeriodSheetListItemTotalValueItem {
                                                  text-align: right;
                                                  font-size: 12pt;
                                                  font-weight: 700;
                                                }

.ManageBalancePeriodSheetListItemTotal {
                                         display: grid;
                                         margin: 0 auto;
                                         margin-top: 10px;
                                         width: 85%;
                                         row-gap: 8px;
                                         grid-template-columns: 33% 33% 34%;
                                         padding: 10px 30px;
                                         align-items: center;
                                         border: 1.5px solid #0A1626;
                                       }

.ManageBalancePeriodSheetListItemTotalLabel {
                                              text-align: center;
                                              font-size: 11pt;
                                              font-weight: 700;
                                            }

.ManageBalancePeriodSheetListItemTotalValueTotal {
                                                   text-align: center;
                                                   font-size: 15pt;
                                                   font-weight: 700;
                                                 }

.ManageBalancePeriodSheetListCategoryBoxItem {
                                               display: grid;
                                               margin: 0 auto;
                                               margin-left: 8px;
                                               margin-top: 10px;
                                               width: 100%;
                                               row-gap: 8px;
                                               grid-template-columns: 48% 28% 14% 4% 6%;
                                               padding: 10px;
                                               border-left: 4px solid orangered;
                                               align-items: center;
                                             }

.ManageBalancePeriodSheetListTitleCategoryItem {
                                                  grid-column: 1 / span 5;
                                                 text-align: left;
                                                 font-size: 11pt;
                                               }

.ManageBalancePeriodSheetListDescription {
                                            text-align: center;
                                          }

.ManageBalancePeriodSheetListTableCostsAllocation {
                                                    padding-left: 4px;
                                                    padding-right: 4px;
                                                    font-size: 10pt;
                                                  }

.ManageBalancePeriodSheetListValueItem {
                                         text-align: center;
                                       }

.ManageBalancePeriodSheetListEuroSymbolItem {
                                              text-align: left;
                                              padding-left: 3px;
                                              padding-bottom: 8px;
                                              font-size: 14pt;
                                            }

.ManageBalancePeriodSheetListActionItem {
                                          text-align: center;
                                        }

.ManageBalancePeriodSheetListCategoryBoxQuoteItem {
                                                    display: grid;
                                                    margin: 0 auto;
                                                    margin-top: 10px;
                                                    width: 100%;
                                                    grid-template-columns: 80% 20%;
                                                    padding: 0px 20px 10px 10px;
                                                    align-items: center;
                                                  }

.ManageBalancePeriodSheetListTitleCategoryQuoteItem {
                                                      grid-row: 1;
                                                      grid-column: 1;
                                                      text-align: left;
                                                      font-size: 10pt; 
                                                      font-weight: 700;
                                                    }

.ManageBalancePeriodSheetListDescriptionQuoteItem {
                                                    grid-row: 2;
                                                    grid-column: 1;
                                                    text-align: left;
                                                    font-size: 12pt; 
                                                    font-style: italic;
                                                  }

.ManageBalancePeriodSheetListValueQuoteItem {
                                              grid-row: 2;
                                              grid-column: 2;
                                              font-size: 14pt;
                                              text-align: right;
                                            }

.ManageBalancePeriodSheetListAllocationTCAdescriptionCategoryQuoteItem {
                                                                         display: grid;
                                                                         margin: 0 auto;
                                                                         margin-left: 0;
                                                                         width: 70%;
                                                                         grid-template-columns: 5% 95%;
                                                                         font-size: 11pt;
                                                                         padding: 8px;
                                                                         grid-row: 3;
                                                                         grid-column: 1;
                                                                         align-items: center;
                                                                       }

.ManageBalancePeriodSheetListAllocationTCAdescriptionIconCategoryQuoteItem {
                                                                             text-align: center;
                                                                             font-size: 8pt;
                                                                           }
                                                                           
.ManageBalancePeriodSheetListAllocationTCAdescriptionNameCategoryQuoteItem {
                                                                             text-align: left;
                                                                             font-size: 9pt;
                                                                             font-weight: 700;
                                                                           }  

.ManageBalancePeriodSheetListAllocationCategoryQuoteItem {
                                                           display: grid;
                                                           margin: 0 auto;
                                                           width: 90%;
                                                           grid-template-columns: 70% 30%;
                                                           font-size: 10pt;
                                                           row-gap: 6px;
                                                           grid-row: 4;
                                                           grid-column: 1;
                                                           align-items: center; 
                                                         }

.ManageBalancePeriodSheetListAllocationNameCategoryQuoteItem {  
                                                                text-align: left;
                                                                background-color: #0A162622; 
                                                                padding: 2px 5px;
                                                                border-top-left-radius: 5px;
                                                                border-bottom-left-radius: 5px;;
                                                             }           

.ManageBalancePeriodSheetListAllocationValueCategoryQuoteItem {
                                                                text-align: right;
                                                                background-color: #0A162622; 
                                                                padding: 2px 5px;
                                                                border-top-right-radius: 5px;
                                                                border-bottom-right-radius: 5px;
                                                              }


.ManageBalanceCostsActionButton {
                                  display: block;
                                  position: relative;
                                  margin: 0 auto;
                                  padding: 10px;
                                  font-size: 18pt;
                                  color: #0A1626;
                                  background-color: white;
                                  border: 2px solid #0A1626;
                                  border-radius: 10px;
                                }

.ManageBalanceCostsActionButton:hover {
                                        color: orangered;
                                        border: 2px solid orangered;
                                      }

.ManageBalanceCostsExceptionButton {
                                        margin: 0;
                                        font-size: 14px;
                                        color: #0A1626;
                                        border: 1.8px solid #0A1626;
                                        font-weight: 400;
                                        border-radius: 4px;
                                        padding: 0px 4px;
                                        background-color: inherit;
                                        cursor: pointer;
                                    }
       
.ManageBalanceCostsExceptionButton:hover {
                                            box-shadow: 0px 0px 6px #0A1626;
                                         }

.ManageBalanceCostAllocationContainer {
                                        display: grid;
                                        margin: 0 auto;
                                        margin-top: 10px;
                                        width: 85%;
                                        grid-template-columns: 7% 93%;
                                        row-gap: 12px;
                                        padding: 5px;
                                        align-items: center;
                                      }

.ManageBalanceCostAllocationFloor {
                                    text-align: center;
                                    font-size: 26pt;
                                    font-weight: 700;
                                  }

.ManageBalanceCostAllocationRUbox {
                                    text-align: center;
                                    border-left: 2.5px solid #0A1626;
                                    border-top : 2.5px solid #0A1626;
                                    border-bottom: 2.5px solid #0A1626;
                                    border-radius: 8px;
                                  }

.ManageBalanceCostAllocationRUContainer {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          grid-template-columns: 10% 20% 20% 5% 30% 15%;
                                          row-gap: 10px;
                                          padding: 0px;
                                          align-items: center;
                                        }

.ManageBalanceCostAllocationCondoRUContainer {
                                                display: grid;
                                                margin: 0 auto;
                                                width: 100%;
                                                grid-template-columns: 100%;
                                                row-gap: 10px;
                                                padding: 8px;
                                                align-items: center;
                                              }

.ManageBalanceCostAllocationCondoRURow {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          grid-template-columns: 15% 20% 10% 55%;
                                          padding: 0px;
                                          align-items: center;
                                          background-color: #09395022;
                                          border-radius: 5px;
                                       }

.ManageBalanceCostAllocationRUicon {
                                    text-align: center;
                                 }

.ManageBalanceCostAllocationRUidentifycode {
                                             text-align: left;
                                             font-size: 11pt;
                                             font-weight: 700;
                                           }

.ManageBalanceCostAllocationRUvalue {
                                      text-align: right;
                                      padding-right: 15px;
                                      font-size: 15pt;
                                    }                                

.ManageBalanceCostAllocationRUpercentage {
                                           text-align: left;     
                                         }

.ManageBalanceCostAllocationRUaction {
                                       text-align: center;     
                                     }

.ManageBalanceCostAllocationCondoValue {
                                          text-align: center;  
                                       }

.ManageBalanceCostAllocationCondoDetailsUsername {
                                                    display: block;
                                                    position: relative;
                                                    width: fit-content;
                                                    margin: 0 auto;
                                                    padding: 4px 8px;
                                                    color: #0A1626;
                                                    border: 2px solid #0A1626;
                                                    font-size: 14pt;
                                                    font-weight: 600;
                                                 }

.ManageBalanceCostAllocationCondoDetailsContainer {
                                                     display: block;
                                                     position: relative;
                                                     width: 90%;
                                                     margin: 0 auto;
                                                     margin-top: 15px;
                                                  }

.ManageBalanceCostAllocationCondoDetailsBox {
                                              display: grid;
                                              margin: 0 auto;
                                              margin-bottom: 15px;
                                              width: 100%;
                                              grid-template-columns: 20% 20% 20% 20% 20%;
                                              row-gap: 10px;
                                              padding: 10px;
                                              align-items: center;
                                              border: 2px solid #0A1626;
                                            }

.ManageBalanceCostAllocationCondoDetailsSurnameName {
                                                      grid-column: 1 / span 3; 
                                                      text-align: left;
                                                      padding-left: 20px;
                                                      font-size: 18px;
                                                      font-weight: 700;
                                                    }

.ManageBalanceCostAllocationCondoDetailsType {
                                                grid-column: 5;
                                                text-align: center;
                                                border: 2px solid #0A1626;
                                                border-radius: 15px;
                                                padding-bottom: 3px;
                                                font-weight: 600;
                                             }

.ManageBalanceCostAllocationCondoDetailPaymentsList {
                                                      grid-column: 1 / span 5;
                                                    }

.ManageBalanceCostAllocationCondoDetailPaymentsQuoteDetailsRow {
                                                                  margin-top: 8px;
                                                                  padding: 6px 10px;
                                                                  font-size: 14pt;
                                                                  font-weight: 600;
                                                                  text-align: left;
                                                                  background-color: #0A162633;
                                                                  border-top-left-radius: 10px;
                                                                  border-top-right-radius: 10px;
                                                               }

.ManageBalanceCostAllocationCondoDetailPaymentsHeaderRow {
                                                            display: grid;
                                                            margin: 0 auto;
                                                            width: 100%;
                                                            grid-template-columns: 35% 16% 16% 5% 15% 13%;
                                                            row-gap: 10px;
                                                            padding: 0px;
                                                            align-items: center;
                                                            border-bottom: 1.5px solid #0A1626;
                                                         }

.ManageBalanceCostAllocationCondoDetailPaymentsRow {
                                                     display: grid;
                                                     margin: 0 auto;
                                                     width: 100%;
                                                     grid-template-columns: 35% 16% 16% 5% 15% 13%;
                                                     row-gap: 10px;
                                                     padding: 0px;
                                                     align-items: center;
                                                   }

.ManageBalanceCostAllocationCondoDetailsDescriptionHeader {
                                                            text-align: left;
                                                          }

.ManageBalanceCostAllocationCondoDetailsValueHeader {
                                                      text-align: center;
                                                    } 

.ManageBalanceCostAllocationCondoDetailsValuepaidHeader {
                                                          grid-column: 3 / span 2;
                                                          text-align: center;
                                                        } 

.ManageBalanceCostAllocationCondoDetailsExpirationDateHeader {
                                                                text-align: center;
                                                             }

.ManageBalanceCostAllocationCondoDetailsStateHeader {
                                                      text-align: center;
                                                    }

.ManageBalanceCostAllocationCondoDetailsNoitem {
                                                  grid-column: 1 / span 6;
                                                  text-align: center;
                                                  font-size: 12pt;
                                               }                                             

.ManageBalanceCostAllocationCondoDetailsDescription {
                                                      text-align: left;
                                                    }

.ManageBalanceCostAllocationCondoDetailsValue {
                                                text-align: center;
                                              } 

.ManageBalanceCostAllocationCondoDetailsValuepaid {
                                                    text-align: center;
                                                  } 

.ManageBalanceCostAllocationCondoDetailsPercentage {
                                                     text-align: center;
                                                   }

.ManageBalanceCostAllocationCondoDetailsExpirationDate {
                                                    text-align: center;
                                                  }

.ManageBalanceCostAllocationCondoDetailsState {
                                                    text-align: center;
                                                  }

.ManageBalanceCostAllocationCondoDetailsStateToPay {
                                                      font-size: 10pt;
                                                      font-weight: 600;
                                                   }

.ManageBalanceCostAllocationCondoDetailsStateToPayExpired {
                                                            font-size: 10pt;
                                                            font-weight: 600;
                                                            color: red;
                                                          }

.ManageBalanceCostAllocationCondoDetailsStatePaid {
                                                    font-size: 10pt;
                                                    font-weight: 600;
                                                    color: green;
                                                  }

.HeatingConsumptionTotalCondominium {
                                      display: grid;
                                      margin: 0 auto;
                                      width: 70%;
                                      grid-template-columns: 60% 40%;
                                      padding: 0px;
                                      align-items: center;
                                    }

.HeatingConsumptionTotalCondominiumLabel {
                                            place-self: center;
                                            font-size: 13pt;
                                         }

.NewEntryPersonalCheckboxContainer {
                           display: grid;
                           position: relative;
                           margin: 0 auto;
                           padding: 5px;
                           width: 100%;
                           color: #0A1626;
                           border: 2px solid #0A1626;
                           border-radius: 8px;
                           grid-template-columns: 5% 60% 35%;
                           align-items: center;
                         }

.NewEntryPersonalItemLabel {
                             place-self: center;
                             font-size: 13pt;
                           }

.NewEntryPersonalItemValue {
                             place-self: center;
                             font-size: 13pt;
                           }

.ContentPageTitleBox {
                          display: block;
                          position: relative;
                            width: 90%;
                            margin: 0 auto;
                            padding: 6px 20px;
                            border-bottom: 2px solid #0A1626;
                            border-left: 2px solid #0A1626;
                            border-bottom-left-radius: 10px;
                            font-size: 16pt;
                            text-align: left;
                          }

.ContentPageTitleGrid {
                        display: grid;
                        position: relative;
                        margin: 0 auto;
                        padding: 5px;
                        width: 100%;
                        color: #0A1626;
                        grid-template-columns: 5% 95%;
                        align-items: center;
                      }

.ContentPageTitleItem {
                         font-size: 15pt;
                         font-weight: 700;
                      }


.ContentPageTitleIconItem {
                            font-size: 22pt;
                          }

.ContentPageSubsectionTitleItem {
                                  grid-column: 1 / span 2; 
                                  font-size: 14pt;
                                  padding: 2px 2px 3px 5px;
                                  background-color: #0A162633;
                                  color: #0A1626;
                                }

.ContentPageSubsectionTitleItemBold {
                                      font-weight: 600;
                                    }

.ManageBalanceChoosePeriodBox {
                                display: grid;
                                position: relative;
                                margin: 0 auto;
                                padding: 5px;
                                width: 85%;
                                color: #0A1626;
                                row-gap: 8px;
                                column-gap: 8px;
                                grid-template-columns: 100%;
                                align-items: center;
                              }

.ManageBalanceChoosePeriodItemRow {
                                    text-align: center;
                                  }

.ManageBalanceChoosePeriodItemBox {
                                    display: grid;
                                    position: relative;
                                    margin: 0 auto;
                                    padding: 5px;
                                    width: 100%;
                                    color: #0A1626;
                                    border: 2px solid #0A1626;
                                    column-gap: 5px;
                                    grid-template-columns: 12% 12% 5% 12% 5% 12% 5% 24% 5% 8%;
                                    align-items: center;
                                  }

.ManageBalanceChoosePeriodItemName {
                                     font-size: 16pt;
                                     font-weight: 600;
                                     text-align: left;
                                     padding-left: 5px;
                                     grid-column: 1 / span 7;
                                   }

.ManageBalanceChoosePeriodItemAction {
                                       text-align: center;
                                       grid-column: 8;
                                       grid-row: 1 / span 2;
                                     }

.ManageBalanceChoosePeriodItemQuote {
                                      grid-row: 2;
                                      grid-column: 2;
                                      padding: 3px 0px;
                                      border-radius: 6px;
                                    }

.ManageBalanceChoosePeriodItemAllocation {
                                           grid-row: 2;
                                           grid-column: 4;
                                           padding: 3px 0px;
                                           border-radius: 6px;
                                         }                                    

.ManageBalanceChoosePeriodItemFinal {
                                      grid-row: 2;
                                      grid-column: 6;
                                      padding: 3px 0px;
                                      border-radius: 6px;
                                    }

.ManageBalanceChoosePeriodItemActive {
                                      grid-row: 1 / span 2;
                                      grid-column: 9;
                                    }

.ManageBalanceChoosePeriodIcon {
                                 font-size: 14pt;
                                 color: white;
                               }

.ManageBalanceChoosePeriodActiveIcon {
                                       font-size: 22pt;
                                       color: inherit;
                                     }

.ManageBalanceChoosePeriodBackGrey {
                                     background-color: #CCC;
                                   } 

.ManageBalanceChoosePeriodBackGreen {
                                      background-color: green;
                                    }

.ManageBalanceChoosePeriodBackBlue {
                                     background-color: #0A1626;
                                   }

.ManageBalanceChoosePeriodActionButton {
                                        display: inline-block;
                                        border: none;
                                        margin: 0;
                                        padding: 0;
                                        font-size: 22px;
                                        color: orangered;
                                        background-color: inherit;
                                       }
   
.ManageBalanceChoosePeriodActionButton:hover {
                                               text-shadow: 0px 0px 6px orangered;
                                             }

.ManageBalanceCostAllocationCondoContainer {
                                            display: grid;
                                            margin: 0 auto;
                                            margin-top: 10px;
                                            width: 85%;
                                            grid-template-columns: 100%;
                                            row-gap: 20px;
                                            padding: 5px;
                                            align-items: center;
                                           }

.ManageBalanceCostAllocationCondoItemContainer {
                                                 display: grid;
                                                 margin: 0 auto;
                                                 width: 100%;
                                                 grid-template-columns: 10% 25% 20% 30% 15%;
                                                 row-gap: 10px;
                                                 padding: 8px 0px;
                                                 align-items: center;
                                               }

.ManageBalanceCostAllocationCondoCondoItemContainer {
                                                      display: grid;
                                                      margin: 0 auto;
                                                      width: 100%;
                                                      grid-template-columns: 10% 40% 50%;
                                                      row-gap: 10px;
                                                      padding: 8px 0px;
                                                      align-items: center;
                                                    }

.ManageBalanceCostAllocationCondoItemRowEven {
                                                background-color: #09395022;
                                               }
                                               
.ManageBalanceCostAllocationCondoItemRowOdd {
                                              background-color: #09395055;
                                            }
  
.ManageBalanceCostAllocationCondoIcon {
                                        text-align: center;
                                      }
  
.ManageBalanceCostAllocationCondoName {
                                        text-align: left;
                                        font-size: 11pt;
                                        font-weight: 700;
                                      }
  
.ManageBalanceCostAllocationCondoValue {
                                         text-align: right;
                                         padding-right: 15px;
                                         font-size: 15pt;
                                       }
  
.ManageBalanceCostAllocationCondoPercentage {
                                              text-align: left;     
                                            }

.ManageBalanceCostAllocationCondoAction {
                                            text-align: center;     
                                          }

.ManageBalanceCostsAllocationTableListBox {
                                            display: grid;
                                            margin: 0 auto;
                                            margin-top: 20px;
                                            width: 100%;
                                            grid-template-columns: 100%;
                                            padding: 10px;
                                            align-items: center;
                                          }
                              
.ManageBalanceCostsAllocationTableListRowTitle {
                                                 display: grid;
                                                 margin: 0 auto;
                                                 width: 90%;
                                                 grid-template-columns: 60% 20% 20%; 
                                                 padding: 10px;
                                                 align-items: center;
                                                 font-weight: 600;
                                               }
                              
.ManageBalanceCostsAllocationTableListNameTitle {
                              
                                                }
                              
.ManageBalanceCostsAllocationTableListLastmodifyTitle {
                              
                                                      }
                              
.ManageBalanceCostsAllocationTableListActionTitle {
                              
                                            }
                              
.ManageBalanceCostsAllocationTableListRowEven {
                                                display: grid;
                                                margin: 0 auto;
                                                width: 90%;
                                                grid-template-columns: 60% 20% 20%; 
                                                padding: 10px;
                                                align-items: center;
                                                background-color: #09395022;
                                                border-radius: 5px;
                                              }
                              
.ManageBalanceCostsAllocationTableListRowOdd {
                                               display: grid;
                                               margin: 0 auto;
                                               width: 90%;
                                               grid-template-columns: 60% 20% 20%; 
                                               padding: 10px;
                                               align-items: center;
                                               background-color: #09395055;
                                               border-radius: 5px;
                                             }
                              
.ManageBalanceCostsAllocationTableListName {
                                             text-align: left;
                                           }
                                   
.ManageBalanceCostsAllocationTableListLastmodify {
                                                   font-size: 10pt;
                                                 }
                              
.ManageBalanceCostsAllocationTableListAction {
                              
                                             }
                              
.ManageBalanceCostsAllocationTableListNoItem {
                                               display: inline-block;
                                               position: relative;
                                               padding: 10px;
                                               width: 80%;
                                               margin: 0 auto;
                                               font-size: 16px;
                                               color: #093950;
                                               background-color: #09395022;
                                             }

.ManageBalanceExceptionsListBox {
                                 display: grid;
                                 margin: 0 auto;
                                 margin-top: 20px;
                                 width: 100%;
                                 grid-template-columns: 100%;
                                 padding: 10px;
                                 align-items: center;
                               }
                                
.ManageBalanceExceptionsListRowTitle {
                                      display: grid;
                                      margin: 0 auto;
                                      width: 90%;
                                      grid-template-columns: 10% 50% 20% 20%; 
                                      padding: 10px;
                                      align-items: center;
                                      font-weight: 600;
                                    }
                                
.ManageBalanceExceptionsListTypeTitle {
                                
                                     }

.ManageBalanceExceptionsListIdentifyCodeRuTitle {
                                
                                               }
                                
.ManageBalanceExceptionsListLastmodifyTitle {
                                
                                                      }
                                
.ManageBalanceExceptionsListActionTitle {
                                
                                       }
                                
.ManageBalanceExceptionsListRowEven {
                                     display: grid;
                                     margin: 0 auto;
                                     width: 90%;
                                     grid-template-columns: 10% 50% 20% 20%; 
                                     padding: 10px;
                                     align-items: center;
                                     background-color: #09395022;
                                     border-radius: 5px;
                                   }
                                
.ManageBalanceExceptionsListRowOdd {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 90%;
                                    grid-template-columns: 10% 50% 20% 20%; 
                                    padding: 10px;
                                    align-items: center;
                                    background-color: #09395055;
                                    border-radius: 5px;
                                  }
                                
.ManageBalanceExceptionsListIdentifyCodeRu {
                                            text-align: left;
                                          }
                                     
.ManageBalanceExceptionsListLastmodify {
                                        font-size: 10pt;
                                      }
                                
.ManageBalanceExceptionsListAction {
                                
                                  }
                                
.ManageBalanceExceptionsListNoItem {
                                     display: inline-block;
                                     position: relative;
                                     padding: 10px;
                                     width: 80%;
                                     margin: 0 auto;
                                     font-size: 16px;
                                     color: #093950;
                                     background-color: #09395022;
                                   }
  
.ManageBalanceCostsAllocationTableNewDetailsBOX {
                                                   display: grid;
                                                   margin: 0 auto;
                                                   width: 90%;
                                                   grid-template-columns: 25% 30% 20% 25%; 
                                                   row-gap: 12px;
                                                   padding: 10px;
                                                   align-items: center;
                                                 }
          
.ManageBalanceCostsAllocationTableNewNameView {
                                                 text-align: center;
                                                 grid-column: 1 / span 4;
                                                 font-size: 15pt;
                                                 padding: 8px;
                                                 background-color: #09395055;
                                               }
          
.ManageBalanceCostsAllocationTableNewTypeLabel {
                                                   text-align: right;
                                                }
          
.ManageBalanceCostsAllocationTableNewTypeField {
                                                  text-align: left;
                                                  padding-left: 15px;
                                                }
          
.ManageBalanceCostsAllocationTableNewPercentageLabel {
                                                        text-align: right;
                                                      }
          
.ManageBalanceCostsAllocationTableNewPercentageField {
                                                        text-align: left;
                                                        padding-left: 15px;
                                                      }
          
.ManageBalanceCostsAllocationTabletNewDetailsErrorMsg {
                                                        grid-column: 1 / span 4;
                                                        text-align: center;
                                                        color: red;
                                                      }
          
.ManageBalanceCostsAllocationTableNewActionButton {
                                                     grid-column: 1;
                                                     text-align: left;
                                                   }  
                   
.ManageBalanceCostsAllocationTableNewProgressBarBox {
                                                       display: grid;
                                                       margin: 0 auto;
                                                       margin-top: 15px;
                                                       width: 90%;
                                                       grid-template-columns: 25% 75%; 
                                                       row-gap: 10px;
                                                       padding: 10px;
                                                       align-items: center;
                                                     }
          
.ManageBalanceCostsAllocationTableNewProgressBarLabel {
                                                         text-align: right;
                                                         padding-right: 15px;
                                                       }
          
.ManageBalanceCostsAllocationTableNewProgressBarValue {
                                                         
                                                       }
          
.ManageBalanceCostsAllocationTableNewDetailsListBox {
                                                      display: grid;
                                                      margin: 0 auto;
                                                      margin-top: 15px;
                                                      width: 90%;
                                                      grid-template-columns: 100%; 
                                                      row-gap: 10px;
                                                      padding: 10px;
                                                      align-items: center;
                                                     }
          
.ManageBalanceCostsAllocationTableNewDetailsListRowLabel {
                                                            display: grid;
                                                            margin: 0 auto;
                                                            width: 100%;
                                                            grid-template-columns: 7% 68% 15% 10%; 
                                                            padding: 10px;                             
                                                            align-items: center;
                                                            height: 40px;
                                                            background-color: #09395055;
                                                            border-radius: 8px;
                                                          }
                                                   
.ManageBalanceCostsAllocationTableNewDetailsListRow {
                                                       display: grid;
                                                       margin: 0 auto;
                                                       width: 100%;
                                                       grid-template-columns: 7% 68% 15% 10%; 
                                                       row-gap: 10px;
                                                       padding: 0;
                                                       height: 50px;
                                                       align-items: center;
                                                       align-self: center;
                                                       border-radius: 8px;
                                                     }
          
.ManageBalanceCostsAllocationTableNewDetailsListNameLabel {
                                                                  grid-column: 1 / span 2;
                                                                 font-weight: 700;
                                                                 text-align: center;
                                                               }
                 
.ManageBalanceCostsAllocationTableNewDetailsListPercentageLabel {
                                                                   font-weight: 700;
                                                                   text-align: center;
                                                                 }
          
.ManageBalanceCostsAllocationTableNewDetailsListActionLabel {
                                                               font-weight: 700;
                                                               text-align: center;
                                                             }
          
.ManageBalanceCostsAllocationTableNewDetailsListIconState {
                                                             text-align: center;
                                                             font-size: 18pt;
                                                             color: white;
                                                             height: 100%;
                                                             padding-top: 8px;
                                                             border-top-left-radius: 8px;
                                                             border-bottom-left-radius: 8px;
                                                           }
          
.ManageBalanceCostsAllocationTableNewDetailsListName {
                                                        text-align: left;
                                                        font-size: 14pt;
                                                        text-transform: capitalize;
                                                        padding-left: 10px;
                                                     }
        
.ManageBalanceCostsAllocationTableNewDetailsListPercentage {
                                                              text-align: center;
                                                              font-size: 12pt;
                                                            }  
                                                            
.ManageBalanceCostsAllocationTableNewDetailsListAction {
                                                          text-align: center;
                                                        }    
          
.ManageBalanceCostsAllocationTableNewDetailsListButton {
                                                          display: inline-block;
                                                          border: none;
                                                          margin: 0 3px;
                                                          padding: 0;
                                                          font-size: 18px;
                                                          color: orangered;
                                                          background-color: inherit;
                                                       }
                         
.ManageBalanceCostsAllocationTableNewDetailsListButton:hover {
                                                                text-shadow: 0px 0px 6px orangered;
                                                              }

.ManageBalanceCostsAllocationTableViewDetailsTableName {
                                                          display: block;
                                                          width: 100%;
                                                          padding: 6px;
                                                          text-align: center;
                                                          font-size: 15pt;
                                                          font-weight: 600;
                                                       }

.ManageBalanceCostsAllocationTableViewDetailsListBox {
                                                       display: grid;
                                                       margin: 0 auto;
                                                       margin-top: 15px;
                                                       width: 90%;
                                                       grid-template-columns: 100%; 
                                                       row-gap: 10px;
                                                       padding: 10px;
                                                       align-items: center;
                                                      }
                    
.ManageBalanceCostsAllocationTableViewDetailsListRowLabel {
                                                            display: grid;
                                                            margin: 0 auto;
                                                            width: 100%;
                                                            grid-template-columns: 7% 61% 32%; 
                                                            padding: 10px;                             
                                                            align-items: center;
                                                            height: 40px;
                                                            background-color: #09395055;
                                                            border-radius: 8px;
                                                          }
                                                             
.ManageBalanceCostsAllocationTableViewDetailsListRow {
                                                        display: grid;
                                                        margin: 0 auto;
                                                        width: 100%;
                                                        grid-template-columns: 7% 61% 32%; 
                                                        row-gap: 10px;
                                                        padding: 0;
                                                        height: 50px;
                                                        align-items: center;
                                                        align-self: center;
                                                        border-radius: 8px;
                                                     }
                    
.ManageBalanceCostsAllocationTableViewDetailsListNameLabel {
                                                              grid-column: 1 / span 2;
                                                              font-weight: 700;
                                                              text-align: center;
                                                            }
                           
.ManageBalanceCostsAllocationTableViewDetailsListPercentageLabel {
                                                                    font-weight: 700;
                                                                    text-align: center;
                                                                 }
                    
.ManageBalanceCostsAllocationTableViewDetailsListIconState {
                                                              text-align: center;
                                                              font-size: 18pt;
                                                              color: white;
                                                              height: 100%;
                                                              padding-top: 8px;
                                                              border-top-left-radius: 8px;
                                                              border-bottom-left-radius: 8px;
                                                           }
                    
.ManageBalanceCostsAllocationTableViewDetailsListName {
                                                        text-align: left;
                                                        font-size: 14pt;
                                                        text-transform: capitalize;
                                                        padding-left: 10px;
                                                      }
                  
.ManageBalanceCostsAllocationTableViewDetailsListPercentage {
                                                              text-align: center;
                                                              font-size: 12pt;
                                                            }  

.ManageBalanceHeatingConsumptionsListEvenRow {
                                                display: grid;
                                                margin: 0 auto;
                                                width: 90%;
                                                grid-template-columns: 12% 38% 30% 20%; 
                                                padding: 12px 8px;
                                                align-items: center;
                                                align-self: center;
                                                justify-content: right;
                                                background-color: #09395055;
                                                border-radius: 5px;
                                             } 

.ManageBalanceHeatingConsumptionsListOddRow {
                                              display: grid;
                                              margin: 0 auto;
                                              width: 90%;
                                              grid-template-columns: 12% 38% 30% 20%;   
                                              padding: 12px 8px;
                                              align-items: center;
                                              align-self: center;
                                              justify-content: right;
                                              background-color: #09395022;
                                              border-radius: 5px;
                                            } 

.ManageBalanceHeatingConsumptionsListTotalRow {
                                                display: grid;
                                                margin: 0 auto;
                                                width: 90%;
                                                grid-template-columns: 12% 38% 30% 20%; 
                                                padding: 12px 8px;
                                                align-items: center;
                                                align-self: center;
                                                justify-content: right;
                                                border-radius: 8px;
                                              } 

.ManageBalanceHeatingConsumptionsListFloor {
                                              text-align: center;
                                           }

.ManageBalanceHeatingConsumptionsListIdentifyCode {
                                                    text-align: left;
                                                  }

.ManageBalanceHeatingConsumptionsListRUType {
                                              text-align: center;
                                            }

.ManageBalanceHeatingConsumptionsListValue {
                                              text-align: right;
                                           }

.ManageBalanceHeatingConsumptionsListViewValue {
                                                 margin-left: 50%;
                                                 text-align: center;
                                                 border-radius: 5px;
                                                 border: 1.5px solid #0A1626;
                                                 background-color: whitesmoke;
                                                 color: #0A1626;
                                                 font-size: 15pt;
                                               }

.ManageBalanceHeatingConsumptionsTotalValueRow {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 100%;
                                                  grid-template-columns: 7% 68% 15% 10%; 
                                                  padding: 12px;
                                                  align-items: center;
                                                  align-self: center;
                                                  border-radius: 8px;
                                               }

.ManageBalanceHeatingConsumptionsListTotalValueBlank {
                                                       grid-column: 1 / span 3;
                                                     }

.ManageBalanceHeatingConsumptionsListTotalValue {
                                                  margin-left: 45%;
                                                  text-align: center;
                                                  border-radius: 8px;
                                                  padding: 10px 5px;
                                                  border: 1.5px solid #0A1626;
                                                  background-color: #0A1626;
                                                  color: white;
                                                  font-size: 15pt;
                                                }

.ManageBalanceHeatingConsumptionsListGeneralInfoBox {
                                                      display: grid;
                                                      margin: 0 auto;
                                                      width: 70%;
                                                      grid-template-columns: 40% 60%; 
                                                      padding: 8px;
                                                      align-items: center;
                                                      align-self: center;
                                                      border-radius: 8px;
                                                      border: 2px solid #0A1626;
                                                    }

.ManageBalanceHeatingConsumptionsListGeneralInfoPercentageLabel {
                                                                    font-size: 14pt;
                                                                    font-weight: 600;
                                                                }

.ManageBalanceHeatingConsumptionsListGeneralInfoPercentageValue {
                                                                    font-size: 16pt;
                                                                    font-weight: 600;
                                                                }

.ManageBalanceHeatingConsumptionsListGeneralInfoTotalLabel {
                                                              font-size: 14pt;
                                                              font-weight: 600;
                                                           }

.ManageBalanceHeatingConsumptionsListGeneralInfoTotalValue {
                                                              font-size: 18pt;
                                                              font-weight: 600;
                                                           }
  
.NoticeCriticalityBox {
                        display: grid;
                        margin: 0 auto;
                        margin-top: 10px;
                        width: 85%;
                        grid-template-columns: 100%;
                        row-gap: 10px;
                        padding: 5px;
                        align-items: center;
                      }

.NoticeCriticalityRow {
                        display: grid;
                        margin: 0 auto;
                        width: 100%;
                        grid-template-columns: 7% 38% 20% 15% 20%;
                        padding: 8px 0px;
                        align-items: center;
                        border: 1px solid #0A1626;
                        border-bottom-right-radius: 8px;
                      }

.NoticeCriticalityNoitem {
                           grid-column: 1 / span 5;
                         }

.NoticeCriticalityLevel {
                          font-size: 16pt;
                        }

.NoticeCriticalityLevelHighIcon {
                                  color: red;
                                }

.NoticeCriticalityLevelMediumIcon {
                                  color: orange;
                                }

.NoticeCriticalityLevelLowIcon {
                                  color: green;
                               }

.NoticeCriticalityTitle {
                          font-size: 12pt;
                          font-weight: 700;
                          text-align: left;
                        }

.NoticeCriticalityLastupdate {
                               font-size: 10pt;
                             }

.NoticeFaultBox {
                  display: grid;
                  margin: 0 auto;
                  margin-top: 10px;
                  width: 85%;
                  grid-template-columns: 100%;
                  row-gap: 10px;
                  padding: 5px;
                  align-items: center;
                }
      
.NoticeFaultRow {
                  display: grid;
                  margin: 0 auto;
                  width: 100%;
                  grid-template-columns: 15% 30% 20% 15% 20%;
                  padding: 8px 0px;
                  align-items: center;
                  border: 1px solid #0A1626;
                  border-bottom-right-radius: 8px;
                }

.NoticeFaultNoitem {
                     grid-column: 1 / span 5;
                   }
      
.NoticeFaultLevel {
                    font-size: 12pt;
                  }
      
.NoticeFaultTitle {
                    font-size: 12pt;
                    font-weight: 700;
                    text-align: left;
                  }
      
.NoticeFaultLastupdate {
                         font-size: 10pt;
                       }

.NoticeInfoBox {
                 display: grid;
                 margin: 0 auto;
                 margin-top: 10px;
                 width: 85%;
                 grid-template-columns: 100%;
                 row-gap: 10px;
                 padding: 5px;
                 align-items: center;
               }
      
.NoticeInfoRow {
                 display: grid;
                 margin: 0 auto;
                 width: 100%;
                 grid-template-columns: 4% 25% 39% 10% 10% 12%;
                 padding: 8px 0px;
                 align-items: center;
                 border: 1px solid #0A1626;
                 border-bottom-right-radius: 8px;
               }

.NoticeInfoCondoRow {
                      display: grid;
                      margin: 0 auto;
                      width: 100%;
                      grid-template-columns: 5% 63% 10% 10% 12%;
                      padding: 8px 0px;
                      align-items: center;
                      border: 1px solid #0A1626;
                      border-bottom-right-radius: 8px;
                    }

.NoticeInfoNoitem {
                    grid-column: 1 / span 4;
                  }

.NoticeInfoTypeIcon {
                      font-size: 13pt;
                      text-align: center;
                    }
                     
.NoticeInfoTypeIconOut {
                         color: red;
                       }

.NoticeInfoTypeIconIn {
                        color: green;
                      }
      
.NoticeInfoCondoName {
                       font-size: 12pt;
                       text-align: left;
                     }

.NoticeInfoTitle {
                   font-size: 11pt;
                   font-weight: 700;
                   text-align: left;
                 }

.NoticeInfotState {
                  text-align: center;
                }

.NoticeInfoStateViewedIcon {
                              color: #0A1626;
                            }

.NoticeInfoStateNoViewedIcon {
                                border: 1.5px solid #0A1626;
                                background-color: #0A1626;
                                color: white;
                                padding: 2px 6px;
                                border-radius: 5px;
                             }
      
.NoticeInfoLastupdate {
                        font-size: 10pt;
                      }



.NoticeFormBox {
                  display: block;
                  margin: 0 auto;
                  width: 90%;
                  padding: 15px;
                  border: 1.5px solid #0A1626;
               }

.NoticeFormTitle {
                    background-color: #0A162677;
                    color: white;
                    padding: 6px;
                    font-size: 13pt;
                    font-weight: 600;
                 }

.NoticeFaultFormInfo {
                  display: grid;
                  margin: 0 auto;
                  width: 100%;
                  grid-template-columns: 4% 41% 55%;
                  padding: 8px 8px 4px 8px;
                  text-align: left;
                  color: #0A162699;
                  border: 1.5px solid #0A162677;
                }

.NoticeCriticalityFormInfo {
                              display: grid;
                              margin: 0 auto;
                              width: 100%;
                              grid-template-columns: 40% 60%;
                              padding: 8px 8px 4px 8px;
                              text-align: left;
                              color: #0A162699;
                              border: 1.5px solid #0A162677;
                           }

.NoticeFormInfoArtisanIcon {
                              font-size: 15pt;
                              text-align: center;
                           }

.NoticeFormInfoArtisanName {
                             font-style: italic;
                           }

.NoticeFormInfoTitle {
                       font-weight: 600;
                     }

.NoticeFormInfoDescription {
                             font-style: italic;
                           }

.NoticeFormStepInfo {
                      display: grid;
                      margin: 0 auto;
                      margin-top: 10px;
                      width: 80%;
                      grid-template-columns: 3% 18% 79%;
                      padding: 10px;
                      color: #0A1626;
                      border: 1px solid #0A1626;
                    }

.NoticeFormStepInfoIcon {
                          text-align: right;
                        }

.NoticeFormStepInfoDate {
                          text-align: left;
                        }

.NoticeFormStepInfoDescription {
                                 text-align: left;
                               }

.NoticeFormStepInfoDescriptionMeetingDate {
                                            font-weight: 600;
                                            font-size: 11pt;
                                          }

.NoticeFormStepInfoDescriptionNote {
                                     font-style: italic;
                                   }

.NoticeFormStepInfoDescriptionArtisan {
                                        font-weight: 600;
                                        font-size: 11pt;
                                      }

.NoticeFormStepInfoDescriptionProfessional {
                                              font-weight: 600;
                                              font-size: 11pt;
                                           }

.NoticeInfoViewBox {
                  display: block;
                  margin: 0 auto;
                  width: 90%;
                  padding: 15px;
               }
                          
.NoticeInfoViewTitle {
                    display: grid;
                    margin: 0 auto;
                    width: 100%;
                    grid-template-columns: 4% 52% 20% 20% 4%;
                    padding: 8px 8px 4px 8px;
                    color: white;
                    background-color: #0A162699;
                 }

.NoticeInfoViewTitleIcontype {
                            font-size: 14pt;
                            text-align: center;
                         }

.NoticeInfoViewTitleUsername {
                            font-size: 12pt;
                            font-weight: 600;
                            text-align: left;
                         }

.NoticeInfoViewTitleDate {
                        font-size: 11pt;
                     }

.NoticeInfoViewDetails {
                         display: grid;
                         margin: 0 auto;
                         width: 100%;
                         grid-template-columns: 40% 60%;
                         padding: 8px 8px 4px 8px;
                         text-align: left;
                         color: #0A1626;
                         border: 1.5px solid #0A1626;
                       }

.NoticeInfoViewDetailsTitle {
                              font-size: 12pt;
                              font-weight: 600;
                            }

.NoticeInfoViewDetailsDescription {
                                    font-size: 11pt;
                                    font-style: italic;
                                    text-align: justify;
                                  }

.NoticeInfoViewAttachments {
                              display: grid;
                              margin: 0 auto;
                              width: 100%;
                              grid-template-columns: 100%;
                              padding: 8px 8px 4px 8px;
                              color: #0A1626;
                              border: 1.5px solid #0A1626;
                           }

.NoticeInfoViewAttachmentsTitle {
                                  text-align: left;
                                  padding-left: 10px;
                                  font-size: 13pt;
                                }

.NoticeInfoViewAttachmentsRowIN {
                               display: grid;
                               margin: 0 auto;
                               margin-bottom: 5px;
                               width: 100%;
                               grid-template-columns: 48% 42% 10%;
                               padding: 8px 8px 4px 8px;
                               color: #0A1626;
                               background-color: #00800033;
                               border-radius: 5px;
                             }

.NoticeInfoViewAttachmentsRowOUT {
                                display: grid;
                                margin: 0 auto;
                                margin-bottom: 5px;
                                width: 100%;
                                grid-template-columns: 48% 42% 10%;
                                padding: 8px 8px 4px 8px;
                                color: #0A1626;
                                background-color: #FF000033;
                                border-radius: 5px;
                              }



.NoticeInfoViewAttachmentsFileDescription {
                                            grid-column: 1;
                                            text-align: left;
                                            font-weight: 600;
                                          }

.NoticeInfoViewAttachmentsFileNamefile {
                                          grid-column: 2;
                                          text-align: left;
                                          font-size: 11pt;
                                       }

.NoticeInfoViewAttachmentsUploadDate {
                                        grid-column: 1;
                                        text-align: left;
                                        font-size: 9pt;
                                        font-weight: 550;
                                     }  
                                     
.NoticeInfoViewAttachmentsUploadUsername {
                                          grid-column: 2;
                                          text-align: left;
                                          font-size: 9pt;
                                          font-weight: 600;
                                        }

.NoticeInfoViewAttachmentsFileDownladicon {
                                             text-align: center;
                                             grid-row: 1 / span 2;
                                             grid-column: 3;
                                             align-self: center;
                                          }

.NoticeInfoViewAttachmentsFileDownladButton {
                                              display: inline-block;
                                              border: none;
                                              margin: 0;
                                              padding: 0;
                                              font-size: 18pt;
                                              color: orangered;
                                              background-color: inherit;
                                            }
             
.NoticeInfoViewAttachmentsFileDownladButton:hover {
                                                     text-shadow: 0px 0px 6px orangered;
                                                  }

.NoticeInfoViewReaction {
                          display: grid;
                          margin: 0 auto;
                          width: 100%;
                          grid-template-columns: 20% 20% 20% 20% 20%;
                          padding: 8px 8px 4px 8px;
                          text-align: left;
                          color: #0A1626;
                          border: 1.5px solid #0A1626;
                        } 

.NoticeInfoViewReactionInMsgBox {
                                  display: grid;
                                  margin-bottom: 8px;
                                  width: 100%;
                                  grid-column: 3 / span 3;
                                  grid-template-columns: 50% 20% 30%;
                                  padding: 8px;
                                  color: #00C416;
                                  border-top-left-radius: 8px;
                                  border-top-right-radius: 8px;
                                  border-bottom-right-radius: 8px;
                                  border: 1px solid #00C416;
                                  background-color: #00C41633;
                                } 
                                
.NoticeInfoViewReactionOutMsgBox {
                                   display: grid;
                                   width: 100%;
                                   margin-bottom: 8px;
                                   grid-column: 1 / span 3;
                                   grid-template-columns: 50% 20% 30%;
                                   padding: 8px;
                                   color: #0094EA;
                                   border-top-left-radius: 8px;
                                   border-top-right-radius: 8px;
                                   border-bottom-left-radius: 8px;
                                   border: 1px solid #0094EA;
                                   background-color: #0094EA33;
                                 }  

.NoticeInfoViewReactionMsgContent {
                                     grid-column: 1 / span 3;
                                     text-align: justify;
                                     border-bottom: 1px solid white;
                                     padding-bottom: 4px;
                                  }

.NoticeInfoViewReactionMsgUsername {
                                      grid-column: 1;
                                      text-align: left;
                                      font-size: 9pt;
                                      font-weight: 600;
                                      margin-top: 4px;
                                   }

.NoticeInfoViewReactionMsgAction {
                                    grid-column: 2;
                                    text-align: center;
                                    margin-top: 4px;
                                 }

.NoticeInfoViewReactionMsgDate {
                                  grid-column: 3;
                                  text-align: right;
                                  font-size: 9pt;
                                  margin-top: 4px;
                               }

.NoticeInfoViewReactionNewMsgBox {
                                    grid-column: 2 / span 3;
                                 }

.NoticeInfoViewReactionNewMsgButton {
                                      grid-column: 1 / span 5;
                                      text-align: center;
                                      padding: 8px 0;
                                    }

.NoticeInfoViewIconButton {
                                  font-size: 20pt;
                                  padding-right: 8px;
                                  font-weight: normal;
                                }

.NoticeInfoViewButton {
                        display: inline-block;
                        border: none;
                        width: 40%;
                        padding: 10px;
                        font-size: 18px;
                        color: orangered;
                        border: 2px solid orangered;
                        border-radius: 8px;
                        background-color: inherit;
                     }

.NoticeInfoViewButton:hover {
                                text-shadow: 0px 0px 6px orangered;
                                box-shadow: 0px 0px 6px orangered;
                               }

.NoticeInfoViewButton:disabled {
                                       color: gray;
                                       border: 2px solid gray;
                                       pointer-events: none;
                                     }

.NoticeInfoViewButtonSubmit {
                              display: inline-block;
                              position: relative;
                              width: 100px;
                              margin: 10px;
                              margin-left: 25px;
                              padding: 5px;
                              color: white; 
                              background-color: #222255;
                              font-family: "Benjamin Gothic Pro";
                              font-size: 12px;
                              font-weight: bold;
                              text-decoration: none;
                              border: 1.5px solid #222255;
                              cursor: pointer;
                              border-radius: 5px;
                            }
                                        
.NoticeInfoViewButtonSubmit:hover {
                                    color: #222255;
                                    background-color: white;
                                    border: 1.5px solid #222255;
                                  }
                                              
.NoticeInfoViewButtonSubmit:disabled {
                                        font-size: 14px;
                                        background-color: #CCC;
                                        color: #606060;
                                        cursor: not-allowed;
                                     }

.ManageOfficeAdministratorTitlePage {
                                      display: block;
                                      position: relative;
                                      width: 90%;
                                      margin: 0 auto;
                                      margin-top: 15px;
                                      padding: 6px 20px;
                                      border-bottom: 2px solid #0A1626;
                                      border-left: 2px solid #0A1626;
                                      border-bottom-left-radius: 10px;
                                      font-size: 16pt;
                                      text-align: left;
                                    }
            
.ManageOfficeAdministratorTitlePageIconType {
                                              font-size: 20pt;
                                            }

.ManageOfficeAdministratorOrganigramListBox {
                                              display: grid;
                                              margin: 0 auto;
                                              margin-top: 15px;
                                              margin-bottom: 15px;
                                              width: 90%;
                                              row-gap: 6px;
                                              grid-template-columns: 100%;
                                              padding: 8px 8px 4px 8px;
                                            }

.ManageOfficeAdministratorOrganigramListTitleRow {
                                                    display: grid;
                                                    margin: 0 auto;
                                                    width: 100%;
                                                    grid-template-columns: 6% 30% 25% 15% 12% 12%;
                                                    padding: 8px 8px 4px 8px;
                                                    text-align: center;
                                                 }    
                                                
.ManageOfficeAdministratorOrganigramListTitleGender {
                                                      font-size: 12pt;
                                                      font-weight: 600;
                                                    }

.ManageOfficeAdministratorOrganigramListTitleSurname {
                                                        font-size: 12pt;
                                                        font-weight: 600;
                                                     }

.ManageOfficeAdministratorOrganigramListTitleName {
                                                    font-size: 12pt;
                                                    font-weight: 600;
                                                  }

.ManageOfficeAdministratorOrganigramListTitleRole {
                                                    font-size: 12pt;
                                                    font-weight: 600;
                                                  }

.ManageOfficeAdministratorOrganigramListTitleLastupdate {
                                                          font-size: 12pt;
                                                          font-weight: 600;
                                                        }

.ManageOfficeAdministratorOrganigramListTitleAction {
                                                      font-size: 12pt;
                                                      font-weight: 600;
                                                    }

.ManageOfficeAdministratorOrganigramListRow {
                                              display: grid;
                                              margin: 0 auto;
                                              width: 100%;
                                              grid-template-columns: 6% 30% 25% 15% 12% 12%;
                                              padding: 8px 8px 4px 8px;
                                              background-color: #D1E4FF;
                                              border-radius: 8px;
                                              color: #0A1626;
                                              text-align: center;
                                              font-size: 12pt;
                                            }  
                                            
.ManageOfficeAdministratorOrganigramListGender {
                                                  text-align: center;
                                                  font-size: 16pt;
                                               }

.ManageOfficeAdministratorOrganigramListSurname {
                                                    text-align: left;
                                                    font-size: 13pt;
                                                }

.ManageOfficeAdministratorOrganigramListName {
                                                text-align: left;
                                                font-size: 13pt;
                                             }

.ManageOfficeAdministratorOrganigramListRole {
                                               text-align: center;
                                               font-size: 12pt;
                                             }

.ManageOfficeAdministratorOrganigramListLastupdate {
                                                     text-align: center;
                                                     font-size: 11pt;
                                                   }

.ManageOfficeAdministratorOrganigramListAction {
                                                  text-align: center;
                                               }

.ManageOfficeAdministratorStaffNewBox {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 90%;
                                        grid-template-columns: 20% 60% 20%;
                                        padding: 8px 8px 4px 8px;
                                        border-radius: 8px;
                                        border: 2px solid #0A1626;
                                        color: #0A1626;
                                        text-align: center;
                                      }

.ManageOfficeAdministratorStaffNewEmail,
.ManageOfficeAdministratorStaffNewDetails,
.ManageOfficeAdministratorStaffNewForm
                                        {
                                          grid-column: 2;
                                          text-align: center;
                                        }

.ManageOfficeAdministratorStaffNewDetailsRow {
                                                display: grid;
                                                margin: 0 auto;
                                                width: 100%;
                                                grid-template-columns: 10% 45% 45%;
                                                padding: 8px 8px 4px 8px;
                                                background-color: #D1E4FF;
                                                border-radius: 8px;
                                                color: #0A1626;
                                                text-align: center;
                                                font-size: 12pt;
                                             }

.ManageOfficeAdministratorStaffEditBox {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 90%;
                                          grid-template-columns: 20% 60% 20%;
                                          padding: 8px 8px 4px 8px;
                                          border-radius: 8px;
                                          border: 2px solid #0A1626;
                                          color: #0A1626;
                                          text-align: center;
                                       }
      
.ManageOfficeAdministratorStaffEditInfoForm
                                              {
                                                grid-column: 2;
                                                text-align: center;
                                              }

.ManageOfficeAdministratorOrganigramPermitsUserinfoBox {
                                                          display: grid;
                                                          margin: 0 auto;
                                                          margin-top: 15px;
                                                          margin-bottom: 20px;
                                                          width: 60%;
                                                          grid-template-columns: 20% 80%;
                                                          padding: 8px 8px 4px 8px;
                                                          border: 2px solid #0A1626;
                                                          box-shadow: 5px 5px 8px #0A1626;
                                                          color: #0A1626;
                                                          text-align: center;
                                                       }

.ManageOfficeAdministratorOrganigramPermitsUserinfoIconGender {
                                                                text-align: right;
                                                                padding-right: 5px;
                                                                font-size: 24pt;
                                                              }

.ManageOfficeAdministratorOrganigramPermitsUserinfoUsername {
                                                              text-align: left;
                                                              padding-left: 5px;
                                                              font-size: 24pt;
                                                              font-weight: 600;
                                                            }                                                         

.ManageOfficeAdministratorOrganigramPermitsVisibilityBox {
                                                            display: grid;
                                                            margin: 0 auto;
                                                            margin-bottom: 10px;
                                                            width: 90%;
                                                            grid-template-columns: 15% 65% 20%;
                                                            padding: 8px 8px 4px 8px;
                                                            border-radius: 8px;
                                                            border: 2px solid #0A1626;
                                                            color: #0A1626;
                                                            text-align: center;
                                                         }

.ManageOfficeAdministratorOrganigramPermitsVisibilityAllBox {
                                                              display: grid;
                                                              margin: 0 auto;
                                                              margin-bottom: 10px;
                                                              width: 90%;
                                                              grid-template-columns: 15% 65% 20%;
                                                              padding: 8px 8px 4px 8px;
                                                              text-align: center;
                                                            }

.ManageOfficeAdministratorOrganigramPermitsVisibilityIconItem {
                                                                text-align: center;
                                                                align-self: center;
                                                                font-size: 30pt;
                                                              }

.ManageOfficeAdministratorOrganigramPermitsVisibilityDescriptionItem {
                                                                        text-align: left;
                                                                        align-self: center;
                                                                        font-size: 18pt;
                                                                     }

.ManageOfficeAdministratorOrganigramPermitsVisibilityActionItem {
                                                                    text-align: center;
                                                                }

.ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioContainer {
                                                                            display: inline-block;
                                                                            position: relative;
                                                                            padding: 10px;
                                                                            cursor: pointer;
                                                                          }
                      
.ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioContainer input {
                                                                                    position: absolute;
                                                                                    opacity: 0;
                                                                                    cursor: pointer;
                                                                                    height: 0;
                                                                                    width: 0;
                                                                                 }

.ManageOfficeAdministratorOrganigramPermitsVisibilityActionButton {
                                                                    display: table-cell;
                                                                    width: 80px;
                                                                    height: 40px;
                                                                    padding: 8px;
                                                                    vertical-align: middle;
                                                                    color: orangered;
                                                                    background-color: white;
                                                                    border: 2px solid orangered; 
                                                                    border-radius: 8px;
                                                                  }

.ManageOfficeAdministratorOrganigramPermitsVisibilityActionButton:hover {
                                                                          color: white;
                                                                          background-color: orangered;
                                                                        }
                      
.ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioLabelYes {
                                                                            display: table-cell;
                                                                            width: 80px;
                                                                            height: 40px;
                                                                            padding: 8px;
                                                                            vertical-align: middle;
                                                                            color: green;
                                                                            border: 2px solid green; 
                                                                            border-radius: 8px;
                                                                         }  
                      
.ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioContainer:hover input  ~ .ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioLabelYes {
                                                                                                                                                                    background-color: green;
                                                                                                                                                                    color: white;
                                                                                                                                                                  }
                      
.ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioContainer input:checked  ~ .ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioLabelYes {
                                                                                                                                                                      background-color: green;
                                                                                                                                                                      color: white;
                                                                                                                                                                    }  
                      
.ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioLabelNo {
                                                                          display: table-cell;
                                                                          width: 80px;
                                                                          height: 40px;
                                                                          padding: 8px;
                                                                          vertical-align: middle;
                                                                          color: red;
                                                                          border: 2px solid red; 
                                                                          border-radius: 8px;
                                                                        }  
                                                                  
.ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioContainer:hover input  ~ .ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioLabelNo {
                                                                                                                                                                   background-color: red;
                                                                                                                                                                   color:white;
                                                                                                                                                                 }
                                                                  
.ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioContainer input:checked  ~ .ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioLabelNo {
                                                                                                                                                                     background-color: red;
                                                                                                                                                                     color: white;
                                                                                                                                                                   }  
                                                                                                               
.ManageOfficeAdministratorOrganigramPermitsVisibilityActionRadioLabelIcon {
                                                                            font-size: 20px;
                                                                          }

.ManageOfficeAdministratorOrganigramPermitsCrudfBox {
                                                      display: grid;
                                                      margin: 0 auto;
                                                      margin-bottom: 10px;
                                                      width: 90%;
                                                      grid-template-columns: 10% 50% 40%;
                                                      padding: 8px 8px 4px 8px;
                                                      border-radius: 8px;
                                                      border: 2px solid #0A1626;
                                                      color: #0A1626;
                                                      text-align: center;
                                                   }

.ManageOfficeAdministratorOrganigramPermitsCrudfAllBox {
                                                         display: grid;
                                                         margin: 0 auto;
                                                         margin-bottom: 10px;
                                                         width: 90%;
                                                         grid-template-columns: 10% 50% 40%;
                                                         padding: 8px 8px 4px 8px;
                                                         text-align: center;
                                                       }
                
.ManageOfficeAdministratorOrganigramPermitsCrudfIconItem {
                                                            text-align: center;
                                                            align-self: center;
                                                            font-size: 30pt;
                                                         }
                
.ManageOfficeAdministratorOrganigramPermitsCrudfDescriptionItem {
                                                                  text-align: left;
                                                                  align-self: center;
                                                                  font-size: 18pt;
                                                                }
                
.ManageOfficeAdministratorOrganigramPermitsCrudfActionItem {
                                                              text-align: center;
                                                           }
                
.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioContainer {
                                                                        display: inline-block;
                                                                        position: relative;
                                                                        padding: 5px;
                                                                        cursor: pointer;
                                                                     }
                                      
.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioContainer input {
                                                                              position: absolute;
                                                                              opacity: 0;
                                                                              cursor: pointer;
                                                                              height: 0;
                                                                              width: 0;
                                                                           }
                                      
.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioLabel {
                                                                    display: table-cell;
                                                                    width: 50px;
                                                                    height: 40px;
                                                                    padding: 8px;
                                                                    vertical-align: middle;
                                                                    color: #0A1626;
                                                                    background-color: white;
                                                                    border: 2px solid #0A1626; 
                                                                    border-radius: 8px;
                                                                 }  
                                      
.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioContainer input:checked  ~ .ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioLabel {
                                                                                                                                                          background-color: #0A1626;
                                                                                                                                                          color: white;
                                                                                                                                                       }    
                                                                                                                                                       
.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioLabelIcon {
                                                                        font-size: 20px;
                                                                     }
                                                                                                                                                       
.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioAllLabel {
                                                                      display: table-cell;
                                                                      width: 110px;
                                                                      height: 40px;
                                                                      padding: 8px;
                                                                      vertical-align: middle;
                                                                      color: orangered;
                                                                      background-color: white;
                                                                      border: 2px solid orangered; 
                                                                      border-radius: 8px;
                                                                    }  
                                                                                                                          
.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioContainer input:checked  ~ .ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioAllLabel {
                                                                                                                                                            background-color: white;
                                                                                                                                                            color: orangered;
                                                                                                                                                          }  


.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioAllColLabel {
                                                                          display: table-cell;
                                                                          width: 50px;
                                                                          height: 40px;
                                                                          padding: 8px;
                                                                          vertical-align: middle;
                                                                          color: orangered;
                                                                          background-color: white;
                                                                          border: 2px solid orangered; 
                                                                          border-radius: 8px;
                                                                        }  

.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioContainer input:checked  ~ .ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioAllColLabel {
                                                                                                                                                               background-color: white;
                                                                                                                                                               color: orangered;
                                                                                                                                                             }  
.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioAllAllLabel {
                                                                          display: table-cell;
                                                                          width: 110px;
                                                                          height: 40px;
                                                                          padding: 8px;
                                                                          vertical-align: middle;
                                                                          color: green;
                                                                          background-color: white;
                                                                          border: 2px solid green; 
                                                                          border-radius: 8px;
                                                                       }  
                                                                                                                                                                                                                
.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioContainer input:checked  ~ .ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioAllAllLabel {
                                                                                                                                                                background-color: white;
                                                                                                                                                                color: green;
                                                                                                                                                             }   

.ManageOfficeAdministratorOrganigramPermitsCrudfActionRadioAllLabelIcon {
                                                                          font-size: 14px;
                                                                        }
                            
.ManageOfficeAdministratorContactListBox {
                                            display: grid;
                                            margin: 0 auto;
                                            margin-top: 15px;
                                            margin-bottom: 15px;
                                            width: 90%;
                                            row-gap: 6px;
                                            grid-template-columns: 100%;
                                            padding: 8px 8px 4px 8px;
                                         }
                            
.ManageOfficeAdministratorContactListTitleRow {
                                                display: grid;
                                                margin: 0 auto;
                                                width: 100%;
                                                grid-template-columns: 10% 60% 15% 15%;
                                                padding: 8px 8px 4px 8px;
                                                text-align: center;
                                              }     
                                                                            
.ManageOfficeAdministratorContactListTitleIconType {
                                                      font-size: 12pt;
                                                      font-weight: 600;
                                                   }
                            
.ManageOfficeAdministratorContactListTitleValue {
                                                  font-size: 12pt;
                                                  font-weight: 600;
                                                }
                            
.ManageOfficeAdministratorContactListTitleLastupdate {
                                                        font-size: 12pt;
                                                        font-weight: 600;
                                                     }
                            
.ManageOfficeAdministratorContactListTitleAction {
                                                    font-size: 12pt;
                                                    font-weight: 600;
                                                 }
                            
.ManageOfficeAdministratorContactListRow {
                                            display: grid;
                                            margin: 0 auto;
                                            width: 100%;
                                            grid-template-columns: 10% 60% 15% 15%;
                                            padding: 8px 8px 4px 8px;
                                            background-color: #D1E4FF;
                                            border-radius: 8px;
                                            color: #0A1626;
                                            text-align: center;
                                            font-size: 12pt;
                                         }  
                                                                        
.ManageOfficeAdministratorContactListIconType {
                                                text-align: center;
                                                font-size: 20pt;
                                              }
                            
.ManageOfficeAdministratorContactListValue {
                                            text-align: left;
                                            font-size: 15pt;
                                          }
                            
.ManageOfficeAdministratorContactListLastupdate {
                                                  text-align: center;
                                                  font-size: 11pt;
                                                  align-self: center;
                                                }
                            
.ManageOfficeAdministratorContactListAction {
                                              text-align: center;
                                              align-self: center;
                                            }

.ManageUserProfileContactListBox {
                                    display: grid;
                                    margin: 0 auto;
                                    margin-top: 15px;
                                    margin-bottom: 15px;
                                    width: 90%;
                                    row-gap: 6px;
                                    grid-template-columns: 100%;
                                    padding: 8px 8px 4px 8px;
                                 }
                              
.ManageUserProfileContactListTitleRow {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 100%;
                                        grid-template-columns: 10% 60% 15% 15%;
                                        padding: 8px 8px 4px 8px;
                                        text-align: center;
                                      }     
                                                                              
.ManageUserProfileContactListTitleIconType {
                                              font-size: 12pt;
                                              font-weight: 600;
                                           }
                              
.ManageUserProfileContactListTitleValue {
                                          font-size: 12pt;
                                          font-weight: 600;
                                        }
                              
.ManageUserProfileContactListTitleLastupdate {
                                                font-size: 12pt;
                                                font-weight: 600;
                                             }
                              
.ManageUserProfileContactListTitleAction {
                                            font-size: 12pt;
                                            font-weight: 600;
                                         }
                              
.ManageUserProfileContactListRow {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    grid-template-columns: 10% 60% 15% 15%;
                                    padding: 8px 8px 4px 8px;
                                    background-color: #D1E4FF;
                                    border-radius: 8px;
                                    color: #0A1626;
                                    text-align: center;
                                    font-size: 12pt;
                                  }  

.ManageUserProfileContactListNoitem {
                                       grid-column: 1 / span 4;
                                       text-align: center;
                                       font-size: 15pt;
                                    }
                                                                          
.ManageUserProfileContactListIconType {
                                        text-align: center;
                                        font-size: 20pt;
                                      }
                              
.ManageUserProfileContactListValue {
                                      text-align: left;
                                      font-size: 15pt;
                                   }
                              
.ManageUserProfileContactListLastupdate {
                                          text-align: center;
                                          font-size: 11pt;
                                          align-self: center;
                                        }
                              
.ManageUserProfileContactListAction {
                                      text-align: center;
                                      align-self: center;
                                    }

.ChangePasswordFormBox {
                         display: block;
                         margin: 0 auto;
                         margin-top: 20px;
                         width: 70%;
                         padding: 15px;
                         border: 2px solid #0A1626;
                       }

.ChangePasswordMatchError {
                            display: block;
                            width: 100%;
                            padding-left: 10px;
                            font-size: 11pt;
                            font-weight: 600;
                            color: red;
                          }

.ChangePasswordEmptyField {
                            display: block;
                            width: 100%;
                            padding-left: 10px;
                            font-size: 11pt;
                            font-weight: 600;
                            color: red;
                          }

.ManageTutorialModuleListBox {
                               display: grid;
                               margin: 0 auto;
                               width: 90%;
                               grid-template-columns: 100%;
                               row-gap: 5px;
                               text-align: center;
                             }                        

.ManageTutorialModuleListHeaderRow {
                                     display: grid;
                                     margin: 0 auto;
                                     width: 100%;
                                     grid-template-columns: 75% 15% 10%;
                                     padding: 4px;
                                     border-radius: 8px;
                                     color: #0A1626;
                                     font-weight: 600;
                                     text-align: center;
                                     font-size: 12pt;
                                   }

.ManageTutorialModuleListRow {
                                   display: grid;
                                   margin: 0 auto;
                                   width: 100%;
                                   grid-template-columns: 75% 15% 10%;
                                   padding: 4px;
                                   background-color: #D1E4FF;
                                   border-radius: 8px;
                                   color: #0A1626;
                                   text-align: center;
                                 }

.ManageTutorialModuleListDescriptionHeader {
                                              text-align: left;
                                           }

.ManageTutorialModuleListLastUpdateHeader {
                                             text-align: center;
                                          }

.ManageTutorialModuleListActionHeader {
                                        text-align: center;
                                      }

.ManageTutorialModuleListDescription {
                                        text-align: left;
                                     }

.ManageTutorialModuleListLastUpdate {
                                      text-align: center;
                                    }

.ManageTutorialModuleListAction {
                                  text-align: center;
                                }

.ManageTutorialModuleListNoItem {
                                  grid-column: 1 / span 3;
                                  text-align: center;
                                  font-size: 12pt;
                                  font-weight: 700;
                               }

.ManageTutorialVideoListBox {
                               display: grid;
                               margin: 0 auto;
                               margin-top: 10px;
                               width: 90%;
                               grid-template-columns: 100%;
                               text-align: center;
                               row-gap: 5px;
                             }                        
     
.ManageTutorialVideoListRow {
                              display: grid;
                              margin: 0 auto;
                              width: 100%;
                              grid-template-columns: 76% 8% 8% 8%;
                              padding: 4px 6px;
                              background-color: #D1E4FF;
                              border-radius: 8px;
                              color: #0A1626;
                              text-align: center;
                            }
   
  
.ManageTutorialVideoListTitle {
                                grid-column: 1;
                                grid-row: 1;
                                text-align: left;
                                font-weight: 700;
                              }
   
.ManageTutorialVideoListDescription {
                                      grid-column: 1;
                                      grid-row: 2;
                                      text-align: left;
                                      font-style: italic;
                                    }

.ManageTutorialVideoListLastUpdate {
                                      grid-column: 2;
                                      grid-row: 1 / span 2;
                                     text-align: center;
                                     font-size: 10pt;
                                     align-self: center;
                                   }
   
.ManageTutorialVideoListAction {
                                  grid-column: 3;
                                  grid-row: 1 / span 2;
                                 text-align: center;
                                 align-self: center;
                               }

.ManageTutorialVideoListPlay {
                                grid-column: 4;
                                grid-row: 1 / span 2;
                                text-align: center;
                                align-self: center;
                                border-left: 4px solid whitesmoke;
                             }

.ManageTutorialVideoListPlayIcon {
                                    font-size: 22pt;
                                 }

.ManageTutorialVideoListNoItem {
                                  grid-column: 1 / span 4;
                                  text-align: center;
                                  font-size: 12pt;
                                  font-weight: 600;
                               }

.ManageTutorialVideoViewBox {
                              display: grid;
                              margin: 0 auto;
                              margin-top: 10px;
                              padding: 0;
                              width: 90%;
                              grid-template-columns: 10% 80% 10%;
                              text-align: center;
                              row-gap: 5px;
                              border: 2px solid #0A1626;
                              border-radius: 10px;
                            } 

.ManageTutorialVideoViewModule {
                                  grid-row: 1;
                                  grid-column: 1 / span 3;
                                  background-color: #0A1626;
                                  color: whitesmoke;
                                  font-size: 13pt;
                                  padding: 5px;
                                  text-align: center;
                                  border-top-left-radius: 10px;
                                  border-top-right-radius: 10px;
                               }

.ManageTutorialVideoViewTitle {
                                  grid-row: 2;
                                  grid-column: 1 / span 3;
                                  color: #0A1626;
                                  font-size: 14pt;
                                  font-weight: 600;
                                  text-align: left;
                                  padding-left: 8px;
                              }

.ManageTutorialVideoViewDescription {
                                      grid-row: 3;
                                      grid-column: 1 / span 3;
                                      color: #0A1626;
                                      font-size: 12pt;
                                      font-style: italic;
                                      text-align: left;
                                      padding-left: 8px;
                                    }

.ManageTutorialVideoViewVideo {
                                grid-row: 4;
                                grid-column: 2;
                                text-align: center;
                              }

.VideoTutorialFormBox {
                        display: block;
                        width: 90%;
                        margin: 0 auto;
                        text-align: left;
                      }

.ButtonFooterInlineLink {
                        display: inline-block;
                        border: 1px solid orangered;
                        border-radius: 8px;
                        padding: 3px 6px;
                        margin: 3px;
                        font-size: 16px;
                        color: orangered;
                        background-color: inherit;
                     }

.ButtonFooterInlineLink:hover {
                              text-shadow: 0px 0px 6px orangered;
                              box-shadow: 0px 0px 6px orangered;
                            }

.ButtonFooterNewLineLink {
                        display: inline-block;
                        border: 1px solid orangered;
                        border-radius: 8px;
                        margin: 0;
                        padding: 3px 6px;
                        margin: 8px 2px;
                        font-size: 16px;
                        color: orangered;
                        background-color: inherit;
                     }

.ButtonFooterNewLineLink:hover {
                              text-shadow: 0px 0px 6px orangered;
                              box-shadow: 0px 0px 6px orangered;
                            }

.TutorialVideoHoldLabel {
                          display: inline-block;
                          position: relative;
                          width: 200px;                         
                          margin-top: 30px;
                          padding-left: 45px;
                          text-align: left;
                          color: #222255;
                          font-size: 13px;
                          font-weight: 700;
                        }

.TutorialVideoHoldLinkText {
                              display: inline-block;
                              position: relative;
                              width: 100%;
                              text-align: left;
                              padding: 10px;                 
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                           }

.FileVideoChangeBox {
                      display: none;
                      width: 100%;
                    }

.TutorialVideoHoldChangeButton {
                                  display: block;
                                  border: none;
                                  margin: 0;
                                  padding: 6px;
                                  font-size: 16px;
                                  color: orangered;
                                  background-color: inherit;
                               }

.TutorialVideoHoldChangeButton:hover {
                                        text-shadow: 0px 0px 6px orangered;
                                      }

.TutorialVideoHoldChangeInfotext {
                                    display: none;
                                    margin: 0;
                                    padding: 6px;
                                    font-size: 16px;
                                    color: red;
                                    background-color: inherit;
                                 }

.TutorialModuleListBox {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 90%;
                                  grid-template-columns: 100%;
                                  row-gap: 5px;
                                  text-align: center;
                                }                        
   
.TutorialModuleListHeaderRow {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 100%;
                                        grid-template-columns: 75% 15% 10%;
                                        padding: 4px;
                                        border-radius: 8px;
                                        color: #0A1626;
                                        font-weight: 600;
                                        text-align: center;
                                        font-size: 12pt;
                                      }
   
.TutorialModuleListRow {
                                      display: grid;
                                      margin: 0 auto;
                                      width: 100%;
                                      grid-template-columns: 75% 15% 10%;
                                      padding: 4px;
                                      background-color: #D1E4FF;
                                      border-radius: 8px;
                                      color: #0A1626;
                                      text-align: center;
                                    }
   
.TutorialModuleListDescriptionHeader {
                                                 text-align: left;
                                              }
   
.TutorialModuleListLastUpdateHeader {
                                                text-align: center;
                                             }
   
.TutorialModuleListActionHeader {
                                           text-align: center;
                                         }
   
.TutorialModuleListDescription {
                                           text-align: left;
                                        }
   
.TutorialModuleListLastUpdate {
                                         text-align: center;
                                       }
   
.TutorialModuleListAction {
                                     text-align: center;
                                   }
   
.TutorialModuleListNoItem {
                                     grid-column: 1 / span 3;
                                     text-align: center;
                                     font-size: 12pt;
                                     font-weight: 700;
                                  }
   
.TutorialVideoListBox {
                                  display: grid;
                                  margin: 0 auto;
                                  margin-top: 10px;
                                  width: 90%;
                                  grid-template-columns: 100%;
                                  text-align: center;
                                  row-gap: 5px;
                                }                        
        
.TutorialVideoListRow {
                                 display: grid;
                                 margin: 0 auto;
                                 width: 100%;
                                 grid-template-columns: 84% 8% 8%;
                                 padding: 4px 6px;
                                 background-color: #D1E4FF;
                                 border-radius: 8px;
                                 color: #0A1626;
                                 text-align: center;
                               }
      
     
.TutorialVideoListTitle {
                                   grid-column: 1;
                                   grid-row: 1;
                                   text-align: left;
                                   font-weight: 700;
                                 }
      
.TutorialVideoListDescription {
                                         grid-column: 1;
                                         grid-row: 2;
                                         text-align: left;
                                         font-style: italic;
                                       }
   
.TutorialVideoListLastUpdate {
                                         grid-column: 2;
                                         grid-row: 1 / span 2;
                                        text-align: center;
                                        font-size: 10pt;
                                        align-self: center;
                                      }
      
.TutorialVideoListPlay {
                                   grid-column: 3;
                                   grid-row: 1 / span 2;
                                   text-align: center;
                                   align-self: center;
                                   border-left: 4px solid whitesmoke;
                                }
   
.TutorialVideoListPlayIcon {
                                       font-size: 22pt;
                                    }
   
.TutorialVideoListNoItem {
                                     grid-column: 1 / span 4;
                                     text-align: center;
                                     font-size: 12pt;
                                     font-weight: 600;
                                  }
   
.TutorialVideoViewBox {
                                 display: grid;
                                 margin: 0 auto;
                                 margin-top: 10px;
                                 padding: 0;
                                 width: 90%;
                                 grid-template-columns: 10% 80% 10%;
                                 text-align: center;
                                 row-gap: 5px;
                                 border: 2px solid #0A1626;
                                 border-radius: 10px;
                               } 
   
.TutorialVideoViewModule {
                                     grid-row: 1;
                                     grid-column: 1 / span 3;
                                     background-color: #0A1626;
                                     color: whitesmoke;
                                     font-size: 13pt;
                                     padding: 5px;
                                     text-align: center;
                                     border-top-left-radius: 10px;
                                     border-top-right-radius: 10px;
                                  }
   
.TutorialVideoViewTitle {
                                     grid-row: 2;
                                     grid-column: 1 / span 3;
                                     color: #0A1626;
                                     font-size: 14pt;
                                     font-weight: 600;
                                     text-align: left;
                                     padding-left: 8px;
                                 }
   
.TutorialVideoViewDescription {
                                         grid-row: 3;
                                         grid-column: 1 / span 3;
                                         color: #0A1626;
                                         font-size: 12pt;
                                         font-style: italic;
                                         text-align: left;
                                         padding-left: 8px;
                                       }
   
.TutorialVideoViewVideo {
                                   grid-row: 4;
                                   grid-column: 2;
                                   text-align: center;
                                 }

.OrdinaryWorksRegisterDetailsContainer {
                                  display: grid;
                                  margin: 0 auto;
                                  margin-top: 20px;
                                  width: 90%;
                                  row-gap: 10px;
                                  grid-template-columns: 100%;
                                  align-items: center;
                                }

.OrdinaryWorksRegisterDetailsVendorBox {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          grid-template-columns: 8% 92%;
                                          align-items: center; 
                                          border-left: 1.5px solid #0A1626;
                                          border-bottom: 1.5px solid #0A1626;
                                       }

.OrdinaryWorksRegisterDetailsVendorIconType {
                                              text-align: right;
                                              font-size: 15pt;
                                              padding-right: 3px;
                                            }

.OrdinaryWorksRegisterDetailsVendorBusinessName {
                                                  text-align: left;
                                                  font-size: 15pt;
                                                  font-weight: 600;
                                                  color: #0A1626;
                                                }

.OrdinaryWorksRegisterDetailsBox {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    grid-template-columns: 20% 80%;
                                    row-gap: 8px;
                                    align-items: center; 
                                  }

.OrdinaryWorksRegisterDetailsDateAccountingLabel {
                                                    text-align: right;
                                                    font-size: 12pt;
                                                    font-weight: 600;
                                                    color: #0A1626;
                                                    padding-right: 6px;
                                                 }

.OrdinaryWorksRegisterDetailsDateAccounting {
                                              text-align: left;
                                              padding-left: 6px;
                                              border-left: 3px solid #0A1626;
                                              color: #0A1626;
                                              font-size: 14pt;
                                            }

.OrdinaryWorksRegisterDetailsDescriptionLabel {
                                                text-align: right;
                                                font-size: 12pt;
                                                font-weight: 600;
                                                color: #0A1626;
                                                padding-right: 6px;
                                              }

.OrdinaryWorksRegisterDetailsDescription {
                                            text-align: left;
                                            padding-left: 6px;
                                            border-left: 3px solid #0A1626;
                                            color: #0A1626;
                                         }

.OrdinaryWorksRegisterDetailsSubscriptionLabel {
                                                  text-align: right;
                                                  font-size: 12pt;
                                                  font-weight: 600;
                                                  color: #0A1626;
                                                  padding-right: 6px;
                                               }

.OrdinaryWorksRegisterDetailsSubscription {
                                            text-align: left;
                                            padding-left: 6px;
                                            border-left: 3px solid #0A1626;
                                            color: #0A1626;
                                          }

.OrdinaryWorksRegisterDetailsSubscriptionTypeLabel {
                                                      text-align: right;
                                                      font-size: 12pt;
                                                      font-weight: 600;
                                                      color: #0A1626;
                                                      padding-right: 6px;
                                                   }

.OrdinaryWorksRegisterDetailsSubscriptionType {
                                                text-align: left;
                                                padding-left: 6px;
                                                border-left: 3px solid #0A1626;
                                                color: #0A1626;
                                              }

.OrdinaryWorksRegisterDetailsValueLabel {
                                          text-align: right;
                                          font-size: 12pt;
                                          font-weight: 600;
                                          color: #0A1626;
                                          padding-right: 6px;
                                        }

.OrdinaryWorksRegisterDetailsValue {
                                      text-align: left;
                                      padding-left: 6px;
                                      border-left: 3px solid #0A1626;
                                      color: #0A1626;
                                      font-size: 16pt;
                                   }

.BugIdeasFormBox {
                    display: block;
                    margin: 0 auto;
                    margin-top: 20px;
                    width: 90%;
                    padding: 15px;
                    border: 1.5px solid #0A1626;
                  }

.CodeWritingBugItemStateBox {
                              display: grid;
                              margin: 0 auto;
                              margin-top: 20px;
                              width: 50%;
                              grid-template-columns: 33.3% 33.4% 33.3%;
                              align-items: center; 
                            }

.CodeWritingBugItemStateLoadedRow {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    padding: 6px 0;
                                    grid-template-columns: 50% 50%;
                                    align-items: center; 
                                    background-color: #FF000022;
                                    color: red;
                                    border: 3.4px solid red;
                                    border-top-left-radius: 10px;
                                    border-bottom-left-radius: 10px;
                                  }

.CodeWritingBugItemStateLoadedIcon {
                                    text-align: center;
                                    align-self: center;
                                    font-size: 22pt;
                                 }

.CodeWritingBugItemStateLoadedValue {
                                     text-align: center;
                                     align-self: center;
                                     font-size: 22pt;
                                     font-weight: 600;
                                  }

.CodeWritingBugItemStateInprogressRow {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 100%;
                                        padding: 6px 0;
                                        grid-template-columns: 50% 50%;
                                        align-items: center; 
                                        background-color: #FFA50022;
                                        color: orange;
                                        border: 3.4px solid orange;
                                      }

.CodeWritingBugItemStateInprogressIcon {
                                         text-align: center;
                                         align-self: center;
                                         font-size: 22pt;
                                      }
  
.CodeWritingBugItemStateInprogressValue {
                                          text-align: center;
                                          align-self: center;
                                          font-size: 22pt;
                                          font-weight: 600;
                                        }

.CodeWritingBugItemStateSolvedRow {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    padding: 6px 0;
                                    grid-template-columns: 50% 50%;
                                    align-items: center; 
                                    background-color: #00800022;
                                    color: green;
                                    border: 3.4px solid green;
                                    border-bottom-right-radius: 10px;
                                    border-top-right-radius: 10px;
                                  }

.CodeWritingBugItemStateSolvedIcon {
                                      text-align: center;
                                      align-self: center;
                                      font-size: 22pt;
                                   }

.CodeWritingBugItemStateSolvedValue {
                                      text-align: center;
                                      align-self: center;
                                      font-size: 22pt;
                                      font-weight: 600;
                                    }

.CodeWritingItemListTopBox {
                              display: grid;
                              margin: 0 auto;
                              margin-top: 20px;
                              width: 90%;
                              grid-template-columns: 100%;
                              row-gap: 10px;
                              align-items: center; 
                           }

.CodeWritingItemListBox {
                          display: grid;
                          margin: 0 auto;
                          margin-top: 15px;
                          width: 90%;
                          grid-template-columns: 100%;
                          row-gap: 8px;
                          align-items: center; 
                        }

.CodeWritingItemListRow {
                          display: grid;
                          margin: 0 auto;
                          width: 100%;
                          grid-template-columns: 4% 96%;
                          row-gap: 8px;
                          align-items: center; 
                        }

.CodeWritingItemListArrowIcon {
                                text-align: right;
                                padding-right: 5px;
                                font-size: 12pt;
                                align-self: self-start;
                              }

.CodeWritingItemListDescription {
                                  text-align: left;
                                  padding-left: 5px;
                                  font-size: 11pt;
                                  font-weight: 600;
                                }

.CodeWritingBugsListBox {
                          display: grid;
                          margin: 0 auto;
                          margin-top: 20px;
                          width: 90%;
                          grid-template-columns: 100%;
                          align-items: center; 
                        }

.CodeWritingBugsActionNew {
                            display: grid;
                            margin: 0 auto;
                            width: 100%;
                            padding: 10px;
                            grid-template-columns: 100%;
                            align-items: center; 
                          }

.CodeWritingBugsTitleRow {
                            display: grid;
                            margin: 0 auto;
                            width: 100%;
                            grid-template-columns: 5% 8% 34% 4% 12% 6% 6% 12% 6% 7%;
                            align-items: center; 
                            font-weight: 600;
                            font-size: 9pt;
                            color: #0A1626;
                         }

.CodeWritingBugsTitlePriority {
                                 text-align: center;
                              }

.CodeWritingBugsTitleType {
                            text-align: center;
                          }

.CodeWritingBugsTitleDescription {
                                   text-align: center;
                                 }

.CodeWritingBugsTitleAttachment {
                                  text-align: center;
                                }

.CodeWritingBugsTitleCreateBy {
                                text-align: center;
                              }

.CodeWritingBugsTitleCreateDate {
                                  text-align: center;
                                }

.CodeWritingBugsTitleState {
                              text-align: center;
                           }

.CodeWritingBugsTitleTakenOverBy {
                                   text-align: center;
                                 }

.CodeWritingBugsTitleLastmodifyDate {
                                      text-align: center;
                                    }

.CodeWritingBugsTitleAction {
                              text-align: center;
                            }

.CodeWritingBugsRow {
                      display: grid;
                      margin: 0 auto;
                      width: 100%;
                      padding: 8px 0;
                      grid-template-columns: 5% 8% 34% 4% 12% 6% 6% 12% 6% 7%;
                      align-items: center; 
                      color: #0A1626;
                      border-top: 1px solid #0A1626;
                    }

.CodeWritingBugsPriority {
                            font-size: 15pt;
                            text-align: center;
                         }

.CodeWritingBugsPriorityLow {
                              color: green;
                            }

.CodeWritingBugsPriorityMedium {
                                  color: gold;
                               }

.CodeWritingBugsPriorityHigh {
                                color: orange;
                             }

.CodeWritingBugsPriorityCritical {
                                    color: red;
                                 }

.CodeWritingBugsType {
                        text-align: center;
                        font-size: 10pt;
                     }

.CodeWritingBugsDescription {
                               text-align: justify;
                               font-size: 10pt;
                            }

.CodeWritingBugsAttachment {
                              text-align: center;
                              font-size: 10pt;
                           }

.CodeWritingBugsCreateBy {
                           text-align: center;
                           font-size: 10pt;
                         }

.CodeWritingBugsCreateDate {
                             text-align: center;
                             font-size: 10pt;
                           }

.CodeWritingBugsState {
                        text-align: center;
                        font-size: 14pt;
                      }

.CodeWritingBugsTakenOverBy {
                              text-align: center;
                              font-size: 10pt;
                            }

.CodeWritingBugsLastmodifyDate {
                                  text-align: center;
                                  font-size: 10pt;
                               }

.CodeWritingBugsAction {
                         text-align: center;
                       }
                               
.CodeWritingBugsNoitem {
                          grid-column: 1 / span 9;
                          text-align: center;
                          font-size: 12pt;
                       }

.CodeWritingBugPageItemTitle {
                                display: block;
                                width: 100%;
                                padding: 8px;
                                background-color: #0A162633;
                                color: #0A1626;
                                text-align: center;
                                font-size: 13pt;
                                font-weight: 600; 
                             }

.CodeWritingBugPageItemLevelTitle {
                                     font-size: 10pt;
                                  }

.CodeWritingBugPageItemLevelColorOne {
                                       color: seagreen;
                                     }

.CodeWritingBugPageItemLevelColorTwo {
                                       color: brown;
                                    }

.CodeWritingBugPageItemLevelColorThree {
                                         color: steelblue;
                                       }

.CodeWritingBugPageItemLevelColorFour {
                                        color: rebeccapurple;
                                      }

.CodeWritingBugPageItemLevelColorFive {
                                        color: darkslategray;
                                      }

.CodeWritingBugPageItemLevelColorSix {
                                        color: mediumturquoise;
                                      }

.CodeWritingBugChoose {
                        display: block;
                        position: relative;
                        text-align: center;
                        width: 95%;
                        padding: 10px 10px;
                        margin: 0 auto;
                        margin-top: 25px;
                        margin-bottom: 15px;
                      }

.CodeWritingBugRadioContainer {
                                display: inline-block;
                                position: relative;
                                padding: 10px;
                                cursor: pointer;
                              }

.CodeWritingBugRadioContainer input {
                                      position: absolute;
                                      opacity: 0;
                                      cursor: pointer;
                                      height: 0;
                                      width: 0;
                                    }

.CodeWritingBugRadioLabel {
                            display: table-cell;
                            width: 250px;
                            height: 200px;
                            padding: 10px;
                            vertical-align: middle;
                            color: #222255;
                            border: 2px solid #222255; 
                          }  

.CodeWritingBugRadioLabelLeftSide {
                                    border-top-left-radius: 10px;
                                    border-bottom-left-radius: 10px;
                                  }

.CodeWritingBugRadioLabelRightSide {
                                      border-top-right-radius: 10px;
                                      border-bottom-right-radius: 10px;
                                   }

.CodeWritingBugRadioContainer:hover input  ~ .CodeWritingBugRadioLabel {
                                                                          background-color: #22225533;
                                                                       }

.CodeWritingBugRadioContainer input:checked  ~ .CodeWritingBugRadioLabel {
                                                                            background-color: #222255BB;
                                                                            color: white;
                                                                         }  
                                                                                 
.CodeWritingBugRadioLabelIcon {
                                font-size: 40px;
                              }

.CodeWritingBugRadioLabelText {
                                display: block;
                                width: 100%;
                                margin-top: 15px;
                                text-align: center;
                                font-size: 14pt;
                              }

.CodeWritingBugPageItemLevelChoose {
                                      display: block;
                                      position: relative;
                                      text-align: center;
                                      width: 80%;
                                      padding: 10px 10px;
                                      margin: 0 auto;
                                      margin-top: 25px;
                                      margin-bottom: 15px;
                                   }

.CodeWritingBugPageItemLevelChooseRadioContainer {
                                                    display: block;
                                                    position: relative;
                                                    padding: 10px;
                                                    cursor: pointer;
                                                 }

.CodeWritingBugPageItemLevelChooseRadioContainer input {
                                                          position: absolute;
                                                          opacity: 0;
                                                          cursor: pointer;
                                                          height: 0;
                                                          width: 0;
                                                        }

.CodeWritingBugPageItemLevelChooseRadioLabel {
                                                display: block;
                                                width: 100%;
                                                padding: 15px;
                                                color: #222255;
                                                border: 2px solid #222255; 
                                                border-radius: 10px;
                                             }  

.CodeWritingBugPageItemLevelChooseRadioContainer:hover input  ~ .CodeWritingBugPageItemLevelChooseRadioLabel {
                                                                                                                background-color: #22225533;
                                                                                                             }

.CodeWritingBugPageItemLevelChooseRadioContainer input:checked  ~ .CodeWritingBugPageItemLevelChooseRadioLabel {
                                                                                                                 background-color: #222255BB;
                                                                                                                 color: white;
                                                                                                               } 
                                                                                     
.CodeWritingBugPageItemLevelButtonRow {
                                        display: block;
                                        position: relative;
                                        padding: 20px 0 10px 0;
                                        text-align: center;
                                      }

.CodeWritingBugPageItemLevelFormButton {
                                          display: inline-block;
                                          border: none;
                                          margin: 0;
                                          padding: 10px;
                                          font-size: 18px;
                                          color: white;
                                          border: 2px solid #222255;
                                          border-radius: 8px;
                                          background-color: #222255;;
                                       }

.CodeWritingBugPageItemLevelFormButton:hover {
                                                text-shadow: 0px 0px 6px white;
                                                box-shadow: 0px 0px 6px #222255;
                                             }

.CodeWritingBugPageItemLevelFormButton:disabled {
                                                  color: #22225588;
                                                  border: 2px solid #22225588;
                                                  background-color: #22225533;
                                                  pointer-events: none;
                                                }

.FormFieldFULL[type="file"]
                            {
                              width: 100%;
                              text-align: left;
                            }                                                

::file-selector-button {
                          border: none;
                          padding: 8px 12px;
                          margin-left: 8px;
                          margin-top: 5px;
                          border-radius: 5px;
                          background-color: #0A1626;
                          color: whitesmoke;
                       }  
                       
::file-selector-button:hover {
                                background-color: #0A1626AA;
                                color: whitesmoke;
                                cursor: pointer;

                              } 
.BugIdeaAttachmentHoldLabel {
                          display: inline-block;
                          position: relative;
                          width: 100%;                         
                          margin-top: 30px;
                          padding-left: 45px;
                          text-align: left;
                          color: #222255;
                          font-size: 13px;
                          font-weight: 700;
                        }

.BugIdeaAttachmentHoldLinkText {
                              display: inline-block;
                              position: relative;
                              width: 100%;
                              text-align: left;
                              padding: 10px;                 
                              margin-bottom: 10px;
                              margin-right: 20px;
                              color: #222255;
                              border: 2px solid #222255;
                              border-radius: 10px;
                           }

.BugIdeaAttachmentFileChangeBox {
                      display: none;
                      width: 100%;
                    }

.BugIdeaAttachmentHoldChangeButton {
                                  display: block;
                                  border: none;
                                  margin: 0;
                                  padding: 6px;
                                  font-size: 16px;
                                  color: orangered;
                                  background-color: inherit;
                               }

.BugIdeaAttachmentHoldChangeButton:hover {
                                        text-shadow: 0px 0px 6px orangered;
                                      }

.BugIdeaAttachmentHoldChangeInfotext {
                                    display: none;
                                    margin: 0;
                                    padding: 6px;
                                    font-size: 16px;
                                    color: red;
                                    background-color: inherit;
                                 }

.ManageInsurancePolicyWarningBox {
                                    display: grid;
                                    margin: 0 auto;
                                    margin-top: 20px;
                                    width: 90%;
                                    grid-template-columns: 100%;
                                    row-gap: 10px;
                                    align-items: center; 
                                 }

.ManageInsurancePolicyNoitem {
                                display: grid;
                                margin: 0 auto;
                                margin-top: 15px;
                                margin-bottom: 15px;
                                width: 85%;
                                padding: 6px;
                                grid-template-columns: 100%;
                                align-items: center; 
                                border: 2px solid #0A1626;
                                border-radius: 10px;
                                font-size: 16pt;
                             }

.ManageInsurancePolicyBox {
                            display: grid;
                            margin: 0 auto;
                            margin-top: 15px;
                            margin-bottom: 15px;
                            width: 85%;
                            padding: 6px;
                            row-gap: 6px;
                            grid-template-columns: 100%;
                            align-items: center; 
                          }

.ManageInsurancePolicyRow {
                            display: grid;
                            margin: 0 auto;
                            margin-top: 15px;
                            margin-bottom: 15px;
                            width: 100%;
                            padding: 10px;
                            grid-template-columns: 80% 10% 10%;
                            row-gap: 6px;
                            align-items: center; 
                            border: 2px solid #0A1626;
                            border-radius: 10px;
                            box-shadow: 3px 3px 5px #0A1626;
                         }

.ManageInsurancePolicyNickname {
                                  text-align: left;
                                  font-size: 16pt;
                                  font-weight: 600;
                               }

.ManageInsurancePolicyExpiryDate {
                                    text-align: center;
                                    font-size: 11pt;
                                    font-weight: 600;
                                 }

.ManageInsurancePolicyExpiryDateIcon {
                                        font-size: 13pt;
                                     }

.ManageInsurancePolicyAction {
                                      border-left: 3px solid #0A162677;
                                      text-align: center;
                                   }

.ManageInsurancePolicyGoToClaimList {
                                              grid-column: 1 / span 3;
                                              text-align: center;
                                              font-size: 14pt;
                                              border-top: 1.5px solid #0A1626;
                                          }

.PolicyContractFileHoldLabel {
                              display: inline-block;
                              position: relative;
                              width: 100%;                         
                              margin-top: 30px;
                              padding-left: 45px;
                              text-align: left;
                              color: #222255;
                              font-size: 13px;
                              font-weight: 700;
                            }

.PolicyContractFileHoldLinkText {
                                  display: inline-block;
                                  position: relative;
                                  width: 100%;
                                  text-align: left;
                                  padding: 10px;                 
                                  margin-bottom: 10px;
                                  margin-right: 20px;
                                  color: #222255;
                                  border: 2px solid #222255;
                                  border-radius: 10px;
                               }

.PolicyContractFileChangeBox {
                                display: none;
                                width: 100%;
                             }

.PolicyContractFileHoldChangeButton {
                                      display: block;
                                      border: none;
                                      margin: 0;
                                      padding: 6px;
                                      font-size: 16px;
                                      color: orangered;
                                      background-color: inherit;
                                   }

.PolicyContractFileHoldChangeButton:hover {
                                            text-shadow: 0px 0px 6px orangered;
                                         }

.PolicyContractFileHoldChangeInfotext {
                                        display: none;
                                        margin: 0;
                                        padding: 6px;
                                        font-size: 16px;
                                        color: red;
                                        background-color: inherit;
                                     }

.ManageInsurancePolicyDetailsBox {
                                    display: grid;
                                    margin: 0 auto;
                                    margin-top: 15px;
                                    margin-bottom: 15px;
                                    width: 85%;
                                    padding: 6px;
                                    row-gap: 6px;
                                    grid-template-columns: 100%;
                                    align-items: center; 
                                    border: 2px solid #0A1626;
                                    border-radius: 10px;
                                 }

.ManageInsurancePolicyDetailsRow {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    padding: 10px 6px;
                                    grid-template-columns: 30% 70%;
                                 }

.ManageInsurancePolicyDetailsRowLabel {
                                        font-size: 11pt;
                                        font-weight: 600;
                                        text-align: right;
                                        padding-right: 5px;
                                      }

.ManageInsurancePolicyDetailsNickname {
                                        font-size: 12pt;
                                        text-align: left;
                                        padding-left: 5px;
                                        border-left: 2px solid #0A1626;
                                      }

.ManageInsurancePolicyDetailsDescription {
                                            font-size: 12pt;
                                            text-align: justify;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                         }                     
                                         
.ManageInsurancePolicyDetailsCompanyName {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                         }  
   
.ManageInsurancePolicyDetailsContactName {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                         }  

.ManageInsurancePolicyDetailsPolicyNumber {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                          }  

.ManageInsurancePolicyDetailsStartOfValidity {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                          }

.ManageInsurancePolicyDetailsExpiryDate {
                                            font-size: 13pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                          }

.ManageInsurancePolicyDetailsPremiumValue {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                          }

.ManageInsurancePolicyDetailsCeilingValue {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                          }

.ManageInsurancePolicyDetailsExcessValue {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                          }

.ManageInsurancePolicyDetailsPolicyContract {
                                              font-size: 12pt;
                                              text-align: left;
                                              padding-left: 5px;
                                              border-left: 2px solid #0A1626;
                                              color: red;
                                            }

.ManageInsurancePolicyGroupTypeListBox {
                                         display: grid;
                                         margin: 0 auto;
                                         margin-top: 15px;
                                         width: 85%;
                                         row-gap: 6px;
                                         grid-template-columns: 100%;
                                         padding: 10px;
                                         align-items: center;
                                       }

.ManageInsurancePolicyGroupTypeListHeaderRow {
                                               display: grid;
                                               margin: 0 auto;
                                               margin-top: 15px;
                                               width: 100%;
                                               grid-template-columns: 45% 32% 13% 10%;;
                                               padding: 8px;
                                               align-items: center;
                                             }

.ManageInsurancePolicyGroupTypeListNameHeader {
                                                text-align: left;
                                                font-size: 11pt;
                                                font-weight: 700;
                                              }

.ManageInsurancePolicyGroupTypeListGroupHeader {
                                                  text-align: left;
                                                  font-size: 11pt;
                                                  font-weight: 700;
                                               }
                          
.ManageInsurancePolicyGroupTypeListLastUpdateHeader {
                                                      font-size: 11pt;
                                                      font-weight: 700;
                                                    }
                        
.ManageInsurancePolicyGroupTypeListActionHeader {
                                                  font-size: 11pt;
                                                  font-weight: 700;
                                                }                   

.ManageInsurancePolicyGroupTypeListListRow {
                                             display: grid;
                                             margin: 0 auto;
                                             width: 100%;
                                             grid-template-columns: 45% 32% 13% 10%;
                                             padding: 8px;
                                             align-items: center;
                                             background-color: #0A162633;
                                           }
 
.ManageInsurancePolicyGroupTypeListName {
                                          text-align: left;
                                          font-size: 11pt;
                                        }
 
.ManageInsurancePolicyGroupTypeListGroup {
                                            text-align: left;
                                            font-size: 10pt;
                                         }
                             
.ManageInsurancePolicyGroupTypeListLastUpdate {
                                                font-size: 10pt;
                                              }
                           
.ManageInsurancePolicyGroupTypeListAction {
                                            font-size: 14pt;
                                          }

.NewInsurancePolicyClaimsChooseRUbox {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 95%;
                                        grid-template-columns: 15% 15% 55% 15%;
                                        column-gap: 8px;
                                        padding: 4px;
                                        align-items: center;
                                     }

.NewInsurancePolicyClaimsChooseRUstaircase {
                                              position: relative;
                                           }

.NewInsurancePolicyClaimsChooseRUfloor {
                                          position: relative;
                                       }

.NewInsurancePolicyClaimsChooseRUresidentialunit {
                                                    position: relative;
                                                 }

.NewInsurancePolicyClaimsChooseRUaction {
                                          align-self: center;
                                          padding-top: 22px;
                                          margin: 0 auto;
                                        }

.NewInsurancePolicyClaimsChooseRUselectedBox {
                                                display: block;
                                                margin: 0 auto;
                                                margin-top: 15px;
                                                margin-bottom: 10px;
                                                width: 95%;
                                                border: 2px solid #0A162699;
                                             }
                                         
.NewInsurancePolicyClaimsChooseRUselectedTitle {
                                                  display: block;
                                                  font-size: 12pt;
                                                  padding: 8px;
                                                  font-weight: 600;
                                                  text-align: center;
                                                  background-color: #0A162699;
                                                  color: whitesmoke;
                                               }

.NewInsurancePolicyClaimsChooseRUselectedList {
                                                 display: block;
                                                 text-align: center;
                                                 font-size: 13pt;
                                                 padding: 8px;
                                              }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListBox  {
                                                                  display: grid;
                                                                  margin: 0 auto;
                                                                  width: 95;
                                                                  grid-template-columns: 100%;
                                                                  row-gap: 5px;
                                                                  padding: 4px;
                                                                  align-items: center;
                                                                }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListLabelRow {
                                                                  display: grid;
                                                                  margin: 0 auto;
                                                                  width: 100%;
                                                                  grid-template-columns: 15% 10% 20% 45% 10%;
                                                                  padding: 4px;
                                                                  align-items: center;
                                                               }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListLabelStaircase {
                                                                        text-align: center;
                                                                        font-size: 11pt;
                                                                        font-weight: 600;
                                                                     }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListLabelFloor {
                                                                    text-align: center;
                                                                    font-size: 11pt;
                                                                    font-weight: 600;
                                                                 }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListLabelUnitType {
                                                                      text-align: center;
                                                                      font-size: 11pt;
                                                                      font-weight: 600;
                                                                    }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListLabelIdentifyCode {
                                                                          text-align: center;
                                                                          font-size: 11pt;
                                                                          font-weight: 600;
                                                                        }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListLabelAction {
                                                                    text-align: center;
                                                                    font-size: 11pt;
                                                                    font-weight: 600;
                                                                  }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListRow {
                                                            display: grid;
                                                            margin: 0 auto;
                                                            width: 100%;
                                                            grid-template-columns: 15% 10% 20% 45% 10%;
                                                            padding: 4px;
                                                            align-items: center;
                                                            border: 1px solid #0A1626;
                                                          }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListStaircase {
                                                                  text-align: center;
                                                                  font-size: 12pt;
                                                                }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListFloor {
                                                              text-align: center;
                                                              font-size: 12pt;
                                                            }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListUnitType {
                                                                  text-align: center;
                                                                  font-size: 12pt;
                                                               }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListIdentifyCode {
                                                                      text-align: center;
                                                                      font-size: 12pt;
                                                                   }

.NewInsurancePolicyClaimsRUresidentialunitSelectedListAction {
                                                                align-content: center;
                                                                font-size: 12pt;
                                                                
                                                             }      

.EditInsurancePolicyClaimsChooseRUbox {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 95%;
                                        grid-template-columns: 15% 15% 55% 15%;
                                        column-gap: 8px;
                                        padding: 4px;
                                        align-items: center;
                                     }

.EditInsurancePolicyClaimsChooseRUstaircase {
                                              position: relative;
                                           }

.EditInsurancePolicyClaimsChooseRUfloor {
                                          position: relative;
                                       }

.EditInsurancePolicyClaimsChooseRUresidentialunit {
                                                    position: relative;
                                                 }

.EditInsurancePolicyClaimsChooseRUaction {
                                          align-self: center;
                                          padding-top: 22px;
                                          margin: 0 auto;
                                        }

.EditInsurancePolicyClaimsChooseRUselectedBox {
                                                display: block;
                                                margin: 0 auto;
                                                margin-top: 15px;
                                                margin-bottom: 10px;
                                                width: 95%;
                                                border: 2px solid #0A162699;
                                             }
                                         
.EditInsurancePolicyClaimsChooseRUselectedTitle {
                                                  display: block;
                                                  font-size: 12pt;
                                                  padding: 8px;
                                                  font-weight: 600;
                                                  text-align: center;
                                                  background-color: #0A162699;
                                                  color: whitesmoke;
                                               }

.EditInsurancePolicyClaimsChooseRUselectedList {
                                                 display: block;
                                                 text-align: center;
                                                 font-size: 13pt;
                                                 padding: 8px;
                                              }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListBox  {
                                                                  display: grid;
                                                                  margin: 0 auto;
                                                                  width: 95;
                                                                  grid-template-columns: 100%;
                                                                  row-gap: 5px;
                                                                  padding: 4px;
                                                                  align-items: center;
                                                                }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListLabelRow {
                                                                  display: grid;
                                                                  margin: 0 auto;
                                                                  width: 100%;
                                                                  grid-template-columns: 15% 10% 20% 45% 10%;
                                                                  padding: 4px;
                                                                  align-items: center;
                                                               }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListLabelStaircase {
                                                                        text-align: center;
                                                                        font-size: 11pt;
                                                                        font-weight: 600;
                                                                     }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListLabelFloor {
                                                                    text-align: center;
                                                                    font-size: 11pt;
                                                                    font-weight: 600;
                                                                 }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListLabelUnitType {
                                                                      text-align: center;
                                                                      font-size: 11pt;
                                                                      font-weight: 600;
                                                                    }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListLabelIdentifyCode {
                                                                          text-align: center;
                                                                          font-size: 11pt;
                                                                          font-weight: 600;
                                                                        }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListLabelAction {
                                                                    text-align: center;
                                                                    font-size: 11pt;
                                                                    font-weight: 600;
                                                                  }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListRow {
                                                            display: grid;
                                                            margin: 0 auto;
                                                            width: 100%;
                                                            grid-template-columns: 15% 10% 20% 45% 10%;
                                                            padding: 4px;
                                                            align-items: center;
                                                            border: 1px solid #0A1626;
                                                          }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListStaircase {
                                                                  text-align: center;
                                                                  font-size: 12pt;
                                                                }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListFloor {
                                                              text-align: center;
                                                              font-size: 12pt;
                                                            }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListUnitType {
                                                                  text-align: center;
                                                                  font-size: 12pt;
                                                               }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListIdentifyCode {
                                                                      text-align: center;
                                                                      font-size: 12pt;
                                                                   }

.EditInsurancePolicyClaimsRUresidentialunitSelectedListAction {
                                                                align-content: center;
                                                                font-size: 12pt;
                                                                
                                                             }   
                                                             
.PolicyClaimAttachmentFileHoldLabel {
                              display: inline-block;
                              position: relative;
                              width: 100%;                         
                              margin-top: 30px;
                              padding-left: 45px;
                              text-align: left;
                              color: #222255;
                              font-size: 13px;
                              font-weight: 700;
                            }

.PolicyClaimAttachmentFileHoldLinkText {
                                  display: inline-block;
                                  position: relative;
                                  width: 100%;
                                  text-align: left;
                                  padding: 10px;                 
                                  margin-bottom: 10px;
                                  margin-right: 20px;
                                  color: #222255;
                                  border: 2px solid #222255;
                                  border-radius: 10px;
                               }

.PolicyClaimAttachmentFileChangeBox {
                                display: none;
                                width: 100%;
                             }

.PolicyClaimAttachmentFileHoldChangeButton {
                                      display: block;
                                      border: none;
                                      margin: 0;
                                      padding: 6px;
                                      font-size: 16px;
                                      color: orangered;
                                      background-color: inherit;
                                   }

.PolicyClaimAttachmentFileHoldChangeButton:hover {
                                            text-shadow: 0px 0px 6px orangered;
                                         }

.PolicyClaimAttachmentFileHoldChangeInfotext {
                                        display: none;
                                        margin: 0;
                                        padding: 6px;
                                        font-size: 16px;
                                        color: red;
                                        background-color: inherit;
                                     }

.ManageInsurancePolicyClaimBox {
                            display: grid;
                            margin: 0 auto;
                            margin-top: 15px;
                            margin-bottom: 15px;
                            width: 85%;
                            padding: 6px;
                            row-gap: 6px;
                            grid-template-columns: 100%;
                            align-items: center; 
                          }

.ManageInsurancePolicyClaimRow {
                            display: grid;
                            margin: 0 auto;
                            margin-top: 15px;
                            margin-bottom: 15px;
                            width: 100%;
                            padding: 10px;
                            grid-template-columns: 6% 62% 10% 12% 10%;
                            row-gap: 8px;
                            align-items: center; 
                            border: 2px solid #0A1626;
                            border-radius: 10px;
                            box-shadow: 3px 3px 5px #0A1626;
                         }

.ManageInsurancePolicyClaimOpenCloseIcon {
                                            grid-column: 1;
                                            grid-row: 1 / span 2;
                                            text-align: center;
                                            font-size: 28pt;
                                         }

.ManageInsurancePolicyClaimOpenCloseIconDateDayMonth {
                                                        font-size: 8pt;
                                                        font-weight: 700;
                                                     }

.ManageInsurancePolicyClaimOpenCloseIconDateYear {
                                                    font-size: 8pt;
                                                    font-weight: 700;
                                                 }

.ManageInsurancePolicyClaimName {
                                  grid-column: 2;
                                  grid-row: 1;
                                  text-align: left;
                                  font-size: 16pt;
                                  font-weight: 600;
                               }

.ManageInsurancePolicyClaimAttachments {
                                          grid-column: 3;
                                          grid-row: 1;
                                          text-align: center;
                                       }

.ManageInsurancePolicyClaimDate {
                                  grid-column: 4;
                                  grid-row: 1;
                                  text-align: center;
                                  font-size: 11pt;
                                  font-weight: 600;
                               }



.ManageInsurancePolicyClaimAction {
                                    grid-column: 5;
                                    grid-row: 1;
                                    border-left: 3px solid #0A162677;
                                    text-align: center;
                                 }

.ManageInsurancePolicyClaimGoToChangeState {
                                              grid-column: 2 / span 4;
                                              grid-row: 2;
                                              text-align: center;
                                              font-size: 14pt;
                                              border-top: 1.5px solid #0A1626;
                                           }

.ManageInsurancePolicyClaimAttachmentsBox {
                            display: grid;
                            margin: 0 auto;
                            margin-top: 15px;
                            margin-bottom: 15px;
                            width: 85%;
                            padding: 6px;
                            row-gap: 4px;
                            grid-template-columns: 100%;
                            align-items: center; 
                          }

.ManageInsurancePolicyClaimAttachmentsRow {
                            display: grid;
                            margin: 0 auto;
                            margin-top: 15px;
                            margin-bottom: 15px;
                            width: 100%;
                            padding: 10px;
                            grid-template-columns: 8% 70% 12% 10%;
                            row-gap: 6px;
                            align-items: center; 
                            border: 2px solid #0A1626;
                            border-radius: 10px;
                            box-shadow: 3px 3px 5px #0A1626;
                         }

.ManageInsurancePolicyClaimAttachmentsIconType {
                                  text-align: center;
                                  font-size: 18pt;
                                  font-weight: 600;
                               }

.ManageInsurancePolicyClaimAttachmentsName {
                                  text-align: left;
                                  font-size: 16pt;
                                  font-weight: 600;
                               }

.ManageInsurancePolicyClaimAttachmentsLastUpdate {
                                    text-align: center;
                                    font-size: 11pt;
                                    font-weight: 600;
                                 }

.ManageInsurancePolicyClaimAttachmentsAction {
                                      border-left: 3px solid #0A162677;
                                      text-align: center;
                                   }

.ManageInsurancePolicyAttachmentsInfoBox {
                                            display: inline-block;
                                            margin: 0 auto;
                                            padding: 2px 6px;
                                            border: 2px solid #0A1626;
                                            border-radius: 12px;
                                            color: #0A1626;
                                         }

.ManageInsurancePolicyAttachmentsInfoNumber {
                                                display: inline-block;
                                                margin-left: 3px;
                                                font-weight: 600;
                                                font-size: 11pt;
                                            }

.ManageInsurancePolicyClaimsDetailsBox {
                                    display: grid;
                                    margin: 0 auto;
                                    margin-top: 15px;
                                    margin-bottom: 15px;
                                    width: 85%;
                                    padding: 6px;
                                    row-gap: 6px;
                                    grid-template-columns: 100%;
                                    align-items: center; 
                                    border: 2px solid #0A1626;
                                    border-radius: 10px;
                                 }

.ManageInsurancePolicyClaimsDetailsRow {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    padding: 10px 6px;
                                    grid-template-columns: 30% 70%;
                                 }

.ManageInsurancePolicyClaimsDetailsRowLabel {
                                        font-size: 11pt;
                                        font-weight: 600;
                                        text-align: right;
                                        padding-right: 5px;
                                        align-self: center;
                                      }

.ManageInsurancePolicyClaimsDetailsClaimName {
                                        font-size: 12pt;
                                        text-align: left;
                                        padding-left: 5px;
                                        border-left: 2px solid #0A1626;
                                      }

.ManageInsurancePolicyClaimsDetailsClaimDate {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                          }

.ManageInsurancePolicyClaimsDetailsClaimTime {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                          }

.ManageInsurancePolicyClaimsDetailsClaimDescription {
                                            font-size: 12pt;
                                            text-align: justify;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                         } 
                                         
.ManageInsurancePolicyClaimsDetailsClaimType {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                         }  
                                         
.ManageInsurancePolicyClaimsDetailsPeriod {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                         }  
   
.ManageInsurancePolicyClaimsDetailsResidentialUnit {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                         }  

.ManageInsurancePolicyClaimsDetailsClaimAmountOfWork {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                          }  

.ManageInsurancePolicyClaimsDetailsClaimInsuranceAmount {
                                            font-size: 12pt;
                                            text-align: left;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                          }

.ManageInsurancePolicyClaimsDetailsCaseClosureDate {
                                            font-size: 10pt;
                                            text-align: left;
                                            color: green;
                                            font-weight: 600;
                                            padding-left: 5px;
                                            border-left: 2px solid #0A1626;
                                          }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListBox  {
                                                                  display: grid;
                                                                  margin: 0 auto;
                                                                  width: 95;
                                                                  grid-template-columns: 100%;
                                                                  row-gap: 5px;
                                                                  padding: 4px;
                                                                  align-items: center;
                                                                }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListLabelRow {
                                                                  display: grid;
                                                                  margin: 0 auto;
                                                                  width: 100%;
                                                                  grid-template-columns: 15% 10% 25% 45% 5%;
                                                                  padding: 4px;
                                                                  align-items: center;
                                                               }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListLabelStaircase {
                                                                        text-align: center;
                                                                        font-size: 11pt;
                                                                        font-weight: 600;
                                                                        color: #0A162688;
                                                                     }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListLabelFloor {
                                                                    text-align: center;
                                                                    font-size: 11pt;
                                                                    font-weight: 600;
                                                                    color: #0A162688;
                                                                 }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListLabelUnitType {
                                                                      text-align: center;
                                                                      font-size: 11pt;
                                                                      font-weight: 600;
                                                                      color: #0A162688;
                                                                    }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListLabelIdentifyCode {
                                                                          text-align: left;
                                                                          font-size: 11pt;
                                                                          font-weight: 600;
                                                                          color: #0A162688;
                                                                        }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListLabelAction {
                                                                    text-align: center;
                                                                    font-size: 11pt;
                                                                    font-weight: 600;
                                                                    color: #0A162688;
                                                                  }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListRow {
                                                            display: grid;
                                                            margin: 0 auto;
                                                            width: 100%;
                                                            grid-template-columns: 15% 10% 25% 45% 5%;
                                                            padding: 4px;
                                                            align-items: center;
                                                            border: 1px solid #0A1626;
                                                          }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListStaircase {
                                                                  text-align: center;
                                                                  font-size: 12pt;
                                                                }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListFloor {
                                                              text-align: center;
                                                              font-size: 12pt;
                                                            }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListUnitType {
                                                                  text-align: center;
                                                                  font-size: 11pt;
                                                               }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListIdentifyCode {
                                                                      text-align: left;
                                                                      font-size: 12pt;
                                                                   }

.DetailsInsurancePolicyClaimsRUresidentialunitSelectedListAction {
                                                                   align-content: center;
                                                                   font-size: 12pt;
                                                                 }

.ManageInsurancePolicyClaimActionNoitem {
                                          display: grid;
                                          margin: 0 auto;
                                          margin-top: 15px;
                                          margin-bottom: 15px;
                                          width: 85%;
                                          padding: 10px;
                                          grid-template-columns: 100%;
                                          align-items: center; 
                                          border-radius: 10px;
                                          background-color: #00a8e033;
                                          font-size: 12pt;
                                          font-weight: 600;
                                        }
                                                                 
.ManageInsurancePolicyClaimsActionBox {
                                        display: grid;
                                        margin: 0 auto;
                                        margin-top: 15px;
                                        margin-bottom: 15px;
                                        width: 85%;
                                        padding: 4px;
                                        row-gap: 2px;
                                        grid-template-columns: 100%;
                                        align-items: center; 
                                     }

.ManageInsurancePolicyClaimsActionRow {
                                        display: grid;
                                        margin: 0 auto;
                                        margin-top: 15px;
                                        margin-bottom: 15px;
                                        width: 100%;
                                        padding: 10px;
                                        grid-template-columns: 20% 20% 20% 20% 20%;
                                        row-gap: 6px;
                                        align-items: center; 
                                        border-radius: 10px;
                                        background-color: #00a8e033;
                                      }

.ManageInsurancePolicyClaimsActionType {
                                          grid-column: 1 / span 3;
                                          grid-row: 1;
                                          text-align: left;
                                          padding-left: 6px;
                                          font-weight: 700;
                                       }

.ManageInsurancePolicyClaimsActionTypeVendorName {
                                                    border: 1px solid #0A1626;
                                                    border-radius: 15px;
                                                    padding: 4px 10px;
                                                    font-size: 10pt;
                                                    font-weight: 600;
                                                 }

.ManageInsurancePolicyClaimsActionDate {
                                          grid-column: 5;
                                          grid-row: 1;
                                          text-align: right;
                                          padding-right: 6px;
                                          font-size: 12pt;
                                       }

.ManageInsurancePolicyClaimsActionDescription {
                                                grid-column: 1 / span 4;
                                                grid-row: 2;
                                                text-align: justify;
                                              }

.ManageInsurancePolicyClaimsActionAction {
                                            grid-column: 5;
                                            grid-row: 2;
                                            text-align: right;
                                            padding-right: 6px;
                                            align-self: self-end;
                                         }

.ManageInsurancePolicyClaimsActionArrowBetweenRows {
                                                      display: grid;
                                                      margin: 0 auto;
                                                      width: 100%;
                                                      padding: 0px;
                                                      grid-template-columns: 100%;
                                                      align-items: center;
                                                      font-size: 20pt;
                                                      color: #00a8e077;
                                                      rotate: 180deg;
                                                   }

.ManageInsurancePolicyClaimInsuranceTransactionNoitem {
                                                        display: grid;
                                                        margin: 0 auto;
                                                        margin-top: 15px;
                                                        margin-bottom: 15px;
                                                        width: 85%;
                                                        padding: 10px;
                                                        grid-template-columns: 100%;
                                                        align-items: center; 
                                                        border-radius: 10px;
                                                        background-color: #00a8e033;
                                                        font-size: 12pt;
                                                        font-weight: 600;
                                                      }
                                                                 
.ManageInsurancePolicyClaimsInsuranceTransactionBox {
                                                      display: grid;
                                                      margin: 0 auto;
                                                      margin-top: 15px;
                                                      margin-bottom: 15px;
                                                      width: 85%;
                                                      padding: 4px;
                                                      row-gap: 6px;
                                                      grid-template-columns: 100%;
                                                      align-items: center; 
                                                    }

.ManageInsurancePolicyClaimsInsuranceTransactionRow {
                                                      display: grid;
                                                      margin: 0 auto;
                                                      width: 100%;
                                                      padding: 10px;
                                                      grid-template-columns: 8% 56% 12% 14% 10%;
                                                      row-gap: 6px;
                                                      align-items: center; 
                                                      border-radius: 10px;
                                                      background-color: #00a8e033;
                                                    }

.ManageInsurancePolicyClaimsInsuranceTransactionIconType {
                                                            text-align: center;
                                                            font-size: 15pt;
                                                         }

.ManageInsurancePolicyClaimsInsuranceTransactionDescription {
                                                               text-align: left;
                                                               font-size: 11pt;
                                                            }

.ManageInsurancePolicyClaimsInsuranceTransactionDate {
                                                        text-align: center;
                                                        font-size: 11pt;
                                                     }
                                                     
.ManageInsurancePolicyClaimsInsuranceTransactionValue {
                                                        text-align: right;
                                                        font-size: 12pt;
                                                        font-weight: 600;
                                                      }

.ManageInsurancePolicyClaimsInsuranceTransactionAction {
                                                          text-align: center;
                                                       }                 

.ManageInsurancePolicyClaimsInsuranceTransactionFileHoldLabel {
                                                                display: inline-block;
                                                                position: relative;
                                                                width: 100%;                         
                                                                margin-top: 30px;
                                                                padding-left: 45px;
                                                                text-align: left;
                                                                color: #222255;
                                                                font-size: 13px;
                                                                font-weight: 700;
                                                              }

.ManageInsurancePolicyClaimsInsuranceTransactionFileHoldLinkText {
                                                                    display: inline-block;
                                                                    position: relative;
                                                                    width: 100%;
                                                                    text-align: left;
                                                                    padding: 10px;                 
                                                                    margin-bottom: 10px;
                                                                    margin-right: 20px;
                                                                    color: #222255;
                                                                    border: 2px solid #222255;
                                                                    border-radius: 10px;
                                                                 }

.ManageInsurancePolicyClaimsInsuranceTransactionFileChangeBox {
                                                                display: none;
                                                                width: 100%;
                                                              }

.ManageInsurancePolicyClaimsInsuranceTransactionFileHoldChangeButton {
                                                                        display: block;
                                                                        border: none;
                                                                        margin: 0;
                                                                        padding: 6px;
                                                                        font-size: 16px;
                                                                        color: orangered;
                                                                        background-color: inherit;
                                                                     }

.ManageInsurancePolicyClaimsInsuranceTransactionFileHoldChangeButton:hover {
                                                                              text-shadow: 0px 0px 6px orangered;
                                                                           }

.ManageInsurancePolicyClaimsInsuranceTransactionFileHoldChangeInfotext {
                                                                          display: none;
                                                                          margin: 0;
                                                                          padding: 6px;
                                                                          font-size: 16px;
                                                                          color: red;
                                                                          background-color: inherit;
                                                                       }

.ManageBalanceManageStoragePlanNoItem {
                                        display: grid;
                                        margin: 0 auto;
                                        width: 85%;
                                        padding: 10px;
                                        grid-template-columns: 100%;
                                        align-items: center; 
                                        border-radius: 10px;
                                        border: 1.5px solid #0A1626;                                      
                                      }

.ManageBalanceManageStoragePlanListItemBox {
                                              display: grid;
                                              margin: 0 auto;
                                              margin-top: 15px;
                                              margin-bottom: 15px;
                                              width: 85%;
                                              padding: 4px;
                                              row-gap: 10px;
                                              grid-template-columns: 100%;
                                              align-items: center; 
                                           }

.ManageBalanceManageStoragePlanItemRow {
                                          display: grid;
                                          margin: 0 auto;
                                          width: 100%;
                                          padding: 10px;
                                          grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
                                          row-gap: 6px;
                                          align-items: center; 
                                          border-radius: 10px;
                                          border: 1.8px solid #0A1626;
                                       }
   
.ManageBalanceManageStoragePlanItemLeftLabel {
                                                width: 100%;
                                                text-align: left;
                                                padding-left: 10px;
                                                font-weight: 650;
                                                font-size: 9pt;
                                             }

.ManageBalanceManageStoragePlanItemCenterLabel {
                                                  width: 100%;
                                                  text-align: center;
                                                  font-weight: 650;
                                                  font-size: 9pt;
                                               }

.ManageBalanceManageStoragePlanItemRightLabel {
                                                  width: 100%;
                                                  text-align: right;
                                                  padding-right: 10px;
                                                  font-weight: 650;
                                                  font-size: 9pt;
                                               }

.ManageBalanceManageStoragePlanItemRescheduleLink {
                                                    grid-row: 1;
                                                    grid-column: 1 / span 8;
                                                    border-bottom: 1.8px solid #0A1626;
                                                    text-align: center;
                                                    padding-bottom: 8px;
                                                  }

.ManageBalanceManageStoragePlanItemDescription {
                                                  grid-row: 2;
                                                  grid-column: 1 / span 6;

                                               }

.ManageBalanceManageStoragePlanItemDescriptionValue {
                                                      text-align: left;
                                                      font-size: 15pt;
                                                      font-weight: 600;
                                                    }

.ManageBalanceManageStoragePlanItemValue {
                                            grid-row: 2;
                                            grid-column: 7 / span 2;
                                         }

.ManageBalanceManageStoragePlanItemValueValue {
                                                text-align: right;
                                                font-size: 16pt;
                                                font-weight: 700;
                                              } 

.ManageBalanceManageStoragePlanItemNumberInstallments {
                                                        grid-row: 3;
                                                        grid-column: 1;
                                                      }

.ManageBalanceManageStoragePlanItemNumberInstallmentsValue {
                                                              font-size: 13pt;
                                                              text-align: center;
                                                           }

.ManageBalanceManageStoragePlanItemStartDateInstallment {
                                                          grid-row: 3;
                                                          grid-column: 2 / span 2;
                                                        }

.ManageBalanceManageStoragePlanItemStartDateInstallmentValue {
                                                               font-size: 12pt;
                                                               text-align: center;
                                                             }

.ManageBalanceManageStoragePlanItemEndDateInstallment {
                                                        grid-row: 3;
                                                        grid-column: 4 / span 2;
                                                      }

.ManageBalanceManageStoragePlanItemEndDateInstallmentValue {
                                                             font-size: 12pt;
                                                             text-align: center;
                                                           }

                                              
.ManageBalanceManageStoragePlanItemState {
                                            grid-row: 3;
                                            grid-column: 6;
                                         }

.ManageBalanceManageStoragePlanItemStateValue {
                                                text-align: center;
                                              }

.ManageBalanceManageStoragePlanItemStateActive {
                                                  font-size: 15pt;
                                               }

.ManageBalanceManageStoragePlanItemStateEndDate {
                                                  font-size: 12pt;
                                                  font-weight: 600;
                                                }

.ManageBalanceManageStoragePlanItemAction {
                                            grid-row: 3;
                                            grid-column: 7 / span 2;
                                          }

.ManageBalanceManageStoragePlanItemActionValue {
                                                  text-align: center;
                                               }

.ManageBalanceManageStoragePlanItemCostsAllocation {
                                                      grid-row: 4;
                                                      grid-column: 1 / span 8;
                                                      border-top: 1.8px solid #0A1626;
                                                      text-align: center;
                                                      padding-top: 8px;
                                                   }

.ManageBalanceStoragePlanExceptionsListBox {
                                              display: grid;
                                              margin: 0 auto;
                                              margin-top: 20px;
                                              width: 100%;
                                              grid-template-columns: 100%;
                                              padding: 10px;
                                              align-items: center;
                                           }
                                
.ManageBalanceStoragePlanExceptionsListRowTitle {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 90%;
                                                  grid-template-columns: 30% 43% 15% 12%; 
                                                  padding: 10px;
                                                  align-items: center;
                                                  font-weight: 600;
                                                }

.ManageBalanceStoragePlanExceptionsListIdentifyCodeRuTitle {
                                                              text-align: left;
                                                           }
                                
.ManageBalanceStoragePlanExceptionsListStoragePlaneTitle {
                                                            text-align: left;
                                                         }
                                
.ManageBalanceStoragePlanExceptionsListLastmodifyTitle {
                                                          text-align: center;
                                                       }
                                
.ManageBalanceStoragePlanExceptionsListActionTitle {
                                                      text-align: center;
                                                   }
                                
.ManageBalanceStoragePlanExceptionsListRowEven {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 90%;
                                                  grid-template-columns: 30% 43% 15% 12%; 
                                                  padding: 10px;
                                                  align-items: center;
                                                  background-color: #09395022;
                                                  border-radius: 5px;
                                               }
                                
.ManageBalanceStoragePlanExceptionsListRowOdd {
                                                display: grid;
                                                margin: 0 auto;
                                                width: 90%;
                                                grid-template-columns: 30% 43% 15% 12%; 
                                                padding: 10px;
                                                align-items: center;
                                                background-color: #09395055;
                                                border-radius: 5px;
                                              }
                                
.ManageBalanceStoragePlanExceptionsListIdentifyCodeRu {
                                                        text-align: left;
                                                      }

.ManageBalanceStoragePlanExceptionsListStoragePlan {
                                                      text-align: left;
                                                   }
                                     
.ManageBalanceStoragePlanExceptionsListLastmodify {
                                                    font-size: 10pt;
                                                  }
                                
.ManageBalanceStoragePlanExceptionsListAction {
                                                text-align: center;
                                                border-left: 2pt solid whitesmoke;
                                              }
                                
.ManageBalanceStoragePlanExceptionsListNoItem {
                                                display: inline-block;
                                                position: relative;
                                                padding: 10px;
                                                width: 70%;
                                                margin: 0 auto;
                                                font-size: 16px;
                                                color: #093950;
                                                background-color: #09395022;
                                              }

.ManageBalanceStoragePlanExceptionsViewDescription {
                                                      text-align: center;
                                                      font-size: 14pt;
                                                      font-weight: 600;
                                                   }