/* Error page */

/* Error 419 ----- */

.ExpiredSessionContainer {
                            padding: 15px;
                         }

.ExpiredSessionBox {
                      display: grid;
                      margin: 0 auto;
                      width: 80%;
                      grid-template-columns: 100%;
                      padding: 20px 0px;
                      row-gap: 20px;
                      align-items: center;
                      border: 2px solid #0A1626;
                      border-radius: 10px;
                   }

.ExpiredSessionContentRow {
                            display: grid;
                            width: 100%;
                            grid-template-columns: 20% 60% 20%;
                            padding: 10px;
                            align-items: center;
                            color: #1F2056;
                          }

.ExpiredSessionContentLeftIcon {
                                  text-align: right;
                                  font-size: 26pt;
                               }

.ExpiredSessionContentText {
                              text-align: center;
                              font-size: 16pt;
                              letter-spacing: 3px;
                              font-weight: 600;
                              font-family: "Inverserif";
                           }                            

.ExpiredSessionContentRightIcon {
                                  text-align: left;
                                  font-size: 24pt;
                                }

.ExpiredSessionButtonHome {
                            text-align: center;
                          }

.ExpiredSessionButton {
                        padding: 8px;
                        font-size: 14pt;
                        color: orangered;
                        background-color: white;
                        border: none;
                      }

.ExpiredSessionButton:hover {
                               text-shadow: 0px 0px 8px orangered;
                            }

/* Error 503 ----- */

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

.CloudComputingIcon {
                      width: 45%;
                      justify-self: center;
                      text-align: center;
                    }

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

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

@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: 24px;
                            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: 24px;
                              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;
                     }

.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;
                                } 
                   
.ServiceButtoOnlyTextOrangered:hover {
                                       background-color: inherit;
                                       text-shadow: 0px 0px 6px orangered;
                                     }

/* 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: 22px;
                       }
                     
.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;
                    }

/* 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;
          }

body {
      background-color: #11255e;
     }

.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;  
                }

.GrayColor {
              color: gray;
           }

.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;
            }

/* Header Section */

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

.HeaderDevelopingPicture {
                            display: inline-block;
                            position: relative;
                            margin-top: 6px;
                            width: 80px;                   
                          }

.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: 3px solid #ffb509;
                       text-align: center;
                      }

.HeaderTitleFirstLineOrangered {
                                 font-family: Benjamin Gothic Pro;
                                 color: #EF6924;
                                 font-size: 35px;
                               }                      

.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;
                  padding: 5px;
                  font-size: 22px;
                 }

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

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

/* 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; 
                  }

.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;
               }

.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;
                         font-size: 40px;
                       }

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

.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;
                }
                           
.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=email].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;
                          }

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=email].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=email].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;  
                               }              

.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;
                                        }

.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;
                                          }

.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;
                          }

.BugIdeasFormBox {
                    display: block;
                    margin: 0 auto;
                    margin-top: 20px;
                    width: 90%;
                    padding: 15px;
                    border: 1.5px solid #0A1626;
                  }

.MarginTopBottomFormBox {
                    display: block;
                    margin: 0 auto;
                    margin-top: 20px;
                    margin-bottom: 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;
                                  }
                                  
.CodeWritingBugItemStateLoadedListAction {
                                            grid-column: 1 / span 2;
                                         }

.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;
                                        }

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

.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;
                                    }

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

.CodeWritingBugItemStateListNotViewedRow {
                                            display: inline-block;
                                            padding: 0 4px;
                                            margin-left: 5px;
                                         }

.CodeWritingBugItemStateListNotViewedIcon {
                                            display: inline-block;
                                            font-size: 10pt;
                                          }

.CodeWritingBugItemStateListNotViewedValue {
                                              display: inline-block;
                                              font-size: 10pt;
                                              font-weight: 600;
                                           }

.CodeWritingFirstLevelModuleItemPercentageBox {
                                                display: grid;
                                                margin: 0 auto;
                                                margin-top: 20px;
                                                width: 90%;
                                                grid-template-columns: 26% 24% 24% 24%;
                                                align-items: center; 
                                                column-gap: 4px;
                                                padding: 5px;
                                                border: 1.6px solid #0A1626;
                                                background-color: #0A162622;
                                                background-color: whitesmoke;
                                              }

.CodeWritingFirstLevelModuleItemPercentageToDevelopingRow {
                                                            display: grid;
                                                            margin: 0 auto;
                                                            width: 100%;
                                                            padding: 6px 0;
                                                            grid-template-columns: 55% 45%;
                                                            align-items: center; 
                                                            color: #0A1626;
                                                            border: 1.5px solid #0A1626;
                                                            border-radius: 8px;
                                                            background-color: white;
                                                          }

.CodeWritingFirstLevelModuleItemPercentageInprogressRow {
                                                          display: grid;
                                                          margin: 0 auto;
                                                          width: 100%;
                                                          padding: 6px 0;
                                                          grid-template-columns: 55% 45%;
                                                          align-items: center; 
                                                          color: #0A1626;
                                                          border: 1.5px solid #0A1626;
                                                          border-radius: 8px;
                                                          background-color: white;
                                                        }

.CodeWritingFirstLevelModuleItemPercentageCompleteRow {
                                                        display: grid;
                                                        margin: 0 auto;
                                                        width: 100%;
                                                        padding: 6px 0;
                                                        grid-template-columns: 55% 45%;
                                                        align-items: center; 
                                                        color: #0A1626;
                                                        border: 1.5px solid #0A1626;
                                                        border-radius: 8px;
                                                        background-color: white;
                                                      }

.CodeWritingFirstLevelModuleItemDescription {
                                              text-align: left;
                                              font-size: 14pt;
                                              font-weight: 600;
                                              padding-left: 5px;
                                            }

.CodeWritingModuleItemPercentageBox {
                                      display: grid;
                                      margin: 0 auto;
                                      margin-top: 20px;
                                      width: 80%;
                                      grid-template-columns: 27% 27% 46%;
                                      align-items: center; 
                                      border: 1.6px solid #0A1626;
                                      box-shadow: 3px 3px 5px #0A1626;
                                    }

.CodeWritingModuleItemPercentageToDevelopingRow {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 100%;
                                                  padding: 6px 0;
                                                  grid-template-columns: 55% 45%;
                                                  align-items: center; 
                                                  color: #0A1626;
                                                }

.CodeWritingModuleItemPercentageToDevelopingLabel {
                                                    grid-column: 1;
                                                    grid-row: 1 / span 2;
                                                    grid-column: 1;
                                                    text-align: center;
                                                    font-size: 16pt;
                                                    font-weight: 600;
                                                  }

.CodeWritingModuleItemPercentageToDevelopingPercentageValue {
                                                              grid-column: 2;
                                                              grid-row: 1;
                                                              text-align: center;
                                                              font-size: 16pt;
                                                              font-weight: 600;
                                                            }

.CodeWritingModuleItemPercentageToDevelopingTimeValue {
                                                        grid-column: 2;
                                                        grid-row: 2;
                                                        text-align: center;
                                                        font-size: 12pt;
                                                        font-weight: 600;
                                                      }    

.CodeWritingModuleItemPercentageInprogressRow {
                                                display: grid;
                                                margin: 0 auto;
                                                width: 100%;
                                                padding: 6px 0;
                                                grid-template-columns: 55% 45%;
                                                align-items: center; 
                                                color: #0A1626;
                                                border-left: 3px solid #0A1626;
                                                border-right: 3px solid #0A1626;
                                              }

.CodeWritingModuleItemPercentageInprogressLabel {
                                                  grid-column: 1;
                                                  grid-row: 1 / span 2;
                                                  text-align: center;
                                                  font-size: 16pt;
                                                  font-weight: 600;
                                                }

.CodeWritingModuleItemPercentageInprogressPercentageValue {
                                                            grid-column: 2;
                                                            grid-row: 1;
                                                            text-align: center;
                                                            font-size: 16pt;
                                                            font-weight: 600;
                                                          }

.CodeWritingModuleItemPercentageInprogressTimeValue {
                                                      grid-column: 2;
                                                      grid-row: 2;
                                                      text-align: center;
                                                      font-size: 12pt;
                                                      font-weight: 600;
                                                    }

.CodeWritingModuleItemPercentageCompleteRow {
                                              display: grid;
                                              margin: 0 auto;
                                              width: 100%;
                                              padding: 6px 0;
                                              grid-template-columns: 40% 60%;
                                              align-items: center; 
                                              color: #0A1626;
                                            }

.CodeWritingModuleItemPercentageCompleteLabel {
                                                grid-column: 1;
                                                grid-row: 1 / span 2;
                                                text-align: center;
                                                font-size: 16pt;
                                                font-weight: 600;
                                              }

.CodeWritingModuleItemPercentageCompletePercentageValue {
                                                          grid-column: 2;
                                                          grid-row: 1;
                                                          text-align: center;
                                                          font-size: 16pt;
                                                          font-weight: 600;
                                                        }

.CodeWritingModuleItemPercentageCompleteTimeValue {
                                                    grid-column: 2;
                                                    grid-row: 2;
                                                    text-align: center;
                                                    font-size: 12pt;
                                                    font-weight: 600;
                                                  }

.CodeWritingModuleItemPercentageCompleteTimeValueExpectedActual {
                                                                  padding: 3px 8px;
                                                                  border: 1px solid #0A1626;
                                                                  border-radius: 15px;
                                                                }   

.CodeWritingModuleItemPercentageWeekHeaderBox {
                                                display: grid;
                                                margin: 0 auto;
                                                width: 60%;
                                                padding: 10px;
                                                grid-template-columns: 50% 50%;
                                                align-items: center; 
                                                row-gap: 5px;
                                                column-gap: 8px;
                                                color: #0A1626;
                                                border: 1.6px solid #0A1626;
                                                border-radius: 10px;
                                                background-color: #00a8e044;
                                              }

.CodeWritingModuleItemPercentageWeekHeaderTitle {
                                                  grid-column: 1 / span 2;
                                                  text-align: center;
                                                  font-size: 20pt;
                                                  font-weight: 600;
                                                }

.CodeWritingModuleItemPercentageWeekHeaderTypicalRow {
                                                        display: grid;
                                                        margin: 0 auto;
                                                        width: 70%;
                                                        padding: 5px;
                                                        grid-template-columns: 50% 50%;
                                                        align-items: center; 
                                                        color: #0A1626;
                                                        border: 1.3px solid #0A1626;
                                                        background-color: whitesmoke;
                                                     }

.CodeWritingModuleItemPercentageWeekHeaderTypicalIcon {
                                                        text-align: center;
                                                        font-size: 30pt;
                                                     }

.CodeWritingModuleItemPercentageWeekHeaderTypicalValue {
                                                          text-align: center;
                                                          font-size: 22pt;
                                                       }

.CodeWritingModuleItemPercentageWeekHeaderTypicalEnddate {
                                                          grid-column: 1 / span 2;
                                                          text-align: center;
                                                          font-size: 15pt;
                                                          font-weight: 600;
                                                          border-top: 1.5px solid #0A1626;
                                                        }

.CodeWritingModuleItemPercentageWeekHeaderActualRow {
                                                      display: grid;
                                                      margin: 0 auto;
                                                      width: 80%;
                                                      padding: 5px;
                                                      grid-template-columns: 50% 50%;
                                                      align-items: center; 
                                                      color: #0A1626;
                                                      border: 1.3px solid #0A1626;
                                                      background-color: whitesmoke;
                                                    }

.CodeWritingModuleItemPercentageWeekHeaderActualIcon {
                                                        text-align: center;
                                                        font-size: 30pt;
                                                     }

.CodeWritingModuleItemPercentageWeekHeaderActualDeveloperList {
                                                                display: grid;
                                                                margin: 0 auto;
                                                                width: 90%;
                                                                padding: 5px;
                                                                grid-template-columns: 50% 50%;
                                                                column-gap: 8px;
                                                                align-items: center; 
                                                                color: #0A1626;
                                                              }

.CodeWritingModuleItemPercentageWeekHeaderActualDeveloperIcon {
                                                                text-align: right;
                                                                font-size: 18pt;
                                                              }

.CodeWritingModuleItemPercentageWeekHeaderActualValue {
                                                        text-align: left;
                                                        font-size: 22pt;
                                                      }

.CodeWritingModuleItemPercentageWeekHeaderActualEnddate {
                                                          grid-column: 1 / span 2;
                                                          text-align: center;
                                                          font-size: 16pt;
                                                          font-weight: 600;
                                                          color: green;
                                                          border-top: 1.5px solid #0A1626;
                                                        }

.CodeWritingFirstLevelModuleItemPercentageWeekBox {
                                                display: grid;
                                                margin: 0 auto;
                                                margin-top: 20px;
                                                width: 90%;
                                                grid-template-columns: 26% 24% 24% 24%;
                                                align-items: center; 
                                                column-gap: 4px;
                                                padding: 5px;
                                                border: 1.6px solid #0A1626;
                                                background-color: #0A162622;
                                                background-color: whitesmoke;
                                              }

.CodeWritingFirstLevelModuleItemPercentageToDevelopingWeekRow {
                                                            display: grid;
                                                            margin: 0 auto;
                                                            width: 100%;
                                                            padding: 4px;
                                                            grid-template-columns: 75% 25%;
                                                            align-items: center; 
                                                            color: #0A1626;
                                                            border: 1.5px solid #0A1626;
                                                            border-radius: 8px;
                                                            background-color: white;
                                                          }

.CodeWritingFirstLevelModuleItemPercentageInprogressWeekRow {
                                                          display: grid;
                                                          margin: 0 auto;
                                                          width: 100%;
                                                          padding: 4px;
                                                          grid-template-columns: 75% 25%;
                                                          align-items: center; 
                                                          color: #0A1626;
                                                          border: 1.5px solid #0A1626;
                                                          border-radius: 8px;
                                                          background-color: white;
                                                        }

.CodeWritingFirstLevelModuleItemPercentageCompleteWeekRow {
                                                        display: grid;
                                                        margin: 0 auto;
                                                        width: 100%;
                                                        padding: 4px;
                                                        grid-template-columns: 75% 25%;
                                                        align-items: center; 
                                                        color: #0A1626;
                                                        border: 1.5px solid #0A1626;
                                                        border-radius: 8px;
                                                        background-color: white;
                                                      }

.CodeWritingFirstLevelModuleItemWeekDescription {
                                              text-align: left;
                                              font-size: 14pt;
                                              font-weight: 600;
                                              padding-left: 5px;
                                            }

.CodeWritingModuleItemPercentageWeekBox {
                                      display: grid;
                                      margin: 0 auto;
                                      margin-top: 20px;
                                      width: 70%;
                                      grid-template-columns: 33.3% 33.4% 33.3%;
                                      align-items: center; 
                                      border: 1.6px solid #0A1626;
                                      box-shadow: 3px 3px 5px #0A1626;
                                    }

.CodeWritingModuleItemPercentageToDevelopingWeekRow {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 100%;
                                                  padding: 4px;
                                                  grid-template-columns: 75% 25%;
                                                  align-items: center; 
                                                  color: #0A1626;
                                                }

.CodeWritingFirstLevelModuleItemPercentageToDevelopingWeekRow {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 100%;
                                                  padding: 4px;
                                                  grid-template-columns: 70% 30%;
                                                  align-items: center; 
                                                  color: #0A1626;
                                                }

.CodeWritingModuleItemPercentageToDevelopingWeekLabel {
                                                    grid-column: 1;
                                                    grid-row: 1;
                                                    grid-column: 1;
                                                    text-align: left;
                                                    padding-left: 5px;
                                                    font-size: 14pt;
                                                    font-weight: 600;
                                                  }

.CodeWritingModuleItemPercentageToDevelopingWeekPercentageValue {
                                                              grid-column: 2;
                                                              grid-row: 1;
                                                              text-align: center;
                                                              padding: 2px 5px;
                                                              margin-left: 5px;
                                                              font-size: 10pt;
                                                              font-weight: 600;
                                                              background-color: #0A162699;
                                                              color: whitesmoke;
                                                              border-radius: 15px;
                                                            }

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

.CodeWritingModuleItemPercentageToDevelopingWeekTimeActualValue {
                                                                  grid-column: 1 / span 2;
                                                                  grid-row: 3;
                                                                  text-align: center;
                                                                  font-size: 12pt;
                                                                  font-weight: 600;
                                                                }

.CodeWritingModuleItemPercentageInprogressWeekRow {
                                                    display: grid;
                                                    margin: 0 auto;
                                                    width: 100%;
                                                    padding: 4px;
                                                    grid-template-columns: 75% 25%;
                                                    align-items: center; 
                                                    color: #0A1626;
                                                    border-left: 3px solid #0A1626;
                                                    border-right: 3px solid #0A1626;
                                                  }

.CodeWritingFirstLevelModuleItemPercentageInprogressWeekRow {
                                                              display: grid;
                                                              margin: 0 auto;
                                                              width: 100%;
                                                              padding: 4px;
                                                              grid-template-columns: 70% 30%;
                                                              align-items: center; 
                                                              color: #0A1626;
                                                            }

.CodeWritingModuleItemPercentageInprogressWeekLabel {
                                                      grid-column: 1;
                                                      grid-row: 1;
                                                      text-align: left;
                                                      padding-left: 5px;
                                                      font-size: 14pt;
                                                      font-weight: 600;
                                                    }

.CodeWritingModuleItemPercentageInprogressWeekPercentageValue {
                                                                grid-column: 2;
                                                                grid-row: 1;
                                                                text-align: center;
                                                                padding: 2px 5px;
                                                                margin-left: 5px;
                                                                font-size: 10pt;
                                                                font-weight: 600;
                                                                background-color: #0A162699;
                                                                color: whitesmoke;
                                                                border-radius: 15px;
                                                              }

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

.CodeWritingModuleItemPercentageInprogressWeekTimeActualValue {
                                                                grid-column: 1 / span 2;
                                                                grid-row: 3;
                                                                text-align: center;
                                                                font-size: 12pt;
                                                                font-weight: 600;
                                                              }

.CodeWritingModuleItemPercentageCompleteWeekRow {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 100%;
                                                  padding: 4px;
                                                  grid-template-columns: 75% 25%;
                                                  align-items: center; 
                                                  color: #0A1626;
                                                }

.CodeWritingFirstLevelModuleItemPercentageCompleteWeekRow {
                                                            display: grid;
                                                            margin: 0 auto;
                                                            width: 100%;
                                                            padding: 4px;
                                                            grid-template-columns: 70% 30%;
                                                            align-items: center; 
                                                            color: #0A1626;
                                                          }

.CodeWritingModuleItemPercentageCompleteWeekLabel {
                                                    grid-column: 1;
                                                    grid-row: 1;
                                                    text-align: left;
                                                    padding-left: 5px;
                                                    font-size: 14pt;
                                                    font-weight: 600;
                                                  }

.CodeWritingModuleItemPercentageCompleteWeekPercentageValue {
                                                              grid-column: 2;
                                                              grid-row: 1;
                                                              text-align: center;
                                                              padding: 2px 5px;
                                                              margin-left: 5px;
                                                              font-size: 10pt;
                                                              font-weight: 600;
                                                              background-color: #0A162699;
                                                              color: whitesmoke;
                                                              border-radius: 15px;
                                                            }

.CodeWritingModuleItemPercentageCompleteWeekTimeTypicalValue {
                                                                grid-column: 1 / span 2;
                                                                grid-row: 2;
                                                                text-align: center;
                                                                font-size: 12pt;
                                                                font-weight: 600;
                                                             }
                                                  
.CodeWritingModuleItemPercentageCompleteWeekTimeActualValue {
                                                    grid-column: 1 / span 2;
                                                    grid-row: 3;
                                                    text-align: center;
                                                    font-size: 12pt;
                                                    font-weight: 600;
                                                  }

.CodeWritingModuleItemStateBox {
                                 display: grid;
                                 margin: 0 auto;
                                 margin-top: 30px;
                                 width: 60%;
                                 grid-template-columns: 25% 25% 25% 25%;
                                 align-items: center; 
                               }

.CodeWritingModuleItemStateTodoRow {
                                     display: grid;
                                     margin: 0 auto;
                                     width: 100%;
                                     padding: 6px 0;
                                     grid-template-columns: 50% 50%;
                                     align-items: center; 
                                     background-color: #4682B422;
                                     color: steelblue;
                                     border: 3.4px solid steelblue;
                                     border-top-left-radius: 10px;
                                     border-bottom-left-radius: 10px;
                                   }

.CodeWritingModuleItemStateTodoIcon {
                                      text-align: center;
                                      align-self: center;
                                      font-size: 25pt;
                                    }

.CodeWritingModuleItemStateTodoValue {
                                       text-align: center;
                                       align-self: center;
                                       font-size: 22pt;
                                       font-weight: 600;
                                     }

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

.CodeWritingModuleItemStatePartialProgressRow {
                                              display: grid;
                                              margin: 0 auto;
                                              width: 100%;
                                              padding: 6px 0;
                                              grid-template-columns: 30% 20% 50%;
                                              align-items: center; 
                                              background-color: #FF450022;
                                              color: orangered;
                                              border: 3.4px solid orangered;
                                            }

.CodeWritingModuleItemStatePartialProgressIconFirst {
                                                    text-align: center;
                                                    align-self: center;
                                                    font-size: 25pt;
                                                  }

.CodeWritingModuleItemStatePartialProgressIconSecond {
                                                      text-align: center;
                                                      align-self: center;
                                                      font-size: 12pt;
                                                   }
  
.CodeWritingModuleItemStatePartialProgressValue {
                                                text-align: center;
                                                align-self: center;
                                                font-size: 22pt;
                                                font-weight: 600;
                                              }

.CodeWritingModuleItemStatePartialProgressListAction {
                                              grid-column: 1 / span 3;
                                           }

.CodeWritingModuleItemStateInprogressRow {
                                        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;
                                      }

.CodeWritingModuleItemStateInprogressIcon {
                                         text-align: center;
                                         align-self: center;
                                         font-size: 25pt;
                                      }
  
.CodeWritingModuleItemStateInprogressValue {
                                          text-align: center;
                                          align-self: center;
                                          font-size: 22pt;
                                          font-weight: 600;
                                        }

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

.CodeWritingModuleItemStateMadeRow {
                                    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;
                                  }

.CodeWritingModuleItemStateMadeIcon {
                                      text-align: center;
                                      align-self: center;
                                      font-size: 25pt;
                                   }

.CodeWritingModuleItemStateMadeValue {
                                      text-align: center;
                                      align-self: center;
                                      font-size: 22pt;
                                      font-weight: 600;
                                    }

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

.CodeWritingModuleItemStateListNotViewedRow {
                                            display: inline-block;
                                            padding: 0 4px;
                                            margin-left: 5px;
                                         }

.CodeWritingModuleItemStateListNotViewedIcon {
                                            display: inline-block;
                                            font-size: 10pt;
                                          }

.CodeWritingModuleItemStateListNotViewedValue {
                                              display: inline-block;
                                              font-size: 10pt;
                                              font-weight: 600;
                                           }

.CodeWritingIdeaItemStateBox {
                               display: grid;
                               margin: 0 auto;
                               margin-top: 20px;
                               width: 60%;
                               grid-template-columns: 25% 25% 25% 25%;
                               align-items: center; 
                             }

.CodeWritingIdeaItemStateEnteredRow {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    padding: 6px 0;
                                    grid-template-columns: 50% 50%;
                                    align-items: center; 
                                    background-color: #4169E122;
                                    color: royalblue;
                                    border: 3.4px solid royalblue;
                                    border-top-left-radius: 10px;
                                    border-bottom-left-radius: 10px;
                                  }

.CodeWritingIdeaItemStateEnteredIcon {
                                    text-align: center;
                                    align-self: center;
                                    font-size: 25pt;
                                 }

.CodeWritingIdeaItemStateEnteredValue {
                                     text-align: center;
                                     align-self: center;
                                     font-size: 22pt;
                                     font-weight: 600;
                                  }

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

.CodeWritingIdeaItemStatePartialProgressRow {
                                              display: grid;
                                              margin: 0 auto;
                                              width: 100%;
                                              padding: 6px 0;
                                              grid-template-columns: 30% 20% 50%;
                                              align-items: center; 
                                              background-color: #FF450022;
                                              color: orangered;
                                              border: 3.4px solid orangered;
                                            }

.CodeWritingIdeaItemStatePartialProgressIconFirst {
                                                    text-align: center;
                                                    align-self: center;
                                                    font-size: 25pt;
                                                  }

.CodeWritingIdeaItemStatePartialProgressIconSecond {
                                                      text-align: center;
                                                      align-self: center;
                                                      font-size: 12pt;
                                                   }
  
.CodeWritingIdeaItemStatePartialProgressValue {
                                                text-align: center;
                                                align-self: center;
                                                font-size: 22pt;
                                                font-weight: 600;
                                              }

.CodeWritingIdeaItemStatePartialProgressListAction {
                                              grid-column: 1 / span 3;
                                           }

.CodeWritingIdeaItemStateInprogressRow {
                                        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;
                                      }

.CodeWritingIdeaItemStateInprogressIcon {
                                         text-align: center;
                                         align-self: center;
                                         font-size: 25pt;
                                      }
  
.CodeWritingIdeaItemStateInprogressValue {
                                          text-align: center;
                                          align-self: center;
                                          font-size: 22pt;
                                          font-weight: 600;
                                        }

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

.CodeWritingIdeaItemStateMadeRow {
                                    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;
                                  }

.CodeWritingIdeaItemStateMadeIcon {
                                      text-align: center;
                                      align-self: center;
                                      font-size: 25pt;
                                   }

.CodeWritingIdeaItemStateMadeValue {
                                      text-align: center;
                                      align-self: center;
                                      font-size: 22pt;
                                      font-weight: 600;
                                    }

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

.CodeWritingIdeaItemStateListNotViewedRow {
                                            display: inline-block;
                                            padding: 0 4px;
                                            margin-left: 5px;
                                         }

.CodeWritingIdeaItemStateListNotViewedIcon {
                                            display: inline-block;
                                            font-size: 10pt;
                                          }

.CodeWritingIdeaItemStateListNotViewedValue {
                                              display: inline-block;
                                              font-size: 10pt;
                                              font-weight: 600;
                                           }

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

.CodeWritingBugIdeaActionButton:hover {
                                          opacity: 0.5;
                                      }

.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; 
                             }

.CodeWritingMoveItemBox {
                          display: block;
                          width: 100%;
                          padding: 10px;
                          background-color: #0A162633;
                          color: #0A1626CC;
                          text-align: center;
                          font-size: 13pt;
                          font-weight: 600; 
                          border-radius: 10px;
                        }

.CodeWritingMoveItemTitle {
                            display: grid;
                            margin: 0 auto;
                            width: 50%;
                            height: 43px;
                            padding: 4px;
                            grid-template-columns: 10% 80% 10%;
                            align-items: center; 
                            color: #0A1626CC;
                          }

.CodeWritingMoveItemTitleIconLeft {
                                    text-align: right;
                                    align-self: self-end;
                                  }

.CodeWritingMoveItemTitleText {
                                text-align: center;
                                align-self: self-start;
                              }

.CodeWritingMoveItemTitleIconRight {
                                      text-align: left;
                                      align-self: self-end;
                                   }


.CodeWritingPageItemLevelColorOneMatt {
                                        color: #2E8B5755;
                                      }

.CodeWritingPageItemLevelColorTwoMatt {
                                        color: #A52A2A55;
                                      }

.CodeWritingPageItemLevelColorThreeMatt {
                                          color: #4682B455;
                                        }

.CodeWritingPageItemLevelColorFourMatt {
                                          color: #66339955;
                                       }

.CodeWritingPageItemLevelColorFiveMatt {
                                          color: #2F4F4F55;
                                       }

.CodeWritingPageItemLevelColorSixMatt {
                                         color: #48D1CC55;
                                      }

.CodeWritingPageItemLevelColorOne {
                                    color: seagreen;
                                  }

.CodeWritingPageItemLevelColorTwo {
                                    color: brown;
                                  }

.CodeWritingPageItemLevelColorThree {
                                      color: steelblue;
                                    }

.CodeWritingPageItemLevelColorFour {
                                      color: rebeccapurple;
                                   }

.CodeWritingPageItemLevelColorFive {
                                      color: darkslategray;
                                   }

.CodeWritingPageItemLevelColorSix {
                                    color: mediumturquoise;
                                  }

.CodeWritingPageItemLevelColorGray {
                                      color: #0A1626AA;
                                    }

.CodeWritingTestingItemLevelColorOne {
                                    color: seagreen;
                                  }

.CodeWritingTestingItemLevelColorTwo {
                                    color: brown;
                                  }

.CodeWritingTestingItemLevelColorThree {
                                      color: steelblue;
                                    }

.CodeWritingTestingItemLevelColorFour {
                                      color: rebeccapurple;
                                   }

.CodeWritingTestingItemLevelColorFive {
                                      color: darkslategray;
                                   }

.CodeWritingTestingItemLevelColorSix {
                                    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: grid;
                                          width: 90%;
                                          margin: 0 auto;
                                          margin-top: 15px;
                                          padding: 15px;
                                          grid-template-columns: 60% 40%;
                                          border: 2px solid #222255; 
                                          background-color: whitesmoke;
                                          border-radius: 10px;
                                       }

.CodeWritingBugPageItemLevelFormButton:hover {
                                                background-color: #22225533;
                                             }

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

.CodeWritingBugPageItemLevelFormButtonValue {
                                              color: #222255;
                                              font-size: 15pt;
                                              font-weight: 600;
                                              text-align: left;
                                              padding-left: 15px;
                                              align-self: center;
                                            }

.CodeWritingBugPageItemLevelFormButtonNotification {
                                                      text-align: center;
                                                   }

.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;
                                     }

.HomepageChoiceButton {
                        display: table-cell;
                        position: relative;
                        width: 280px;
                        height: 210px;
                        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;
                            }

.HomepageLargeChoiceButton {
                        display: table-cell;
                        position: relative;
                        width: 350px;
                        height: 210px;
                        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;
                       }

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

.ChoiceButtonIcon {
                    display: block;
                    position: relative;
                    margin: 0 auto;
                    z-index: 10;
                    font-size: 45px;
                    text-shadow: 2px 2px 4px #222255;
                  }

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

.ChoiceButtonTextName {
                         display: block;
                         position: relative;
                         margin: 0;
                         padding: 0;
                         margin-top: 15px;
                         font-family: "Benjamin Gothic Pro";
                         font-size: 20px;
                         font-weight: 500;
                         line-height: normal;
                         text-transform: uppercase;
                      }

.ChoiceButtonTextGroupUserName {
                                  display: block;
                                  position: relative;
                                  margin-top: 15px;
                                  padding-top: 10px;
                                  display: 100%;
                               }

.InlineActionButton {
                      display: inline-block;
                      border: none;
                      margin: 0;
                      padding: 2x 4px;
                      font-size: 18px;
                      color: orangered;
                      background-color: inherit;
                    }

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

.InlineActionButton:disabled {
                                color: grey;
                                border: 2px solid grey;
                                cursor: not-allowed;
                                background-color: whitesmoke;
                             }

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

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

.LargeIconActionButton {
                          display: block;
                          border: none;
                          margin: 0;
                          padding: 6px;
                          font-size: 30px;
                          color: orangered;
                          background-color: inherit;
                        }

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

.InlineBorderActionButton {
                            display: inline-block;
                            border: none;
                            margin: 0;
                            margin-top: 15px;
                            padding: 2px 4px;
                            font-size: 14px;
                            font-weight: 700;
                            text-transform: uppercase;
                            color: orangered;
                            border: 2px solid orangered;
                            border-radius: 10px;
                            background-color: inherit;
                          }

.InlineBorderActionButton:hover {
                                  background-color: #FF450066;
                                }

.InlineBorderActionButton:disabled {
                                      color: grey;
                                      border: 2px solid grey;
                                      cursor: not-allowed;
                                      background-color: whitesmoke;
                                   }

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

.ChooseProjectActionTitleNew {
                                text-align: center;
                             }

.ChooseProjectListNoItem {
                            text-align: center;
                            font-size: 14pt;
                            font-weight: 650;
                         }

.SelectProjectItemBox {
                         display: grid;
                         margin: 0 auto;
                         width: 100%;
                         padding: 5px 0;
                         grid-template-columns: 10% 30% 40% 20%;
                         align-items: center; 
                         border: 1.5px solid #0A1626;
                         margin-bottom: 20px;
                      }

.SelectProjectItemCategoryIcon {
                                  text-align: center;
                                  font-size: 22pt;
                               } 

.SelectProjectItemName {
                          text-align: left;
                          font-size: 15pt;
                          font-weight: 600;
                       }

.SelectProjectItemDescription {
                                text-align: justify;
                              }

.SelectProjectItemAction {
                            text-align: right;
                            padding-right: 10px;
                         }

.SelectProjectItemSubmitButton {
                                  display: inline-block;
                                  padding: 4px 10px;
                                  background-color: orangered;
                                  color: whitesmoke;
                                  border: 1.7px solid orangered;
                                  border-radius: 15px;
                                  font-size: 9pt;
                               }

.SelectProjectItemSubmitButton:hover {
                                        background-color: whitesmoke;
                                        color: orangered
                                      }       

.SelectProjectItemSubmitText {
                                font-size: 8pt;
                                font-weight: 700;
                             }     

.ChooseProjectIconChoose {
                            display: block;
                            position: relative;
                            text-align: left;
                            width: 100%;
                            margin: 0 auto;
                            margin-bottom: 10x;
                         }

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

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

.ChooseProjectIconChooseRadioLabel {
                                      display: inline-block;
                                      width: 70px;
                                      padding: 10px;
                                      font-size: 18pt;
                                      text-align: center;
                                      color: #222255;
                                      border: 2px solid #222255; 
                                      border-radius: 10px;
                                   }  

.ChooseProjectIconChooseRadioContainer:hover input  ~ .ChooseProjectIconChooseRadioLabel {
                                                                                            background-color: #22225533;
                                                                                         }

.ChooseProjectIconChooseRadioContainer input:checked  ~ .ChooseProjectIconChooseRadioLabel {
                                                                                              background-color: #222255BB;
                                                                                              color: white;
                                                                                           } 

.TitleProjectSelectedBox {
                            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;            
                         }

.IconTitleProjectSelected {
                            font-size: 30px;
                          }
                            
.TitleTextProjectSelected {
                            display: inline;
                            position: relative;
                            font-size: 22px;
                          }

.TitleTeamleaderProjectSelected {
                                  display: inline;
                                  position: relative;
                                  font-size: 15px;
                                  text-transform: none;
                                  border: 1.8px solid  #1f2056;
                                  padding: 3px 10px;
                                  border-radius: 15px;
                                }

.TitleTeamleaderProjectSectorSelected {
                                  display: inline;
                                  position: relative;
                                  font-size: 15px;
                                  text-transform: none;
                                  border: 1.8px solid  whitesmoke;
                                  padding: 3px 10px;
                                  border-radius: 15px;
                                }

.DeveloperPageTitleType {
                          width: 95%;
                          margin: 0 auto;
                          margin-top: 20px;
                          padding: 8px;
                          color: whitesmoke;
                          background-color: seagreen;
                          text-align: left;
                          font-size: 15pt;
                          font-weight: 600;
                          border-bottom-left-radius: 10px;
                          border-bottom-right-radius: 10px;
                        }

.DeveloperPageTitleIconType {
                              font-size: 20pt;
                              color: whitesmoke;
                              padding: 5px 10px;
                            } 

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

.CodeWritingModulesItemRow {
                            display: grid;
                            margin: 0 auto;
                            width: 100%;
                            padding: 8px;
                            grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
                            align-items: center; 
                            border: 1.5px solid #0A1626;
                            background-color: #00a8e011;
                            margin-top: 15px;
                            row-gap: 8px;
                         }   
                         
.CodeWritingModulesItemLabelCenter {
                                   text-align: center;
                                   font-size: 9pt;
                                   color: grey;
                                   font-weight: 600;
                                 }

.CodeWritingModulesItemLabelLeft {
                                 text-align: left;
                                 font-size: 9pt;
                                 color: grey;
                                 font-weight: 600;
                               }

.CodeWritingModulesItemAttachmentLabel {
                                        text-align: left;
                                        font-size: 9pt;
                                        color: grey;
                                        font-weight: 600;
                                        border-top: 1px solid grey;
                                      }

.CodeWritingModulesItemTitlePageRow {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    grid-template-columns: 20% 20% 20% 20% 20%;
                                    grid-column: 1 / span 8;
                                    align-items: center; 
                                   }

.CodeWritingModulesItemPageLevelName {
                                      grid-column: 1 / span 5;
                                      grid-row: 1;
                                      color: whitesmoke;
                                      background-color: #0A1626;
                                      text-align: left;
                                      padding: 5px 10px;
                                   }

.CodeWritingModulesItemCreateByAt {
                                   grid-column: 1 / span 2;
                                   grid-row: 2;
                                   align-self: self-start;
                                   text-align: left;
                                }                             

.CodeWritingModulesItemCreateByAtValue {
                                        text-align: center;
                                        font-size: 10pt;
                                        font-weight: 600;
                                        padding-left: 6px;
                                     }

.CodeWritingModulesItemAcknowledgement {
                                        grid-column: 5;
                                        grid-row: 2;
                                        text-align: center;
                                        padding: 2px 5px;
                                        border: 2.5px solid #0A1626;
                                        border-bottom-right-radius: 8px;
                                        border-bottom-left-radius: 8px;
                                        background-color: whitesmoke;
                                        border-top: 2.5px solid whitesmoke;
                                     }

.CodeWritingModulesItemAcknowledgementEyeSlashIcon {
                                                   display: inline-block;
                                                   color: red;
                                                   font-size: 12pt;
                                                 }  

.CodeWritingModulesItemAcknowledgementEyeIcon {
                                              display: inline-block;
                                              color: green;
                                              font-size: 12pt;
                                            } 
                                            
.CodeWritingModulesItemAcknowledgementEyeDate {
                                              display: inline-block;
                                              color: green;
                                              font-size: 9pt;
                                              font-weight: 600;
                                            } 
                         
.CodeWritingModulesItemPriority {
                                grid-column: 1;
                                grid-row: 2 / span 2;
                                text-align: center;
                                align-self: self-start;
                              } 

.CodeWritingModulesItemPriorityValue {
                                      text-align: center;
                                      font-size: 30pt;
                                   }

.CodeWritingModulesItemWeight {
                            grid-column: 2 / span 2;
                            grid-row: 2;
                            text-align: center;
                            align-self: self-start;
                          }

.CodeWritingModulesItemWeightValue {
                                  display: inline-table;
                                  text-align: center;
                                  font-size: 9pt;
                                  font-weight: 600;
                                  border-spacing: 2px;
                               }      

.CodeWritingModulesItemWeightCircleBoxFull {
                                         display: table-cell;
                                         text-align: center;
                                         vertical-align: middle;
                                         padding: 0;
                                         width: 20px;
                                         height: 20px;
                                         border-radius: 50%;
                                         border: 1.6px solid #0A1626;
                                         background-color: #0A1626;
                                         color: whitesmoke;
                                       }

.CodeWritingModulesItemWeightCircleBoxEmpty {
                                         display: table-cell;
                                         text-align: center;
                                         vertical-align: middle;
                                         padding: 0;
                                         width: 20px;
                                         height: 20px;
                                         border-radius: 50%;
                                         border: 1.6px solid #0A1626;
                                       }
                               
.CodeWritingModulesItemExpectedTime {
                                    grid-column: 4 / span 2;
                                    grid-row: 2;
                                    text-align: center;
                                    align-self: self-start;
                                  }

.CodeWritingModulesItemExpectedTimeValue {
                                            text-align: center;
                                          }  

.CodeWritingModulesItemActualTime {
                                    grid-column: 6 / span 2;
                                    grid-row: 2;
                                    text-align: center;
                                    align-self: self-start;
                                  }

.CodeWritingModulesItemActualTimeValue {
                                         text-align: center;
                                       } 

.CodeWritingModulesItemDescription {
                                    grid-column: 2 / span 6;
                                    grid-row: 3;
                                    text-align: justify;
                                    align-self: self-start;
                                 }                   

.CodeWritingModulesItemDescriptionValue {
                                         text-align: left;
                                      }            

.CodeWritingModulesItemState {
                              grid-column: 8;
                              grid-row: 2 / span 3;
                              text-align: center;
                              align-self: self-start;
                           }                   

.CodeWritingModulesItemStateValue {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 100%;
                                  grid-template-columns: 60% 40%;
                                  align-items: center; 
                                }

.CodeWritingModulesItemStateValueIcon {
                                      grid-column: 1 / span 2;
                                      text-align: center;
                                      font-size: 32pt;
                                    }

.CodeWritingModulesItemStateValuePartialProgressIconFirst {
                                                    text-align: center;
                                                    align-self: center;
                                                    font-size: 32pt;
                                                  }

.CodeWritingModulesItemStateValuePartialProgressIconSecond {
                                                      text-align: left;
                                                      align-self: center;
                                                      font-size: 16pt;
                                                   }

.CodeWritingModulesItemStateValuePercentage {
                                            grid-column: 1 / span 2;
                                            font-size: 15pt;
                                            font-weight: 650;
                                          }

.CodeWritingModulesItemTakenOverBox {
                                    display: grid;
                                    width: 100%;
                                    grid-column: 1 / span 7;
                                    grid-row: 4;
                                    grid-template-columns: 100%;
                                    row-gap: 6px;
                                  }

.CodeWritingModulesItemTakenOverRow {
                                    display: grid;
                                    width: 100%;
                                    padding: 5px 8px;
                                    border-radius: 6px;
                                    grid-template-columns: 50% 25% 25%;
                                    background-color: #00a8e033;
                                  }   
                                  
.CodeWritingModulesItemTask {
                            grid-column: 1 / span 2;
                            align-self: self-start;
                          } 

.CodeWritingModulesItemTaskValue {
                                  text-align: left;
                                  font-style: italic;
                                  font-size: 11pt;
                               } 

.CodeWritingModulesItemWeightTakenover {
                              align-self: self-start;
                            } 

.CodeWritingModulesItemWeightTakenoverValue {
                                    text-align: center;
                                    font-size: 10pt;
                                    font-weight: 600;
                                 } 
                                                                  
.CodeWritingModulesItemTakenOverByAt {
                                      align-self: self-start;
                                   }                             

.CodeWritingModulesItemTakenOverByAtValue {
                                           text-align: left;
                                           font-size: 11pt;
                                           font-weight: 600;
                                        }

.CodeWritingModulesItemMadeAt {
                               align-self: self-start;
                            }

.CodeWritingModulesItemMadeByAtValue {
                                      text-align: left;
                                      font-size: 12pt;
                                      font-weight: 600;
                                   }         
                              
.CodeWritingModulesItemAction {
                              align-self: self-start;
                            }

.CodeWritingModulesItemActionValue {
                                    text-align: center;
                                 }

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

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

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

.CodeWritingBugsItemRow {
                            display: grid;
                            margin: 0 auto;
                            width: 100%;
                            padding: 8px;
                            grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
                            align-items: center; 
                            border: 1.5px solid #0A1626;
                            background-color: #00a8e011;
                            margin-top: 15px;
                            row-gap: 8px;
                         }   
                         
.CodeWritingBugsItemLabelCenter {
                                   text-align: center;
                                   font-size: 9pt;
                                   color: grey;
                                   font-weight: 600;
                                 }

.CodeWritingBugsItemLabelLeft {
                                 text-align: left;
                                 font-size: 9pt;
                                 color: grey;
                                 font-weight: 600;
                               }

.CodeWritingBugsItemAttachmentLabel {
                                        text-align: left;
                                        font-size: 9pt;
                                        color: grey;
                                        font-weight: 600;
                                        border-top: 1px solid grey;
                                      }

.CodeWritingBugsItemTitlePageRow {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    grid-template-columns: 20% 20% 20% 20% 20%;
                                    grid-column: 1 / span 8;
                                    align-items: center; 
                                   }

.CodeWritingBugsItemPageLevelName {
                                      grid-column: 1 / span 5;
                                      grid-row: 1;
                                      color: whitesmoke;
                                      background-color: #0A1626;
                                      text-align: left;
                                      padding: 5px 10px;
                                   }

.CodeWritingBugsItemAcknowledgement {
                                        grid-column: 5;
                                        grid-row: 2;
                                        text-align: center;
                                        padding: 2px 5px;
                                        border: 2.5px solid #0A1626;
                                        border-bottom-right-radius: 8px;
                                        border-bottom-left-radius: 8px;
                                        background-color: whitesmoke;
                                        border-top: 2.5px solid whitesmoke;
                                     }

.CodeWritingBugsItemAcknowledgementEyeSlashIcon {
                                                   display: inline-block;
                                                   color: red;
                                                   font-size: 12pt;
                                                 }  

.CodeWritingBugsItemAcknowledgementEyeIcon {
                                              display: inline-block;
                                              color: green;
                                              font-size: 12pt;
                                            } 
                                            
.CodeWritingBugsItemAcknowledgementEyeDate {
                                              display: inline-block;
                                              color: green;
                                              font-size: 9pt;
                                              font-weight: 600;
                                            } 
                         
.CodeWritingBugsItemPriority {
                                grid-column: 1;
                                grid-row: 2 / span 2;
                                text-align: center;
                                align-self: self-start;
                              } 

.CodeWritingBugsItemPriorityValue {
                                      text-align: center;
                                      font-size: 30pt;
                                   }

.CodeWritingBugsItemType {
                            grid-column: 2 / span 2;
                            grid-row: 2;
                            text-align: center;
                            align-self: self-start;
                          }

.CodeWritingBugsItemTypeValue {
                                  text-align: center;
                               }             

.CodeWritingBugsItemDescription {
                                    grid-column: 2 / span 6;
                                    grid-row: 3;
                                    text-align: justify;
                                    align-self: self-start;
                                 }                   

.CodeWritingBugsItemDescriptionValue {
                                         text-align: left;
                                      }            

.CodeWritingBugsItemState {
                              grid-column: 8;
                              grid-row: 2 / span 3;
                              text-align: center;
                              align-self: self-start;
                           }                   

.CodeWritingBugsItemStateValue {
                                  text-align: center;
                                  font-size: 32pt;
                                }

.CodeWritingBugsItemCreateByAt {
                                  grid-column: 4 / span 2;
                                  grid-row: 2;
                                  align-self: self-start;
                                }                             

.CodeWritingBugsItemCreateByAtValue {
                                        text-align: center;
                                        font-size: 10pt;
                                        font-weight: 600;
                                     }
                                
.CodeWritingBugsItemTakenOverByAt {
                                      grid-column: 1 / span 3;
                                      grid-row: 4;
                                      align-self: self-start;
                                   }                             

.CodeWritingBugsItemTakenOverByAtValue {
                                          text-align: left;
                                          font-size: 11pt;
                                          font-weight: 600;
                                        }

.CodeWritingBugsItemMadeAt {
                               grid-column: 4 / span 2;
                               grid-row: 4;
                               align-self: self-start;
                            }

.CodeWritingBugsItemMadeByAtValue {
                                      text-align: left;
                                      font-size: 12pt;
                                      font-weight: 600;
                                   }         
                              
.CodeWritingBugsItemAction {
                              grid-column: 6 / span 2;
                              grid-row: 4;
                              align-self: self-start;
                            }

.CodeWritingBugsItemActionValue {
                                    text-align: center;
                                 }

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

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

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

.CodeWritingIdeasItemRow {
                            display: grid;
                            margin: 0 auto;
                            width: 100%;
                            padding: 8px;
                            grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
                            align-items: center; 
                            border: 1.5px solid #0A1626;
                            background-color: #00a8e011;
                            margin-top: 15px;
                            row-gap: 8px;
                         }   
                         
.CodeWritingIdeasItemLabelCenter {
                                   text-align: center;
                                   font-size: 9pt;
                                   color: grey;
                                   font-weight: 600;
                                 }

.CodeWritingIdeasItemLabelLeft {
                                 text-align: left;
                                 font-size: 9pt;
                                 color: grey;
                                 font-weight: 600;
                               }

.CodeWritingIdeasItemAttachmentLabel {
                                        text-align: left;
                                        font-size: 9pt;
                                        color: grey;
                                        font-weight: 600;
                                        border-top: 1px solid grey;
                                      }

.CodeWritingIdeasItemTitlePageRow {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    grid-template-columns: 20% 20% 20% 20% 20%;
                                    grid-column: 1 / span 8;
                                    align-items: center; 
                                   }

.CodeWritingIdeasItemPageLevelName {
                                      grid-column: 1 / span 5;
                                      grid-row: 1;
                                      color: whitesmoke;
                                      background-color: #0A1626;
                                      text-align: left;
                                      padding: 5px 10px;
                                   }

.CodeWritingIdeasItemAcknowledgement {
                                        grid-column: 5;
                                        grid-row: 2;
                                        text-align: center;
                                        padding: 2px 5px;
                                        border: 2.5px solid #0A1626;
                                        border-bottom-right-radius: 8px;
                                        border-bottom-left-radius: 8px;
                                        background-color: whitesmoke;
                                        border-top: 2.5px solid whitesmoke;
                                     }

.CodeWritingIdeasItemAcknowledgementEyeSlashIcon {
                                                   display: inline-block;
                                                   color: red;
                                                   font-size: 12pt;
                                                 }  

.CodeWritingIdeasItemAcknowledgementEyeIcon {
                                              display: inline-block;
                                              color: green;
                                              font-size: 12pt;
                                            } 
                                            
.CodeWritingIdeasItemAcknowledgementEyeDate {
                                              display: inline-block;
                                              color: green;
                                              font-size: 9pt;
                                              font-weight: 600;
                                            } 
                         
.CodeWritingIdeasItemPriority {
                                grid-column: 1;
                                grid-row: 2 / span 2;
                                text-align: center;
                                align-self: self-start;
                              } 

.CodeWritingIdeasItemPriorityValue {
                                      text-align: center;
                                      font-size: 30pt;
                                   }

.CodeWritingIdeasItemType {
                            grid-column: 2 / span 2;
                            grid-row: 2;
                            text-align: center;
                            align-self: self-start;
                          }

.CodeWritingIdeasItemTypeValue {
                                  text-align: center;
                               }             

.CodeWritingIdeasItemDescription {
                                    grid-column: 2 / span 6;
                                    grid-row: 3;
                                    text-align: justify;
                                    align-self: self-start;
                                 }                   

.CodeWritingIdeasItemDescriptionValue {
                                         text-align: left;
                                      }            

.CodeWritingIdeasItemState {
                              grid-column: 8;
                              grid-row: 2 / span 3;
                              text-align: center;
                              align-self: self-start;
                           }                   

.CodeWritingIdeasItemStateValue {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 100%;
                                  grid-template-columns: 60% 40%;
                                  align-items: center; 
                                }

.CodeWritingIdeasItemStateValueIcon {
                                      grid-column: 1 / span 2;
                                      text-align: center;
                                      font-size: 32pt;
                                    }

.CodeWritingIdeaItemStateValuePartialProgressIconFirst {
                                                    text-align: center;
                                                    align-self: center;
                                                    font-size: 32pt;
                                                  }

.CodeWritingIdeaItemStateValuePartialProgressIconSecond {
                                                      text-align: left;
                                                      align-self: center;
                                                      font-size: 16pt;
                                                   }

.CodeWritingIdeasItemStateValuePercentage {
                                            grid-column: 1 / span 2;
                                            font-size: 15pt;
                                            font-weight: 650;
                                          }

.CodeWritingIdeasItemCreateByAt {
                                   grid-column: 4 / span 2;
                                   grid-row: 2;
                                   align-self: self-start;
                                }                             

.CodeWritingIdeasItemCreateByAtValue {
                                        text-align: center;
                                        font-size: 10pt;
                                        font-weight: 600;
                                     }

.CodeWritingIdeasItemTakenOverBox {
                                    display: grid;
                                    width: 100%;
                                    grid-column: 1 / span 7;
                                    grid-row: 4;
                                    grid-template-columns: 100%;
                                    row-gap: 6px;
                                  }

.CodeWritingIdeasItemTakenOverRow {
                                    display: grid;
                                    width: 100%;
                                    padding: 5px 8px;
                                    border-radius: 6px;
                                    grid-template-columns: 50% 25% 25%;
                                    background-color: #00a8e033;
                                  }   
                                  
.CodeWritingIdeasItemTask {
                            grid-column: 1 / span 2;
                            align-self: self-start;
                          } 

.CodeWritingIdeasItemTaskValue {
                                  text-align: left;
                                  font-style: italic;
                                  font-size: 11pt;
                               } 

.CodeWritingIdeasItemWeight {
                              align-self: self-start;
                            } 

.CodeWritingIdeasItemWeightValue {
                                    text-align: center;
                                    font-size: 10pt;
                                    font-weight: 600;
                                 } 
                                                                  
.CodeWritingIdeasItemTakenOverByAt {
                                      align-self: self-start;
                                   }                             

.CodeWritingIdeasItemTakenOverByAtValue {
                                           text-align: left;
                                           font-size: 11pt;
                                           font-weight: 600;
                                        }

.CodeWritingIdeasItemMadeAt {
                               align-self: self-start;
                            }

.CodeWritingIdeasItemMadeByAtValue {
                                      text-align: left;
                                      font-size: 12pt;
                                      font-weight: 600;
                                   }         
                              
.CodeWritingIdeasItemAction {
                              align-self: self-start;
                            }

.CodeWritingIdeasItemActionValue {
                                    text-align: center;
                                 }

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

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

.CodeWritingIdeasManageTakenOverWeightsRow {
                                             display: grid;
                                             width: 80%;
                                             margin: 0 auto;
                                             margin-top: 10px;
                                             padding: 8px;
                                             border-radius: 8px;
                                             grid-template-columns: 80% 20%;
                                             border: 1.8px solid #093950;
                                           }  

.CodeWritingIdeasManageTakenOverWeightsDeveloperUsername {
                                                            font-size: 13pt;
                                                            font-weight: 600;
                                                            text-align: left;
                                                         } 
                                                         
.CodeWritingIdeasManageTakenOverWeightsInputWeight {
                                                      grid-column: 2;
                                                      grid-row: 1 / span 2;
                                                      text-align: center;
                                                      align-self: center;
                                                   }                                                       

.CodeWritingIdeasManageTakenOverWeightsTask {
                                              text-align: left;
                                              font-size: 11pt;
                                              font-style: italic;
                                            } 

.CodeWritingIdeasManageTakenOverWeightsAlertMsg,
.CodeWritingIdeasTakenOverDateAlertMsg,
.CodeWritingIdeasMadeDateAlertMsg {
                                    display: block;
                                    position: relative;
                                    width: 80%;
                                    margin: 0 auto;
                                    margin-top: 15px;
                                    font-size: 11pt;
                                    font-weight: 600;
                                    color: red;
                                  }

input[type="text"].CodeWritingIdeasManageTakenOverWeightsInputWeightField {
                                                                             display: block;
                                                                             width: 80%;
                                                                             margin: 0 auto;
                                                                             padding: 5px;
                                                                             font-size: 16pt;
                                                                             text-align: center;
                                                                             border: 1.4px solid #093950;
                                                                             border-radius: 4px;
                                                                          }

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

.CodeWritingIdeasManageTakenOverSwapTaskRow {
                                             display: grid;
                                             width: 80%;
                                             margin: 0 auto;
                                             margin-top: 10px;
                                             padding: 8px;
                                             border-radius: 8px;
                                             grid-template-columns: 100%;
                                             border: 1.8px solid #093950;
                                           } 

.CodeWritingIdeasManageTakenOverSwapTaskDeveloperUsername {
                                                            font-size: 13pt;
                                                            font-weight: 600;
                                                            text-align: left;
                                                          } 

.CodeWritingIdeasManageTakenOverSwapTaskValue {
                                                text-align: left;
                                                font-size: 11pt;
                                                font-style: italic;
                                              } 

.ProjectManageTeamItemBox {
                            display: grid;
                            margin: 0 auto;
                            width: 85%;
                            padding: 8px;
                            grid-template-columns: 100%;
                            align-items: center; 
                            color: #0A1626;
                            margin-top: 15px;
                            row-gap: 8px;
                         }  

.ProjectManageTeamItemRow {
                            display: grid;
                            margin: 0 auto;
                            width: 100%;
                            padding: 8px;
                            grid-template-columns: 14% 27% 25% 12% 12% 10%;
                            align-items: center; 
                            color: inherit;
                            border: 1.5px solid #0A1626;
                            margin-top: 1px;
                         }   

.ProjectManageTeamItemRole {
                              text-align: center;
                           }

.ProjectManageTeamItemAdavancedIcon {
                                      display: inline-block;
                                      width: 55px;
                                      border: 1px solid #0A1626;
                                      border-radius: 15px;
                                      padding: 3px 2px;
                                      text-align: center;
                                      font-size: 11pt;
                                    }

.ProjectManageTeamItemUsername {
                                  text-align: left;
                               }

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

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

.ProjectManageTeamItemAction {
                                text-align: center;
                             }

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

.ManageUsersItemRow {
                       display: grid;
                       margin: 0 auto;
                       width: 100%;
                       padding: 8px;
                       grid-template-columns: 6% 54% 30% 10%;
                       align-items: center; 
                       border: 1.5px solid #0A1626;
                       margin-top: 1px;
                    }  
                    
.ManageUsersItemGender {
                          text-align: center;
                          font-size: 12pt;
                       }

.ManageUsersItemIconGenderFemale {
                                    display: block;
                                    margin: 0 auto;
                                    width: 30px;
                                    height: 30px;
                                    text-align: center;
                                    font-size: 12pt;
                                    background-color: whitesmoke;
                                    border: 1.8px solid #ff3f9c;
                                    border-radius: 100%;
                                 }

.ManageUsersItemIconGenderMale {
                                  display: block;
                                  margin: 0 auto;
                                  width: 30px;
                                  height: 30px;
                                  text-align: center;
                                  font-size: 12pt;
                                  background-color: whitesmoke;
                                  border: 1.8px solid #00a8e0;
                                  border-radius: 100%;
                               }


.ManageUsersItemUsername {
                            text-align: left;
                         }

.ManageUsersItemType {
                        text-align: center;
                        font-size: 14pt;
                     }
                      
.ManageUsersItemAction {
                          text-align: center;
                       }

.UppercaseLetter {
                    text-transform: uppercase;
                 }

.LovercaseLetter {
                    text-transform: lowercase;
                 }

.UserGenderChoose {
                    display: block;
                    position: relative;
                    text-align: left;
                    width: 100%;
                    margin: 0 auto;
                    margin-bottom: 10x;
                  }

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

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

.UserGenderFemaleChooseRadioLabel {
                                    display: inline-block;
                                    width: 70px;
                                    padding: 10px;
                                    font-size: 18pt;
                                    text-align: center;
                                    color: #222255;
                                    border: 2px solid #222255; 
                                    border-radius: 10px;
                                  }  

.UserGenderChooseRadioContainer:hover input  ~ .UserGenderFemaleChooseRadioLabel {
                                                                                    background-color: #ff3f9c33;
                                                                                 }

.UserGenderChooseRadioContainer input:checked  ~ .UserGenderFemaleChooseRadioLabel {
                                                                                      background-color: #ff3f9c88;
                                                                                      color: white;
                                                                                   } 

.UserGenderMaleChooseRadioLabel {
                                  display: inline-block;
                                  width: 70px;
                                  padding: 10px;
                                  font-size: 18pt;
                                  text-align: center;
                                  color: #222255;
                                  border: 2px solid #222255; 
                                  border-radius: 10px;
                                }  

.UserGenderChooseRadioContainer:hover input  ~ .UserGenderMaleChooseRadioLabel {
                                                                                  background-color: #00a8e033;
                                                                               }

.UserGenderChooseRadioContainer input:checked  ~ .UserGenderMaleChooseRadioLabel {
                                                                                    background-color: #00a8e088;
                                                                                    color: white;
                                                                                 } 

.UserTypeChoose {
                  display: block;
                  position: relative;
                  text-align: left;
                  width: 100%;
                  margin: 0 auto;
                  margin-bottom: 10x;
                }

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

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

.UserTypeChooseRadioLabel {
                            display: inline-block;
                            width: 70px;
                            padding: 10px;
                            font-size: 18pt;
                            text-align: center;
                            color: #222255;
                            border: 2px solid #222255; 
                            border-radius: 10px;
                          }  

.UserTypeChooseRadioContainer:hover input  ~ .UserTypeChooseRadioLabel {
                                                                          background-color: #22225533;
                                                                       }

.UserTypeChooseRadioContainer input:checked  ~ .UserTypeChooseRadioLabel {
                                                                            background-color: #222255BB;
                                                                            color: white;
                                                                         } 

.DeveloperPageTitle {
                      display: grid;
                      margin: 0 auto;
                      width: 100%;
                      padding: 8px;
                      grid-template-columns: 100%;
                      align-items: center; 
                      width: 95%;
                      margin-top: 20px;
                      margin-bottom: 15px;
                      color: whitesmoke;
                      background-color: seagreen;
                      border-bottom-left-radius: 10px;
                      border-bottom-right-radius: 10px;
                    }

.DeveloperPageTitleFirstline {
                                text-align: center;
                                font-size: 18pt;
                                font-weight: 600;
                                padding: 4px;
                             }

.DeveloperPageTitleSecondline {
                                 text-align: left;
                                 font-size: 15pt;
                                 font-weight: 600;
                                 padding: 4px;
                                 border-top: 1.8px solid whitesmoke;
                              }

.DeveloperPageTitleIconFirstline {
                                   font-size: 20pt;
                                   color: whitesmoke;
                                 } 

.DeveloperPageTitleIconSecondline {
                                    font-size: 16pt;
                                    color: whitesmoke;
                                  } 

.DeveloperTestingTitle {
                      display: grid;
                      margin: 0 auto;
                      width: 100%;
                      padding: 8px;
                      grid-template-columns: 100%;
                      align-items: center; 
                      width: 95%;
                      margin-top: 20px;
                      margin-bottom: 15px;
                      color: whitesmoke;
                      background-color: seagreen;
                      border-bottom-left-radius: 10px;
                      border-bottom-right-radius: 10px;
                    }

.DeveloperTestingTitleFirstline {
                                text-align: center;
                                font-size: 18pt;
                                font-weight: 600;
                                padding: 4px;
                             }

.DeveloperTestingTitleSecondline {
                                 text-align: left;
                                 font-size: 15pt;
                                 font-weight: 600;
                                 padding: 4px;
                                 border-top: 1.8px solid whitesmoke;
                              }

.DeveloperTestingTitleIconFirstline {
                                   font-size: 20pt;
                                   color: whitesmoke;
                                 } 

.DeveloperTestingTitleIconSecondline {
                                    font-size: 16pt;
                                    color: whitesmoke;
                                  } 

.DeveloperTakeoverChoose {
                            display: block;
                            position: relative;
                            text-align: left;
                            width: 500px;
                            margin: 0 auto;
                            margin-bottom: 10x;
                         }

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

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

.DeveloperTakeoverChooseCheckboxLabel {
                                        display: block;
                                        position: relative;
                                        width: 500px;
                                        padding: 10px;
                                        font-size: 18pt;
                                        text-align: center;
                                        color: #222255;
                                        border: 2px solid #222255; 
                                        border-radius: 10px;
                                      }  

.DeveloperTakeoverChooseCheckboxContainer:hover input  ~ .DeveloperTakeoverChooseCheckboxLabel {
                                                                                                  background-color: #22225533;
                                                                                               }

.DeveloperTakeoverChooseCheckboxContainer input:checked  ~ .DeveloperTakeoverChooseCheckboxLabel {
                                                                                                    background-color: #222255BB;
                                                                                                    color: white;
                                                                                                 } 

.UserTypeChooseChoose {
                        display: block;
                        position: relative;
                        text-align: left;
                        width: 90%;
                        margin: 0 auto;
                        margin-bottom: 10x;
                      }

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

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

.UserTypeChooseCheckboxLabel {
                                display: block;
                                position: relative;
                                width: 70px;
                                padding: 5px;
                                font-size: 18pt;
                                text-align: center;
                                color: #222255;
                                border: 2px solid #222255; 
                                border-radius: 10px;
                             }  

.UserTypeChooseCheckboxContainer:hover input  ~ .UserTypeChooseCheckboxLabel {
                                                                                background-color: #22225533;
                                                                             }

.UserTypeChooseCheckboxContainer input:checked  ~ .UserTypeChooseCheckboxLabel {
                                                                                  background-color: #222255BB;
                                                                                  color: white;
                                                                               } 

.TeamLeaderGroupBox {
                      display: inline-block;
                      position: relative;
                      text-align: center;
                      width: 500px;
                      height: 180px;
                      margin: 16px;                  
                      padding: 10px;
                      padding-top: 25px;
                      vertical-align: middle;
                      color: #222255;
                      background-color: white;
                      border: 3px solid #222255;
                      border-radius: 15px;                                                        
                    }

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

.TeamLeaderGroupBoxName {
                          display: block;
                          position: relative;
                          margin: 0;
                          margin-top: 10px;
                          padding: 0;
                          font-family: "Benjamin Gothic Pro";
                          font-size: 18px;
                          font-weight: 500;
                          line-height: normal;
                          text-transform: uppercase;
                        }

.TeamLeaderGroupBoxUserName {
                              display: block;
                              position: relative;
                              margin-top: 15px;
                              padding-top: 10px;
                              display: 100%;
                              border-top: 1.7px solid #222255;
                            }

.ChoiceButtonThreeItemsViewsRow {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 70%;
                                  padding: 8px;
                                  grid-template-columns: 33.33% 33.33% 33.33%;
                                  align-items: center; 
                                }         

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

.ChoiceButtonViewsTodo {
                          display: grid;
                          margin: 0 auto;
                          width: 90%;
                          border: 1.8px solid steelblue;
                          color: steelblue;
                          border-radius: 10px;
                          padding: 5px;
                          grid-template-columns: 50% 50%;
                          font-size: 12pt;
                       }

.ChoiceButtonViewsTodoValue {
                              font-weight: 600;
                            }
                      
.ChoiceButtonViewsLoaded {
                            display: grid;
                            margin: 0 auto;
                            width: 90%;
                            border: 1.8px solid red;
                            color: red;
                            border-radius: 10px;
                            padding: 5px;
                            grid-template-columns: 50% 50%;
                            font-size: 12pt;
                         }

.ChoiceButtonViewsLoadedValue {
                                font-weight: 600;
                              }

.ChoiceButtonViewsInprogress {
                               display: grid;
                               margin: 0 auto;
                               width: 90%;
                               border: 1.8px solid orange;
                               color: orange;
                               border-radius: 10px;
                               padding: 5px;
                               grid-template-columns: 50% 50%;
                               font-size: 12pt;
                             }

.ChoiceButtonViewsInprogressValue {
                                    font-weight: 600;
                                  }

.ChoiceButtonViewsSolved {
                            display: grid;
                            margin: 0 auto;
                            width: 90%;
                            border: 1.8px solid green;
                            color: green;
                            border-radius: 10px;
                            padding: 5px;
                            grid-template-columns: 50% 50%;
                            font-size: 12pt;
                         }

.ChoiceButtonViewsSolvedValue {
                                font-weight: 600;
                              }

.ChoiceButtonViewsEntered {
                            display: grid;
                            margin: 0 auto;
                            width: 90%;
                            border: 1.8px solid royalblue;
                            color: royalblue;
                            border-radius: 10px;
                            padding: 5px;
                            grid-template-columns: 50% 50%;
                            font-size: 12pt;
                         }

.ChoiceButtonViewsEnteredValue {
                                  font-weight: 600;
                               }

.ChoiceButtonViewsPartialprogress {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 90%;
                                    border: 1.8px solid orangered;
                                    color: orangered;
                                    border-radius: 10px;
                                    padding: 5px;
                                    grid-template-columns: 50% 50%;
                                    font-size: 12pt;
                                  }

.ChoiceButtonViewsPartialprogressValue {
                                          font-weight: 600;
                                       }

.ChoiceButtonViewsMade {
                          display: grid;
                          margin: 0 auto;
                          width: 90%;
                          border: 1.8px solid green;
                          color: green;
                          border-radius: 10px;
                          padding: 5px;
                          grid-template-columns: 50% 50%;
                          font-size: 12pt;
                        }                         

.ChoiceButtonViewsMadeValue {
                              font-weight: 600;
                            }

.ChoiceButtonViewsNoitem {
                            display: grid;
                            margin: 0 auto;
                            width: 90%;
                            border: 1.8px solid lightgray;
                            color: lightgray;
                            border-radius: 10px;
                            padding: 5px;
                            grid-template-columns: 50% 50%;
                            font-size: 12pt;
                          }                         

.ChoiceButtonViewsNoitemValue {
                                font-weight: 600;
                              }

.HomepageChoiceButtonViewsTwoItemsRow {
                                display: grid;
                                margin: 0 auto;
                                margin-top: 5px;
                                width: 70%;
                                grid-template-columns: 50% 50%;
                              }

.HomepageChoiceButtonViewsThreeItemsRow {
                                          display: grid;
                                          margin: 0 auto;
                                          margin-top: 5px;
                                          width: 90%;
                                          grid-template-columns: 33.33% 33.33% 33.33%;
                                        }

.HomepageChoiceButtonViewsFourItemsRow {
                                          display: grid;
                                          margin: 0 auto;
                                          margin-top: 5px;
                                          width: 90%;
                                          grid-template-columns: 25% 25% 25% 25%;
                                        }

.HomepageChoiceButtonViewsNoitem {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 90%;
                                    border: 1.8px solid lightgray;
                                    color: lightgray;
                                    border-radius: 10px;
                                    padding: 2px;
                                    grid-template-columns: 50% 50%;
                                    font-size: 12pt;
                                 }
                                 
.HomepageChoiceButtonViewsNoitemIcon {
                                        text-align: center;
                                     }

.HomepageChoiceButtonViewsNoitemValue {
                                        font-weight: 600;
                                      }

.HomepageChoiceButtonViewsModules {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 90%;
                                    border: 1.8px solid steelblue;
                                    color: steelblue;
                                    border-radius: 10px;
                                    padding: 2px;
                                    grid-template-columns: 50% 50%;
                                    font-size: 12pt;
                                  }

.HomapageChoiceButtonViewsModulesIcon {
                                        text-align: center;
                                      } 

.HomepageChoiceButtonViewsModulesValue {
                                          font-weight: 600;
                                        }  

.HomepageChoiceButtonViewsBugs {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 90%;
                                  border: 1.8px solid red;
                                  color: red;
                                  border-radius: 10px;
                                  padding: 2px;
                                  grid-template-columns: 50% 50%;
                                  font-size: 12pt;
                                }

.HomapageChoiceButtonViewsBugsIcon {
                                        text-align: center;
                                     } 

.HomepageChoiceButtonViewsBugsValue {
                                        font-weight: 600;
                                     }                                       

.HomepageChoiceButtonViewsIdeas {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 90%;
                                  border: 1.8px solid royalblue;
                                  color: royalblue;
                                  border-radius: 10px;
                                  padding: 2px;
                                  grid-template-columns: 50% 50%;
                                  font-size: 12pt;
                                }

.HomapageChoiceButtonViewsIdeasIcon {
                                        text-align: center;
                                     } 

.HomepageChoiceButtonViewsIdeasValue {
                                        font-weight: 600;
                                     }                                      

.LoginForgotPasswordTitle {
                            display: block;
                            margin: 10px;
                            text-align: center;
                            font-size: 14pt;
                            font-weight: 600;
                          }

.LoginForgotPasswordDescriptionText {
                                      display: block;
                                      margin: 10px;
                                      font-size: 12pt;
                                    }

.LoginForgotPasswordFormBox {
                              display: grid;
                              width: 90%;
                              margin: 0 auto;
                              padding: 10px;
                              grid-template-columns: 60% 40%;
                              row-gap: 15px;
                              text-align: center;
                            }

.LoginForgotPasswordFormInputfield {
                                      align-self: last baseline;
                                   }

.LoginForgotPasswordFormButton {
                                  align-self:last baseline;
                                  margin-bottom: 15px;
                               }

.LoginForgotPasswordFormThreeLineButton {
                                          grid-row: 1 / span 3;
                                          grid-column: 2;
                                          align-self:last baseline;
                                          margin-bottom: 15px;
                                        }

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

.LoginForgotPasswordFormErrorItem {
                                    text-align: left;
                                    padding-left: 20px;
                                    font-size: 11pt;
                                    color: red;
                                  }

.LoginForgotPasswordFormErrorList {
                                    display: grid;
                                    width: 90%;
                                    margin: 0 auto;
                                    grid-template-columns: 100%;
                                    row-gap: 8px;
                                    text-align: left;
                                  }

.LoginForgotPasswordFormErrorListItem {
                                        font-size: 11pt;
                                        color: red;
                                      }

.LoginForgotPasswordConfirmSend {
                                  display: block;
                                  width: 90%;
                                  margin: 0 auto;
                                  margin-top: 15px;
                                  margin-bottom: 15px;
                                  color: green;
                                  font-size: 14pt;
                                  text-align: center;
                                }

.LoginForgotPasswordBackbutton {
                                  display: block;
                                  width: 100%;
                                  text-align: center;
                                  margin: 15px;
                               }

.UsersTrainingExpertiseGroupNoitem {
                                      display: block;
                                      margin: 0 auto;
                                      margin-top: 15px;
                                      margin-bottom: 15px;
                                      padding: 10px;
                                      width: 80%;
                                      font-size: 14pt;
                                      border: 1.6px solid #0A1626;
                                      color: #0A1626;
                                      font-weight: 600;
                                   }

.UsersTrainingExpertiseGroupListBox {
                                      display: grid;
                                      width: 90%;
                                      margin: 0 auto;
                                      margin-top: 15px;
                                      margin-bottom: 15px;
                                      grid-template-columns: 100%;
                                      row-gap: 8px;
                                    }

.UsersTrainingExpertiseGroupListRow {
                                      display: grid;
                                      width: 100%;
                                      margin: 0 auto;
                                      padding: 8px;
                                      grid-template-columns: 70% 15% 15%;
                                      border: 1.6px solid #0A1626;
                                      border-radius: 8px;
                                    }

.UsersTrainingExpertiseGroupListName {
                                       text-align: left;
                                       padding-left: 5px;
                                       font-size: 15pt;
                                     } 

.UsersTrainingExpertiseGroupListLastmodify {
                                              text-align: center;
                                              font-size: 12pt;
                                           }    
                                           
.UsersTrainingExpertiseGroupListAction {
                                          text-align: right;
                                          padding-right: 5px;
                                       }               
                                       
.UsersTrainingExpertiseAssociateNoitem {
                                      display: block;
                                      margin: 0 auto;
                                      margin-top: 15px;
                                      margin-bottom: 15px;
                                      padding: 10px;
                                      width: 80%;
                                      font-size: 14pt;
                                      border: 1.6px solid #0A1626;
                                      color: #0A1626;
                                      font-weight: 600;
                                   }

.UsersTrainingExpertiseAssociateListBox {
                                      display: grid;
                                      width: 90%;
                                      margin: 0 auto;
                                      margin-top: 15px;
                                      margin-bottom: 15px;
                                      grid-template-columns: 100%;
                                      row-gap: 8px;
                                    }

.UsersTrainingExpertiseAssociateListRow {
                                          display: grid;
                                          width: 100%;
                                          margin: 0 auto;
                                          padding: 8px;
                                          grid-template-columns: 58% 20% 12% 10%;
                                          border: 1.6px solid #0A1626;
                                          border-radius: 8px;
                                        }

.UsersTrainingExpertiseAssociateListName {
                                           text-align: left;
                                           padding-left: 5px;
                                           font-size: 15pt;
                                         } 

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

.UsersTrainingExpertiseAssociateListLastmodify {
                                                  text-align: center;
                                                  font-size: 10pt;
                                                  align-self: center;
                                               }    
                                           
.UsersTrainingExpertiseAssociateListAction {
                                              text-align: center;
                                              padding-right: 5px;
                                              border-left: 2px solid #0A1626;
                                           }    

.UsersTrainingExpertiseAssociateViewBox {
                                      display: grid;
                                      width: 90%;
                                      margin: 0 auto;
                                      margin-top: 15px;
                                      margin-bottom: 15px;
                                      grid-template-columns: 100%;
                                      row-gap: 8px;
                                      border: 1.6px solid #0A1626;
                                      border-radius: 8px;
                                    }

.UsersTrainingExpertiseAssociateViewRow {
                                      display: grid;
                                      width: 100%;
                                      margin: 0 auto;
                                      padding: 8px;
                                      grid-template-columns: 30% 70%;
                                    }

.UsersTrainingExpertiseAssociateViewLabel {
                                            text-align: right;
                                            padding-right: 5px;
                                            font-size: 11pt;
                                            font-weight: 600;
                                            border-right: 2.5px solid #0A1626;
                                          } 

.UsersTrainingExpertiseAssociateViewValue {
                                            text-align: left;
                                            padding-left: 5px;
                                            font-size: 12pt;
                                          } 

.PaginationLeftArrowItem {
                            display: inline-block;
                            position: relative;
                            border: 1px solid #0A1626;
                            border-bottom-left-radius: 5px;
                            border-top-left-radius: 5px;
                            font-size: 10pt;
                            padding: 1px 4px;
                            margin-right: 1px;
                         }      

.PaginationLeftArrowItemButton {
                                  display: inline-block;
                                  position: relative;
                                  border: 1px solid #0A1626;
                                  border-bottom-left-radius: 5px;
                                  border-top-left-radius: 5px;
                                  font-size: 10pt;
                                  padding: 1px 4px;
                                  margin-right: 1px;
                               }  

.PaginationRightArrowItem {
                            display: inline-block;
                            position: relative;
                            border: 1px solid #0A1626;
                            border-bottom-right-radius: 5px;
                            border-top-right-radius: 5px;
                            font-size: 10pt;
                            padding: 1px 4px;
                            margin-left: 1px;
                         }      

.PaginationRightArrowItemButton {
                                  display: inline-block;
                                  position: relative;
                                  border: 1px solid #0A1626;
                                  border-bottom-right-radius: 5px;
                                  border-top-right-radius: 5px;
                                  font-size: 10pt;
                                  padding: 1px 4px;
                                  margin-left: 1px;
                               }  

.PaginationThreePointItemPage {
                                display: inline-block;
                                position: relative;
                                font-size: 12pt;
                                padding: 1px 4px;
                                margin: 0 1px;
                              }

.PaginationCurrentItemPage {
                              display: inline-block;
                              position: relative;
                              border: 1px solid #0A1626;
                              font-size: 10pt;
                              background-color: #0A1626BB;
                              color: whitesmoke;
                              padding: 1px 4px;
                              margin: 0 1px;
                           }    

.PaginationItemPageButton {
                            display: inline-block;
                            position: relative;
                            border: 1px solid #0A1626;
                            font-size: 10pt;
                            padding: 1px 4px;
                            margin: 0 1px;
                          }

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

.LabelFormFieldToggleOn {
                          display: block;
                          padding: 0;
                          margin: 0;
                        }

.ManageSettingWeightModuleLabelBox {
                                      display: grid;
                                      width: 90%;
                                      margin: 0 auto;
                                      margin-top: 15px;
                                      margin-bottom: 15px;
                                      grid-template-columns: 100%;
                                      row-gap: 8px;
                                    }

.ManageSettingWeightModuleNoitemRow {
                                      display: grid;
                                      width: 100%;
                                      margin: 0 auto;
                                      grid-template-columns: 100%;
                                      border: 1.6px solid #0A1626;
                                      border-radius: 8px;
                                      font-size: 13pt;
                                      text-align: center;
                                    }

.ManageSettingWeightModuleLabelRow {
                                      display: grid;
                                      width: 100%;
                                      margin: 0 auto;
                                      grid-template-columns: 8% 72% 10% 10%;
                                      font-weight: 600;
                                      font-size: 10pt;
                                    }

.ManageSettingWeightModuleLabelWeightItem {
                                             text-align: center;
                                          }

.ManageSettingWeightModuleWeightLabelDescription {
                                                    text-align: left;
                                                 }

.ManageSettingWeightModuleLabelDevelopingTime {
                                                text-align: center;
                                              }
                                          
.ManageSettingWeightModuleLabelAction {
                                        text-align: center;
                                      }

.ManageSettingWeightModuleRow {
                                display: grid;
                                width: 100%;
                                margin: 0 auto;
                                grid-template-columns: 8% 72% 10% 10%;
                                border: 1.6px solid #0A1626;
                                border-radius: 8px;
                              }

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

.ManageSettingWeightModuleWeightDescription {
                                              text-align: left;
                                              font-size: 10pt;
                                              align-self: center;
                                            }

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

.ManageSettingComplexityLevelLabelBox {
                                        display: grid;
                                        width: 90%;
                                        margin: 0 auto;
                                        margin-top: 15px;
                                        margin-bottom: 15px;
                                        grid-template-columns: 100%;
                                        row-gap: 8px;
                                      }

.ManageSettingComplexityLevelNoitemRow {
                                          display: grid;
                                          width: 100%;
                                          margin: 0 auto;
                                          grid-template-columns: 100%;
                                          border: 1.6px solid #0A1626;
                                          border-radius: 8px;
                                          font-size: 13pt;
                                          text-align: center;
                                        }

.ManageSettingComplexityLevelLabelRow {
                                        display: grid;
                                        width: 100%;
                                        margin: 0 auto;
                                        grid-template-columns: 8% 72% 10% 10%;
                                        font-weight: 600;
                                        font-size: 10pt;
                                      }

.ManageSettingComplexityLevelLabelLevel {
                                          text-align: center;
                                        }

.ManageSettingComplexityLevelLabelDescription {
                                                text-align: left;
                                              }

.ManageSettingComplexityLevelLabelSolvingTime {
                                                text-align: center;
                                              }
                                          
.ManageSettingComplexityLevelLabelAction {
                                           text-align: center;
                                         }

.ManageSettingComplexityLevelRow {
                                    display: grid;
                                    width: 100%;
                                    margin: 0 auto;
                                    grid-template-columns: 8% 72% 10% 10%;
                                    border: 1.6px solid #0A1626;
                                    border-radius: 8px;
                                 }

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

.ManageSettingComplexityLevelDescription {
                                            text-align: left;
                                            font-size: 10pt;
                                            align-self: center;
                                         }

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

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewWeekBox {
                                                                  display: grid;
                                                                  width: 90%;
                                                                  margin: 0 auto;
                                                                  padding: 10px;
                                                                  grid-template-columns: 10% 80% 10%;
                                                                  border: 1.6px solid #0A1626;
                                                                  border-radius: 8px;
                                                              }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewWeekPrevious {
                                                                      text-align: center;
                                                                   }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewWeekNext {
                                                                  text-align: center;
                                                               }
                                                              
.ManageDevelopmentManageTakenOverSchedulingRoadmapViewWeekInfo {
                                                                  text-align: center;
                                                                  border-left: 1.7px solid #0A1626;
                                                                  border-right: 1.7px solid #0A1626;
                                                                  align-self: center;
                                                               }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewWeekNumOfWeek {
                                                                        text-align: center;
                                                                        padding: 6px 2px 6px 6px;
                                                                        background-color: #0A1626BB;
                                                                        margin-right: 5px;
                                                                        color: whitesmoke;
                                                                        font-size: 11pt;
                                                                        font-weight: 700;
                                                                        border-radius: 10px;
                                                                    }

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

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewWeekSunday {
                                                                    font-size: 14pt;
                                                                    font-weight: 600;
                                                                 }     
                                                                 
.InlineIconBigActionButton {
                              display: inline-block;
                              border: none;
                              margin: 0;
                              padding: 0px;
                              font-size: 24px;
                              color: orangered;
                              background-color: inherit;
                           }

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

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperListNoitem {
                                                                            display: grid;
                                                                            width: 85%;
                                                                            margin: 0 auto;
                                                                            margin-top: 10px;
                                                                            margin-bottom: 10px;
                                                                            padding: 10px;
                                                                            grid-template-columns: 100%;
                                                                            font-size: 12pt;
                                                                            font-weight: 600;
                                                                            border: 1.6px solid #0A1626;
                                                                            border-radius: 8px;
                                                                          }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperListBox {
                                                                          display: grid;
                                                                          width: 90%;
                                                                          margin: 0 auto;
                                                                          padding: 10px;
                                                                          grid-template-columns: 100%;
                                                                          row-gap: 15px;
                                                                        }
                                                               
.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDevelopertBox {
                                                                      display: grid;
                                                                      width: 100%;
                                                                      margin: 0 auto;
                                                                      padding: 0px;
                                                                      grid-template-columns: 45% 43% 12%;
                                                                    }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperHeaderLeft {
                                                                            grid-column: 1;
                                                                            grid-row: 1;
                                                                            border-top: 1.8px solid #0A1626;
                                                                            border-right: 1.8px solid #0A1626;
                                                                            border-left: 1.8px solid #0A1626;
                                                                            border-top-left-radius: 8px;
                                                                            border-top-right-radius: 8px;
                                                                            text-align: left;
                                                                            font-size: 14pt;
                                                                            font-weight: 600;
                                                                            padding: 4px 8px
                                                                          }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperHeaderCenter {
                                                                              grid-column: 2;
                                                                              grid-row: 1;
                                                                              border-bottom: 1.8px solid #0A1626;
                                                                           }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperHeaderRight {
                                                                              grid-column: 3;
                                                                              grid-row: 1;
                                                                              border-top: 1.8px solid #0A1626;
                                                                              border-right: 1.8px solid #0A1626;
                                                                              border-left: 1.8px solid #0A1626;
                                                                              border-top-left-radius: 8px;
                                                                              border-top-right-radius: 8px;
                                                                              font-size: 14pt;
                                                                              font-weight: 700;
                                                                           }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperContentTask {
                                                                              grid-column: 1 / span 3;
                                                                              grid-row: 2;
                                                                              border-bottom: 1.8px solid #0A1626;
                                                                              border-right: 1.8px solid #0A1626;
                                                                              border-left: 1.8px solid #0A1626;
                                                                              border-bottom-left-radius: 8px;            
                                                                              border-bottom-right-radius: 8px;
                                                                           }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleTaskBox {
                                                                                display: grid;
                                                                                width: 95%;
                                                                                margin: 0 auto;
                                                                                margin-top: 10px;
                                                                                margin-bottom: 10px;
                                                                                row-gap: 8px;
                                                                                padding: 5px 8px;
                                                                                grid-template-columns: 10% 15% 10% 15% 20% 15% 15%;
                                                                                background-color: #ADF6FF55;
                                                                                border-radius: 8px;
                                                                             }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModule {
                                                                        display: block;
                                                                        position: relative;
                                                                        width: 100%;
                                                                        font-size: 9pt;
                                                                        font-weight: 600;
                                                                      }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleIcon {
                                                                            grid-column: 1;
                                                                            grid-row: 1 / span 4;
                                                                            font-size: 32pt;
                                                                            text-shadow: 4px 4px 5px #0A1626;
                                                                            text-align: center;
                                                                            align-self: center;
                                                                          }

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

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleProfileName {
                                                                                    font-size: 8pt;
                                                                                    text-transform: uppercase;
                                                                                    border: 1px solid #0A1626;
                                                                                    border-radius: 10px;
                                                                                    padding: 2px 6px;
                                                                                    font-weight: 600;
                                                                                 }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleTimeScheduled {
                                                                                      grid-column: 5;
                                                                                      grid-row: 1;
                                                                                      text-align: center;
                                                                                      font-size: 10pt;
                                                                                      font-weight: 600;
                                                                                   }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModulePercentageScheduled {
                                                                                            grid-column: 6;
                                                                                            grid-row: 1;
                                                                                            text-align: center;
                                                                                            font-size: 10pt;
                                                                                            font-weight: 600;
                                                                                         }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleRescheduling {
                                                                                    grid-column: 7;
                                                                                    grid-row: 1;
                                                                                    text-align: center;
                                                                                  }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleReschedulingIcon {
                                                                                        font-size: 12pt;
                                                                                        z-index: 10;
                                                                                        position: relative;
                                                                                        background-color: whitesmoke;
                                                                                      }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleReschedulingNumber {
                                                                                          display: block;
                                                                                          position: absolute;
                                                                                          top: 55%;
                                                                                          left: 65%;
                                                                                          font-size: 9pt;
                                                                                          z-index: 15;
                                                                                          background-color: whitesmoke;
                                                                                          font-weight: 700;
                                                                                        }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleModuleDescription {
                                                                                         grid-column: 2 / span 3;
                                                                                         grid-row: 2;
                                                                                         text-align: left;
                                                                                       }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleTimeActual {
                                                                                  grid-column: 5;
                                                                                  grid-row: 2;
                                                                                  text-align: center;
                                                                                  font-size: 10pt;
                                                                                  font-weight: 600;
                                                                                }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModulePercentageScheduledMade {
                                                                                                grid-column: 6;
                                                                                                grid-row: 2;
                                                                                                text-align: center;
                                                                                                font-size: 10pt;
                                                                                                font-weight: 600;
                                                                                             }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleDevelopingState {
                                                                                        grid-column: 7;
                                                                                        grid-row: 2;
                                                                                        align-self: center;
                                                                                        text-align: center;
                                                                                     }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleDevelopingStateDate {
                                                                                            font-size: 9pt;
                                                                                            font-weight: 600;
                                                                                         }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleTaskDescription {
                                                                                        grid-column: 2 / span 5;
                                                                                        grid-row: 3;
                                                                                        text-align: left;
                                                                                     }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleTakenover {
                                                                                  grid-column: 7;
                                                                                  grid-row: 3;
                                                                                  align-self: self-end;
                                                                                  text-align: center;
                                                                                  font-size: 9pt;
                                                                                  font-weight: 600;
                                                                               }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleAction {
                                                                              grid-column: 7;
                                                                              grid-row: 3;
                                                                              align-self: self-end;
                                                                              text-align: center;
                                                                            }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperModuleNote {
                                                                            grid-column: 2 / span 6;
                                                                            grid-row: 4;
                                                                            text-align: justify;
                                                                            border-top: 1px solid #0A1626;
                                                                          }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugTaskBox {
                                                                            display: grid;
                                                                            width: 95%;
                                                                            margin: 0 auto;
                                                                            margin-top: 10px;
                                                                            margin-bottom: 10px;
                                                                            row-gap: 8px;
                                                                            padding: 5px 8px;
                                                                            grid-template-columns: 10% 15% 10% 15% 20% 15% 15%;
                                                                            background-color: #ADF6FF55;
                                                                            border-radius: 8px;
                                                                          }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBug {
                                                                      display: block;
                                                                      position: relative;
                                                                      width: 100%;
                                                                      font-size: 9pt;
                                                                      font-weight: 600;
                                                                   }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugIcon {
                                                                          grid-column: 1;
                                                                          grid-row: 1 / span 3;
                                                                          font-size: 32pt;
                                                                          text-shadow: 4px 4px 5px #0A1626;
                                                                          text-align: center;
                                                                          align-self: center;
                                                                       }

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

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugProfileName {
                                                                                font-size: 8pt;
                                                                                text-transform: uppercase;
                                                                                border: 1px solid #0A1626;
                                                                                border-radius: 10px;
                                                                                padding: 2px 6px;
                                                                                font-weight: 600;
                                                                              }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugPriority {
                                                                              grid-column: 3;
                                                                              grid-row: 1;
                                                                              text-align: left;
                                                                              font-size: 15pt;
                                                                           }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugPriorityText {
                                                                                  font-size: 11pt;
                                                                                  font-weight: 650;
                                                                                  text-transform: uppercase;
                                                                               }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugPercentageScheduled {
                                                                                        grid-column: 6;
                                                                                        grid-row: 1;
                                                                                        text-align: center;
                                                                                        font-size: 10pt;
                                                                                        font-weight: 600;
                                                                                      }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugRescheduling {
                                                                                  grid-column: 7;
                                                                                  grid-row: 1;
                                                                                  text-align: center;
                                                                               }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugReschedulingIcon {
                                                                                      font-size: 12pt;
                                                                                      z-index: 10;
                                                                                      position: relative;
                                                                                      background-color: whitesmoke;
                                                                                   }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugReschedulingNumber {
                                                                                        display: block;
                                                                                        position: absolute;
                                                                                        top: 55%;
                                                                                        left: 65%;
                                                                                        font-size: 9pt;
                                                                                        z-index: 15;
                                                                                        background-color: whitesmoke;
                                                                                        font-weight: 700;
                                                                                     }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugDescription {
                                                                                    grid-column: 2 / span 4;
                                                                                    grid-row: 2;
                                                                                    text-align: left;
                                                                                  }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugPercentageScheduledMade {
                                                                                            grid-column: 6;
                                                                                            grid-row: 2;
                                                                                            text-align: center;
                                                                                            font-size: 10pt;
                                                                                            font-weight: 600;
                                                                                          }

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

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugDevelopingStateDate {
                                                                                        font-size: 9pt;
                                                                                        font-weight: 600;
                                                                                      }

.ManageDevelopmentManageTakenOverSchedulingRoadmapViewDeveloperBugNote {
                                                                          grid-column: 2 / span 6;
                                                                          grid-row: 3;
                                                                          text-align: justify;
                                                                          border-top: 1px solid #0A1626;
                                                                       }

.NoActiveStateInfo {
                      text-align: center;
                      font-size: 18pt;
                   }

.NoActiveStateInfoText {
                          font-size: 14pt;
                          font-weight: 650;
                       } 

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

.CodeWritingItemTestingListRow {
                                  display: grid;
                                  margin: 0 auto;
                                  width: 100%;
                                  grid-template-columns: 4% 96%;
                                  row-gap: 9px;
                                  align-items: center; 
                               }

.CodeWritingItemTestingListArrowIcon {
                                        text-align: right;
                                        padding-right: 5px;
                                        font-size: 9pt;
                                        align-self: self-start;
                                     }

.CodeWritingItemTestingListDescription {
                                          text-align: left;
                                          padding-left: 5px;
                                          font-size: 9pt;
                                       }

.CodeWritingItemTestingListModuleDescription {
                                                font-size: 9pt;
                                                font-weight: 600;
                                             }

.CodeWritingItemTestingListModuleActionButton {
                                                  color: orangered;
                                              }

.CodeWritingItemTestingListModuleActionButton:hover {
                                                      text-shadow: 0px 0px 7px orangered;
                                                    }   
                                                    
.CodeWritingItemTestingListModuleSelectedIcon {
                                                color: green;
                                                font-size: 10pt;
                                              }

input[type=number].InlineFormFieldS {
                                      display: inline-block;
                                      position: relative;
                                      width: 70px;
                                      text-align: center;
                                      padding: 2px;
                                      color: inherit;
                                      border-width: 1px;
                                      border-style: solid;
                                      border-color: inherit;
                                      border-radius: 5px;
                                    }

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

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

.CodeWritingTestingModulesItemRow {
                            display: grid;
                            margin: 0 auto;
                            width: 100%;
                            padding: 8px;
                            grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
                            align-items: center; 
                            border: 1.5px solid #0A1626;
                            background-color: #00a8e011;
                            margin-top: 15px;
                            row-gap: 8px;
                         }   
                         
.CodeWritingTestingModulesItemLabelCenter {
                                   text-align: center;
                                   font-size: 9pt;
                                   color: grey;
                                   font-weight: 600;
                                 }

.CodeWritingTestingModulesItemLabelLeft {
                                 text-align: left;
                                 font-size: 9pt;
                                 color: grey;
                                 font-weight: 600;
                               }

.CodeWritingTestingModulesItemAttachmentLabel {
                                        text-align: left;
                                        font-size: 9pt;
                                        color: grey;
                                        font-weight: 600;
                                        border-top: 1px solid grey;
                                      }

.CodeWritingTestingModulesItemTitlePageRow {
                                    display: grid;
                                    margin: 0 auto;
                                    width: 100%;
                                    grid-template-columns: 20% 20% 20% 20% 20%;
                                    grid-column: 1 / span 8;
                                    row-gap: 8px;
                                    grid-row: 1;
                                    align-items: center; 
                                   }

.CodeWritingTestingModulesItemPageLevelName {
                                              grid-column: 1 / span 5;
                                              grid-row: 1;
                                              color: #0A1626;
                                              background-color: whitesmoke;
                                              text-align: left;
                                              border: 1.5px solid #0A1626;
                                              border-radius: 5px;
                                              padding: 5px 10px;
                                            }

.CodeWritingTestingModulesItemCreateByAt {
                                           grid-column: 1 / span 2;
                                           grid-row: 2;
                                           align-self: self-start;
                                           text-align: left;
                                         }                             

.CodeWritingTestingModulesItemCreateByAtValue {
                                                text-align: center;
                                                font-size: 10pt;
                                                font-weight: 600;
                                                padding-left: 6px;
                                              }
        

.CodeWritingTestingModulesItemWeightCircleBoxFull {
                                                    display: table-cell;
                                                    text-align: center;
                                                    vertical-align: middle;
                                                    padding: 0;
                                                    width: 20px;
                                                    height: 20px;
                                                    border-radius: 50%;
                                                    border: 1.6px solid #0A1626;
                                                    background-color: #0A1626;
                                                    color: whitesmoke;
                                                  }

.CodeWritingTestingModulesItemWeightCircleBoxEmpty {
                                                     display: table-cell;
                                                     text-align: center;
                                                     vertical-align: middle;
                                                     padding: 0;
                                                     width: 20px;
                                                     height: 20px;
                                                     border-radius: 50%;
                                                     border: 1.6px solid #0A1626;
                                                   }

.CodeWritingTestingModulesItemDescription {
                                    grid-column: 1 / span 6;
                                    grid-row: 2;
                                    text-align: justify;
                                    align-self: self-start;
                                 }                   

.CodeWritingTestingModulesItemDescriptionValue {
                                         text-align: left;
                                      } 
                               
.CodeWritingTestingModulesItemExpectedTime {
                                    grid-column: 1 / span 2;
                                    grid-row: 3;
                                    text-align: center;
                                    align-self: self-start;
                                  }

.CodeWritingTestingModulesItemExpectedTimeValue {
                                            text-align: center;
                                          }  

.CodeWritingTestingModulesItemExpectedTimeAllBetatester {
                                                          grid-column: 3 / span 2;
                                                          grid-row: 3;
                                                          text-align: center;
                                                          align-self: self-start;
                                                        }

.CodeWritingTestingModulesItemExpectedTimeAllBetatesterValue {
                                                                text-align: center;
                                                             }  

.CodeWritingTestingModulesItemActualTime {
                                    grid-column: 5 / span 2;
                                    grid-row: 3;
                                    text-align: center;
                                    align-self: self-start;
                                  }

.CodeWritingTestingModulesItemActualTimeValue {
                                         text-align: center;
                                       } 

.CodeWritingTestingModulesItemState {
                                      grid-column: 8;
                                      grid-row: 2 / span 4;
                                      text-align: center;
                                      align-self: self-start;
                                    }                   

.CodeWritingTestingModulesItemStateValue {
                                            display: grid;
                                            margin: 0 auto;
                                            width: 100%;
                                            grid-template-columns: 60% 40%;
                                            align-items: center; 
                                         }

.CodeWritingTestingModulesItemStateValueIcon {
                                                grid-column: 1 / span 2;
                                                text-align: center;
                                                font-size: 32pt;
                                             }

.CodeWritingTestingModulesItemStateValuePartialProgressIconFirst {
                                                                    text-align: center;
                                                                    align-self: center;
                                                                    font-size: 32pt;
                                                                 }

.CodeWritingTestingModulesItemStateValuePartialProgressIconSecond {
                                                                    text-align: left;
                                                                    align-self: center;
                                                                    font-size: 16pt;
                                                                  }

.CodeWritingTestingModulesItemStateValuePercentage {
                                                      grid-column: 1 / span 2;
                                                      font-size: 15pt;
                                                      font-weight: 650;
                                                   }

.CodeWritingTestingModulesItemModuleFunctionBox {
                                                  display: grid;
                                                  width: 100%;
                                                  padding-bottom: 8px;
                                                  grid-column: 1 / span 6;
                                                  grid-row: 4;
                                                  grid-template-columns: 100%;
                                                  row-gap: 4px;
                                                  border: 1px solid #00a8e033;
                                                  background-color: whitesmoke;
                                                  border-radius: 8px;
                                                }

.CodeWritingTestingModulesItemModuleFunctionRow {
                                                  display: grid;
                                                  margin: 0 auto;
                                                  width: 95%;
                                                  padding: 5px 8px;
                                                  border-radius: 6px;
                                                  grid-template-columns: 5% 6% 74% 15%;
                                                  background-color: #00a8e011;
                                                } 

.CodeWritingTestingModulesItemModuleFunctionNumberIcon {
                                                          display: inline-block;
                                                          width: 30px;
                                                          font-size: 11pt;
                                                          text-align: center;
                                                          border-radius:15%;
                                                          border: 1.8px solid #00a8e0;
                                                          background-color: #00a8e022;
                                                          color: #00a8e0;
                                                          font-weight: 600;
                                                       }

.CodeWritingTestingModulesItemModuleFunctionNumberSmallIcon {
                                                              display: inline-block;
                                                              width: 25px;
                                                              font-size: 10pt;
                                                              text-align: center;
                                                              border-radius:15%;
                                                              font-weight: 600;
                                                           }

.NumberSmallIconRed {
                      background-color: #C40707;
                      color: whitesmoke;
                    }

.NumberSmallIconOrange {
                          background-color: #F26F18;
                          color: whitesmoke;
                       }

.NumberSmallIconGreen {
                        background-color: #008000;
                        color: whitesmoke;
                      }

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

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

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

.CodeWritingTestingModulesItemModuleFunctionRoadmapRow {
                                                          display: grid;
                                                          margin: 0 auto;
                                                          width: 95%;
                                                          padding: 5px 8px;
                                                          border-radius: 6px;
                                                          grid-template-columns: 8% 5% 70% 12% 5%;
                                                          background-color: #00a8e011;
                                                        } 

.CodeWritingTestingModulesItemModuleFunctionRoadmapIcon {
                                                          font-size: 14pt;
                                                          text-align: center;
                                                          align-self: center;
                                                        }

.CodeWritingTestingModulesItemModuleFunctionRoadmapDescription {
                                                                  text-align: left;
                                                                  align-self: center;
                                                                  font-size: 11pt;
                                                               }

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

.CodeWritingTestingModulesItemModuleFunctionRoadmapStateIcon {
                                                                display: inline-block;
                                                                width: 20px;
                                                                font-size: 12pt;
                                                                text-align: center;
                                                                align-self: center;
                                                             }

.CodeWritingTestingModulesItemModuleFunctionRoadmapAction {
                                                            display: inline-block;
                                                            border-right: 3px solid white;
                                                            text-align: center;
                                                            align-self: center;
                                                         }

.CodeWritingTestingModulesItemTakenOverBox {
                                              display: grid;
                                              width: 100%;
                                              grid-column: 1 / span 7;
                                              grid-row: 5;
                                              grid-template-columns: 100%;
                                              row-gap: 6px;
                                           }

.CodeWritingTestingModulesItemTakenOverRow {
                                              display: grid;
                                              width: 100%;
                                              padding: 5px 8px;
                                              border-radius: 6px;
                                              grid-template-columns: 45% 20% 20% 15%;
                                              background-color: #00a8e033;
                                            }   
                                  
.CodeWritingTestingModulesItemWeightTakenoverValue {
                                                      text-align: center;
                                                      font-size: 10pt;
                                                      font-weight: 600;
                                                   } 
                                                                  
.CodeWritingTestingModulesItemTakenOverByAt {
                                              align-self: self-start;
                                            }                             

.CodeWritingTestingModulesItemTakenOverByAtValue {
                                                    text-align: left;
                                                    font-size: 11pt;
                                                    font-weight: 600;
                                                  }
                    
.CodeWritingTestingModulesItemToTestingState {
                                               align-self: self-start;
                                             }                             

.CodeWritingTestingModulesItemToTestingStateValue {
                                                    text-align: left;
                                                    font-size: 11pt;
                                                    font-weight: 600;
                                                  }

.CodeWritingTestingModulesItemTestedAt {
                                        align-self: self-start; 
                                     }

.CodeWritingTestingModulesItemTestedAtValue {
                                               text-align: left;
                                               font-size: 12pt;
                                               font-weight: 600;
                                            }         
                              
.CodeWritingTestingModulesItemAction {
                                        align-self: self-start;
                                     }

.CodeWritingTestingModulesItemActionValue {
                                            text-align: center;
                                          }

.CodeWritingTestingModulesItemAttachment {
                                            grid-column: 1 / span 8;
                                            grid-row: 6;
                                            text-align: left;
                                            padding: 5px 10px;
                                         }

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

.BetatesterTakeoverModuleFunctionAllTested {
                                              display: block;
                                              text-align: center;
                                              font-size: 14pt;
                                              font-weight: 600;
                                              padding: 30px 0;
                                           }

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

.BetatesterTakeoverModuleFunctionChoose {
                                          display: block;
                                          position: relative;
                                          text-align: center;
                                          width: 100%;
                                          margin: 0 auto;
                                          margin-bottom: 10x;
                                          color: #222255;
                                          border: 2px solid #222255;
                                          border-radius: 10px;
                                        }

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

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

.BetatesterTakeoverModuleFunctionChooseCheckboxLabel {
                                                        display: block;
                                                        position: relative;
                                                        width: 800px;
                                                        padding: 10px;
                                                        font-size: 12pt;
                                                        text-align: left;
                                                        color: #222255;
                                                        border: 2px solid #222255; 
                                                        border-radius: 10px;
                                                     }  

.BetatesterTakeoverModuleFunctionChooseCheckboxContainer:hover input  ~ .BetatesterTakeoverModuleFunctionChooseCheckboxLabel {
                                                                                                                                background-color: #22225533;
                                                                                                                             }

.BetatesterTakeoverModuleFunctionChooseCheckboxContainer input:checked  ~ .BetatesterTakeoverModuleFunctionChooseCheckboxLabel {
                                                                                                                                  background-color: #222255BB;
                                                                                                                                  color: white;
                                                                                                                               } 

.BetatesterManageModuleFunctionActualTimeBox {
                                                display: grid;
                                                width: 60%;
                                                margin: 0 auto;
                                                grid-template-columns: 50% 50%;
                                                column-gap: 20px;
                                             }