/* General setting */

body {
      background-color: #E87400;
     }

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

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

.content {
          background-color: none;
         }

.footer {
         color: #969595;
         margin: 0 0 10px 0; 
        }

.backmenunav {
              background-color: #167C89;  
             }

.backcontent {
              background-color: white;  
              padding: 15px 15px 20px 15px;
             }

.backfooter {
              background-color: #222;  
            }

.BackPageButtonBox {
                  display: block;
                  position: relative;
                  width: 100%;
                  text-align: center;
                 }
                 
.ButtonBack {
             display: inline-block;
             position: relative;
             text-decoration: none;
             margin-top: 20px;
             border-radius: 7px;
             width: 120px;
             line-height: 2;
             text-align: center;
             font-size: 16px;
             background-color: #167C89;
             color: white;
            }

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

.ButtonSubmit {
               display: block;
               position: relative;
               width: 80px;
               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;
              }
                 
.ButtonSubmit:hover {
                     font-size: 14px;
                     opacity: 95%;
                     box-shadow: 0 0 6px #222255;            
                    }
                       
.ButtonSubmit:disabled {
                        font-size: 14px;
                        background-color: #CCC;
                        color: #606060;
                        cursor: not-allowed;
                       }

.ButtonAction {
                display: inline-block;
                position: relative;
                padding: 0 5px;
                color: #167C89;
                background-color: inherit;
                font-size: 14 px;
                text-decoration: none;
                border: none;
                cursor: pointer;
              }
                          
.ButtonAction:hover {
                      color: #FF3800 ;      
                    }
.NewFormBox {
              display: block;
              width: 100%;
              position: relative;
            }               
.EditForm,
.DeleteForm,
.FiledForm {
             display: inline-block;
             position: relative;
             margin: 0;
             padding: 0;
           }
                    
.textwhite {
            color: white;
           }

.normaltext {
             text-transform: none;
            }

.normalweight {
               font-weight: normal;
               }

.inline {
          display: inline;
        }

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

.colorsugarpaper {
                  color: #167C89;
                 }

.colororange {
               color: #FF7700;
             }

.textjustify {
               text-align: justify;
             }

.textcenter {
              text-align: center;
            }

.textright {
              text-align: right;
            }

/* Header Section */

.HeaderLogoPicture {
                    display: inline-block;
                    position: relative;
                    padding: 15px 10px 15px 10px;
                    width: 100%;                 
                   }

.HeaderLogoPictureSX {
                    display: inline-block;
                    position: relative;
                    width: 100%;               
                   }

.HeaderLogoPictureDX {
                    display: inline-block;
                    position: relative;
                    padding: 0px;
                    width: 100%;             
                   }

.HeaderBottomBorder {
                     border-bottom: 2px solid #167C89;  
                    }

/* InfoUserDatatime Section */

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

.nav-link {
            color: white;
            opacity: 1;
          }

/* HomepageLogin Section */

.UserLoginFormFieldIconBox {
                width: 90%;
                padding: 3px;
                height: 35px;
                margin: 0 auto;                      
                margin-bottom: 10px;
                border: 1px solid #167C89;
               }  

.UserLoginFormFieldIcon {
                display: inline-block;
                position: relative;
                font-size: 14pt;
                color: #167C89;
                margin: 0;
                padding: 0;
               }

input.LoginField[type=email] {
                color: #167C89;
                font-family: "Segoe UI";
                width: 85%;
                font-size: 14px;
                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: #167C89;
                    font-family: "Segoe UI";
                    width: 85%;
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 21px;
                    text-align: center;                   
                    border: none;
                   }

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

input.LoginForm[type=submit] {
                   width: 100%;
                   height: 25px;
                   cursor: pointer;                                                                         
                   font-family: "Segoe UI";
                   font-size: 14px;
                   font-weight: 700;                    
                   text-transform: uppercase;                                 
                   text-align: center;
                   color:#f2f2f2;
                   background-color: #ff7700;
                   border: none;
                   border-radius: 7px;    
                  }
                        
input.LoginForm[type=submit]:hover {
                        color: #f2f2f2;
                        background-color: #2a7f7f;                                  
                       }
                                  
input.LoginForm[type=submit]:active {                   
                         color: #f2f2f2;
                         background-color: #2a7f7f;
                        }

input.LoginForm[type=submit]:disabled {
                                       color: #f2f2f2;
                                       background-color: #777;   
                                       cursor: not-allowed;                               
                                      }

/* Footer Section */

.FooterInfoLink {
                 display: block;
                 position: relative;               
                 font-family: "Times New Romans";
                 font-size: 14px;
                 font-weight: 700;
                 line-height: 1.5;
                 text-decoration: none;
                }

.FooterAddress {
                font-family: "Segoe UI";
                font-size: 12px;
                font-weight: 600;    
                line-height: 1.5;
               }
    
.FooterCopyright {
                  font-family: "Segoe UI";
                  font-size: 12px;
                  font-weight: 600;    
                  line-height: 1.5;
                 }
                   
.FooterWebmaster {   
                font-family: "Times New Romans";
                font-size: 13px;
                font-weight: 700;
                line-height: 1.5;
               }

.LogoCivesLink {
                width: 25px;
                margin-bottom: 5px;
               }
               
.PolicyPageLink {
                font-family: "Segoe UI";
                color: #969595;
                font-size: 10px;
                font-weight: 600;    
                line-height: 1.5;
                text-decoration: none;
               }

.PolicyPageLink:hover {
                        color: #E87400;
                      }

/* Sidebar Section */

.sidebar-box-element {
                       display: block;
                       position: relative;
                       width: 100%;
                       text-align: center;
                       margin: 0 auto;
                       margin-top: 5px;
                       padding: 5px;
                       border: 1px solid #167C89;
                       border-radius: 12px;
                      }
                  
.sidebar-box-title {
                     display: block;
                     width: 100%;
                     text-align: center;
                     color:#167C89;
                     font-weight: 800;
                   }

.StateLogoPicture {
                    display: inline-block;
                    position: relative;
                    text-align: center;
                    padding: 5px;
                    width: 75%;                 
                   }

.StateTypeText {
                 display: block;
                 position: relative;
                 width: 100%;
                 text-align: center;
                 padding: 5px;
                 font-size: 10pt;        
                 font-weight: 700;    
                 color:#f2f2f2;   
                 border-radius: 0 0 7px 7px;
               }

.ColorActived {  
                background-color: #ff0000;
              }    
              
.ColorPreAlert {
                background-color: #ffc01b;
              }

.button-link {
               display: inline-block;
               position: relative;
               width: 100%;
               margin: 10px 0 0 0;
               padding: 5px;
               text-align: center;
               color:#f2f2f2;
               background-color: #ff7700;
               border-radius: 12px;
               text-decoration: none;
               font-size: 12pt;
              }

.button-link:hover {
                    color: #ff7700;
                    background-color: #2a7f7f;
                   }

.ContentTitle {
                display: block;
                position: relative;
                width: 95%;
                border: 2px solid #167C89;
                color: #167C89;
                margin-bottom: 20px;
                padding: 8px;
                font-size: 18px;
                font-weight: 800;
                box-shadow: 4px 4px 6px #167C89;
               }

.ContentBoxJustify {
              display: block;
              text-align: justify;
            }

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

.ContentBoxLeft {
              display: block;
              text-align: left;
            }

.ContentBoxRight {
              display: block;
              text-align: right;
            }

.reserve-nav-link {
                   display: block;
                   margin-left: 8px;
                   padding: 3px 0;
                   text-decoration: none;
                   font-size: 9pt;
                   font-weight: 800;
                   color:#167C89;
                  }

.reserve-nav-link:hover {
                          color: #ff7700;
                        }

.ChangePassswordForm {
                       display: block;
                       position: relative;
                       width: 70%; 
                     }

.LabelFormField {
                  display: block;
                  position: relative;
                  color: #167C89;
                  font-weight: 700;
                  width: 300px;
                  text-align: left;
                  padding: 5px;
                }

.LabelFormFieldMaxvalue {
                         font-size: 8pt;
                         font-weight: normal;
                        }

input[type=password].FieldForm,
input[type=mail].FieldForm {
                            display: inline-block;
                            position: relative;
                            width: 320px;
                            border: 2px solid #167C89;
                            color:#167C89;
                            margin-bottom: 10px;
                            border-radius: 8px;
                            text-align: center;
                            font-size: 14pt;
                           }

input[type=password].FieldForm:focus,
input[type=text].FieldForm:focus,
input[type=text].FieldFormTitle:focus,
input[type=mail].FieldForm:focus,
textarea.FieldForm:focus,
select.FieldForm:focus  {
                          box-shadow: 0 0 8px #167C89;
                          outline: none;
                         }

option.FieldForm:focus {
                         background-color: #167C89;
                         color: white;
                       }

select.FieldForm {
                  display: inline-block;
                  position: relative;
                  width: 100%;
                  border: 2px solid #167C89;
                  color:#167C89;
                  margin-bottom: 10px;
                  border-radius: 8px;
                  text-align: center;
                  font-size: 14pt;
                 }

.PswError {
           display: block;
           width: 300px;
           margin: -10px 0 -10px 40px;
           padding: 0;
           font-size: 9pt;
           font-weight: 700;
           color: red;
          }

.TypeStateTitle {
            text-align: center;
            font-weight: 700;
            font-size: 11pt;
           }

.TypeStateName {
                text-align: center;
                font-weight: 700;
                font-size: 11pt;
               }

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

.TypeStateAuthor {
                text-align: center;
                font-weight: 600;
                font-size: 10pt;
               }
              
.TypeStateTitleRow {
                    margin-top: 15px;
                    margin-left: 4px;
                    border-bottom: 1px solid #167C89;
                   }

.TypeStateRow {
                margin-left: 4px;
              }


.StateLogoPictureOption {
                         padding: 10px;
                         width: 100%;                 
                        }

.margin-field {
               margin: 10px 0 10px 0;
              }

.button-contrinution-link {
                            display: inline-block;
                            position: relative;
                            text-decoration: none;
                            width: 350px;
                            padding: 20px 0;
                            margin: 10px 0;
                            text-align: center;
                            border: 2px solid #167C89;
                            color: #167C89;
                            font-size: 16pt;
                          }

.button-contrinution-link:hover {
                                  background-color: #167C89;
                                  color: white;
                                }

.iconbutton {
              display: block;
              font-size: 26pt;
            }

textarea.FieldForm {
              display: inline-block;
              position: relative;
              width: 100%;
              border: 2px solid #167C89;
              padding: 5px;
              color:#167C89;
              margin-bottom: 10px;
              border-radius: 8px;
              text-align: justify;
              font-size: 12pt;
            }

input[type=text].FieldForm,
input[type=text].FieldFormTitle {
              display: inline-block;
              position: relative;
              width: 100%;
              border: 2px solid #167C89;
              color:#167C89;
              margin-bottom: 10px;
              border-radius: 8px;
              text-align: center;
              font-size: 14pt;
            }

::-webkit-file-upload-button {
                               background-color: #167C89;
                               color: white;
                              }

.MarginTopSubmit {
                  margin-top: 15px;
                 }

.DeletePhotoButton {
                    display: inline-block;
                    width: 300px;
                    height: 200px;
                    margin: 5px;
                    padding: 8px;
                    border: 1px solid #167C89;
                    border-radius: 4px;
                    background-color: rgba(22, 124, 137, 0.05);
                    z-index: 5;
                   }

.DeletePhotoButton:hover {
                          border: 3px solid #167C89;
                          background-color: rgba(22, 124, 137, 0.15);
                         }

.ImgTmbDelete {
               max-width: 250px; 
               max-height: 150px;
               z-index: 10;
              }

.ButtonViewDetails {
                display: inline-block;
                position: relative;
                width: 50%;
                margin: 10px 0 0 0;
                padding: 2px;
                text-align: center;
                color:#f2f2f2;
                background-color: #ff7700;
                border-radius: 5px;
                text-decoration: none;
                border: none;
                font-size: 8pt;
                font-weight: 700;
               }
 
.ButtonViewDetails:hover {
                     color: #f2f2f2;
                     background-color: #2a7f7f;
                    }

.ButtonViewAll {
                display: inline-block;
                position: relative;
                width: 70%;
                margin: 10px 0 10px 15px;
                padding: 2px;
                text-align: center;
                color:#f2f2f2;
                background-color: #ff7700;
                border-radius: 5px;
                text-decoration: none;
                border: none;
                font-size: 10pt;
                font-weight: 700;
               }
       
.ButtonViewAll:hover {
                      color: #f2f2f2;
                      background-color: #2a7f7f;
                     }

.ViewCollectionPictureBox {
                            width: 100%;
                            margin: 0 auto;
                            margin-bottom: 8px;
                            padding: 8px;
                            border: 1px solid #167C89;
                            border-radius: 8px;
                            background-color: #EEE;
                            text-align: center;
                          }
                    
.ImgView {
            max-width: 90%; 
            max-height: 90%;
         }

.LastUpdateViewCollection {
            width: 100%;
            color: #167C89;
            font-size: 9pt;
         }

.VideoViewBox {
  position: relative;
  padding-bottom: 60%;
  height: 0;
           }

.VideoView {
  position: absolute;
  top: 0;
  left: 5px;
  width: 100%;
  height: 100%;
              }

.VideoHomeView {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
               }

.ButtonRegistrationModule {
                            display: block;
                            text-decoration: none;
                            margin: 10px;
                            padding: 10px;
                            font-size: 16pt;
                            font-weight: 800;
                            text-align: center;
                            background-color: #FF7700;
                            border-radius: 15px;
                            color: #f2f2f2;
                          }

.ButtonRegistrationModule:hover {
                                  color: #f2f2f2;
                                  background-color: #167C89;
                                 }

.InfoSection {
              display: block;
              position: relative;
              color: #167C89;
              margin-bottom: 10px;
              text-align: justify;
            }

.IconTitle {
             font-size: 22px;
             color: #FF7700;
           }

.StatutoryOrgansBlock {
                       display: block;
                       position: relative;
                       width: 90%;
                       margin: 0 auto;
                       margin-bottom: 10px;
                       padding: 8px;
                       border: 2px solid #167C89;
                       border-radius: 10px;
                       }

.StatutoryOrgansDateBlock {
                        display: block;
                        position: relative;
                        width: 90%;
                        margin: 0 auto;
                        margin-bottom: 10px;
                        text-align: center;
                        padding: 8px;
                        border: 2px solid #167C89;
                        border-radius: 10px;
                        }
                       
.StatutoryOrgansBlockTitle {
                             display: block;
                             position: relative;
                             width: 100%;
                             font-size: 14pt;
                             font-weight: 700;
                             color: #167C89;
                             text-align: center;
                            }

.StatutoryOrgansRole {
                       display: block;
                       position: relative;
                       width: 100%;
                       margin: 15px 0 5px 0;
                       font-size: 15pt;
                       font-weight: 600;
                       color: #167C89;
                     }

.StatutoryOrgansRoleView {
                      display: inline-block;
                      position: relative;
                      width: 100%;
                      margin: 15px 0 5px 0;
                      font-size: 12pt;
                      font-weight: 600;
                      color: #167C89;
                    }

.StatutoryOrgansNewItem {
                      display: inline-block;
                      position: relative;
                      width: 90%;
                      margin: 15px 0 5px 0;
                      padding-top: 5px;
                      border-top: 2px solid #167C89;
                      font-size: 14pt;
                      color: #167C89;
                    }

.StatutoryOrgansRoleName {
                      display: inline-block;
                      position: relative;
                      width: 100%;
                      margin: 0 0 5px 0;
                      font-size: 12pt;
                      font-weight: 600;
                      color: #ff7700;
                    }

.StatutoryOrgansRoleAction {
                            display: inline-block;
                            position: relative;
                            width: 80px;
                          }


.StaturyOrgansLabelFormField {
                              display: inline-block;
                              width: 75px;
                              text-align: right;
                              color: #167C89;
                              font-size: 10pt;
                             }

.StaturyOrgansLabelDataFormField {
                              display: inline-block;
                              width: 100%;
                              text-align: center;
                              font-weight: 700;
                              color: #167C89;
                              font-size: 14pt;
                             }

input[type=text].StaturyOrgansFieldForm {
                                          display: inline-block;
                                          position: relative;
                                          width: 200px;
                                          border: 1px solid #167C89;
                                          color:#167C89;
                                          border-radius: 8px;
                                          text-align: center;
                                          font-size: 12pt;
                                        }

input[type=date].StaturyOrgansFieldForm {
                                          display: inline-block;
                                          position: relative;
                                          width: 200px;
                                          border: 1px solid #167C89;
                                          color:#167C89;
                                          border-radius: 8px;
                                          text-align: center;
                                          font-size: 16pt;
                                        }

input[type=text].StaturyOrgansFieldForm:focus,
input[type=date].StaturyOrgansFieldForm:focus {
                                                box-shadow: 0 0 5px #167C89;
                                                outline: none;
                                              }

.StaturyOrgansChangeLabelFormField {
                                     display: inline-block;
                                     width: 240px;
                                     text-align: right;
                                     color: #167C89;
                                     font-size: 13pt;
                                   }
                  
.StaturyOrgansChangeLabelDataFormField {
                                        display: inline-block;
                                        width: 240px;
                                        text-align: right;
                                        color: #167C89;
                                        font-size: 13pt;
                                       }
                  
input[type=text].StaturyOrgansChangeFieldForm {
                                                display: inline-block;
                                                position: relative;
                                                width: 240px;
                                                border: 1px solid #167C89;
                                                color:#167C89;
                                                margin-bottom: 10px;
                                                border-radius: 8px;
                                                text-align: center;
                                                font-size: 14pt;
                                              }
                  
input[type=date].StaturyOrgansChangeFieldForm {
                                                display: inline-block;
                                                position: relative;
                                                width: 240px;
                                                border: 1px solid #167C89;
                                                color:#167C89;
                                                margin-bottom: 10px;
                                                border-radius: 8px;
                                                text-align: center;
                                                font-size: 14pt;
                                              }
                  
input[type=text].StaturyOrgansChangeFieldForm:focus,
input[type=date].StaturyOrgansChangeFieldForm:focus {
                                                      box-shadow: 0 0 5px #167C89;
                                                      outline: none;
                                                    }

.StatuteBox {
              text-align: justify;
            }

.ContactIcon {
               display: inline-block;
               position: relative;
               width: 40px;
               height: 50px;
               color: #167C89;
               text-align: center;
               font-size: 18pt;
             }

.ContactText {
              display: inline-block;
              position: relative;
              width: 220px;
              height: 50px;
              color: #167C89;
              font-size: 15pt;
             }

.ContentListViewBox {
                      display: inline-block;
                      text-align: center;
                      position: relative;
                      width: 100%; 
                      border: 1px solid #167C89;
                      border-radius: 5px;
                      padding: 5px;
                      margin: 0 auto;
                    }

.ContentListViewTitle {
                        text-align: center;
                        font-size: 12pt;
                        color: #167C89;
                        padding-bottom: 6px;
                        font-weight: 800;
                      }

.ContentListViewDescription {
                              text-align: justify;
                              font-size: 9pt; 
                              color: #167C89;
                              padding-bottom: 6px;
                              font-weight: normal;
                            }

.ContentListViewContent {
                          text-align: justify;
                          font-size: 11pt; 
                          color: #167C89;
                          padding-bottom: 6px;
                          font-weight: normal;
                          white-space: nowrap; 
                          overflow: hidden !important; 
                          text-overflow: ellipsis;
                        }

.ContentListViewDateViews {
                            text-align: right;
                            font-size: 8pt;
                            padding-bottom: 8px;
                            color: #167C89;
                          }

.ContentListViewThumbailBox {
                              display: inline-block; 
                              position: float; 
                              width: 100%; 
                              height: 100%; 
                              text-align: center;
                            }

.ContentListViewThumbailBoxPicture {
                                     display: table-cell; 
                                     width: 100%; 
                                     height: 100%; 
                                     vertical-align: middle; 
                                     margin: 0; 
                                     padding: 0;
                                   }

.ContentListViewThumbailPicture {
                                  max-width: 40%; 
                                  max-height: 40%;
                                  margin: 0 5px;
                                }

.ContentViewBox {
                  display: inline-block; 
                  position: relative; 
                  width: 100%; 
                  white-space: wrap; 
                  border: 1px solid #167C89; 
                  padding: 15px; 
                  margin-bottom: 8px;
                }

.ContentViewTitle {
                    text-align: center; 
                    font-size: 12pt; 
                    color: #167C89; 
                    font-weight: 800;
                  }

.ContentViewDescription {
                          text-align: justify; 
                          font-size: 9pt; 
                          color: #167C89; 
                          padding-bottom: 6px; 
                          font-weight: normal;
                        }

.ContentViewViews {
                    text-align: right; 
                    font-size: 10pt; 
                    color: #167C89;
                  }

.FormErrorMessage {
                    color: red;
                    font-size: 9pt;
                    font-weight: 700;
                   }

.TextHereLink {
               font-weight: 700; 
               color: #167C89;
               text-decoration: none; 
             }

.TextHereLink:hover {
                      color: #FF7700;
                    }

.ComponentCardButton {
                      text-align: right; 
                      font-size: 9pt;
                     }

.ComponentPhotoTitle {
                      display: block;
                      position: relative; 
                      margin-left: 2px; 
                      padding: 5px 10px; 
                      width: 100%; 
                      border-radius: 8px; 
                      color: white; 
                      font-size: 12pt; 
                      background-image: 
                      linear-gradient(to right, rgba(22,134,137,1), rgba(22,134,137,0));
                     }

.ComponentPhotoBox {
                    display: inline-block; 
                    text-align: center; 
                    position: relative; 
                    width: 95%; 
                    border: 1px solid grey; 
                    padding: 5px; 
                    margin: 0 auto;
                    margin-top: 8px;
                    margin-bottom: 8px;
                   }

.ComponentPhotoBoxAlbumname {
                             text-align: left; 
                             font-size: 9pt; 
                             padding-bottom: 6px; 
                             font-weight: 800;
                            }
                            
.ComponentPhotoBoxInfo {
                         text-align: right; 
                         font-size: 8pt; 
                         padding-bottom: 8px; 
                         color: grey;
                       }

.ComponentPhotoBoxPictureThumbail {
                                    display: inline-block; 
                                    position: float; 
                                    width: 80%; 
                                    text-align: center;
                                  }

.ComponentPhotoBoxPictureContainer {
                                    display: table-cell; 
                                    width: 100%; 
                                    height: 100%; 
                                    vertical-align: middle; 
                                    margin: 0; 
                                    padding: 0;
                                   }

.ComponentPhotoBoxPicture {
                           max-width: 90%; 
                          }

.ComponentVideoTitle {
                      display: block; 
                      position: relative; 
                      margin-left: 5px; 
                      padding: 5px 10px; 
                      width: 100%; 
                      border-radius: 8px; 
                      color: white; 
                      font-size: 12pt; 
                      background-image: linear-gradient(to right, rgba(22,134,137,1), rgba(22,134,137,0));
                     }
        
.ComponentVideoBox {
                    display: inline-block; 
                    position: relative; 
                    text-align: center;
                    width: 100%;
                    border: 1px solid grey; 
                    padding: 5px; 
                    margin: 0 auto;
                    margin-top: 8px;
                    margin-bottom: 8px;
                   }
        
.ComponentVideoBoxTitle {
                         text-align: left; 
                         font-size: 9pt; 
                         padding-bottom: 6px; 
                         font-weight: 800;
                        } 
                                  
.ComponentVideoBoxInfo {
                        text-align: right; 
                        font-size: 8pt; 
                        padding-bottom: 8px; 
                        color: grey;
                       }

.ComponentVideoViewBox {
                        position: relative;
                        padding-bottom: 200px;
                        height: 0;
                       }
                      
.ComponentVideoView {
                     position: absolute;
                     top: 0;
                     left: 0;
                     width: 100%;
                     height: 100%;
                    }
      
.ComponentPressArticleTitle {
                             display: block; 
                             position: relative; 
                             margin-left: 5px; 
                             padding: 5px 10px; 
                             width: 100%; 
                             border-radius: 8px; 
                             color: white; 
                             font-size: 12pt; 
                             background-image: linear-gradient(to right, rgba(22,134,137,1), rgba(22,134,137,0));
                            }

.ComponentPressArticleBox {
                           display: inline-block; 
                           position: relative; 
                           width: 100%; 
                           border: 1px solid grey; 
                           padding: 5px; 
                           margin: 0 auto;
                           margin-top: 8px;
                           margin-bottom: 8px;
                          }

.ComponentPressArticleBoxTitle {
                                text-align: left; 
                                font-size: 9pt; 
                                padding-bottom: 6px; 
                                font-weight: 800;
                               }                          

.ComponentPressArticleBoxInfo {
                               text-align: right; 
                               font-size: 8pt; 
                               padding-bottom: 8px; 
                               color: grey;
                              }  
                              
.ComponentAnnualReportTitle {
                             display: block; 
                             position: relative; 
                             margin-left: 5px; 
                             padding: 5px 10px; 
                             width: 100%; 
                             border-radius: 8px; 
                             color: white; 
                             font-size: 12pt; 
                             background-image: linear-gradient(to right, rgba(22,134,137,1), rgba(22,134,137,0));
                            }

.ComponentAnnualReportBox {
                           display: inline-block;
                           position: relative;
                           width: 100%; 
                           border: 1px solid grey; 
                           padding: 5px; 
                           margin: 0 auto;
                           margin-top: 8px;
                           margin-bottom: 8px;
                          }

.ComponentPressAnnualReportTitle {
                                  text-align: left; 
                                  font-size: 9pt; 
                                  padding-bottom: 6px; 
                                  font-weight: 800;
                                 }

.ComponentPressArticleBoxInfo {
                               text-align: right; 
                               font-size: 8pt; 
                               padding-bottom: 8px; 
                               color: grey;
                              }

.notice-datetime {
                  display: block; 
                  text-align: right; 
                  font-size: 10pt;
                 }

.notice-title {
               display: block; 
               font-weight: bold;
              }

@media (min-width: 576px) and (max-width: 991.98px) { 
  
}


@media (min-width: 992px) { 

/* General setting */

body {
  background-color: #E87400;
 }

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

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

.content {
      background-color: none;
     }

.footer {
     color: #969595;
     margin: 0 0 10px 0; 
    }

.backmenunav {
          background-color: #167C89;  
         }

.backcontent {
          background-color: white;  
          padding: 15px 15px 20px 15px;
         }

.backfooter {
          background-color: #222;  
        }

.BackPageButtonBox {
              display: block;
              position: relative;
              width: 100%;
              text-align: center;
             }
             
.ButtonBack {
         display: inline-block;
         position: relative;
         text-decoration: none;
         margin-top: 20px;
         border-radius: 7px;
         width: 120px;
         line-height: 2;
         text-align: center;
         font-size: 16px;
         background-color: #167C89;
         color: white;
        }

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

.ButtonSubmit {
           display: block;
           position: relative;
           width: 80px;
           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;
          }
             
.ButtonSubmit:hover {
                 font-size: 14px;
                 opacity: 95%;
                 box-shadow: 0 0 6px #222255;            
                }
                   
.ButtonSubmit:disabled {
                    font-size: 14px;
                    background-color: #CCC;
                    color: #606060;
                    cursor: not-allowed;
                   }

.ButtonAction {
            display: inline-block;
            position: relative;
            padding: 0 5px;
            color: #167C89;
            background-color: inherit;
            font-size: 14 px;
            text-decoration: none;
            border: none;
            cursor: pointer;
          }
                      
.ButtonAction:hover {
                  color: #FF3800 ;      
                }
.NewFormBox {
          display: block;
          width: 100%;
          position: relative;
        }               
.EditForm,
.DeleteForm,
.FiledForm {
         display: inline-block;
         position: relative;
         margin: 0;
         padding: 0;
       }
                
.textwhite {
        color: white;
       }

.normaltext {
         text-transform: none;
        }

.normalweight {
           font-weight: normal;
           }

.inline {
      display: inline;
    }

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

.colorsugarpaper {
              color: #167C89;
             }

.colororange {
           color: #FF7700;
         }

.textjustify {
           text-align: justify;
         }

.textcenter {
          text-align: center;
        }

.textright {
          text-align: right;
        }

/* Header Section */

.HeaderLogoPicture {
                display: inline-block;
                position: relative;
                padding: 15px 10px 15px 10px;
                width: 100%;                 
               }

.HeaderLogoPictureSX {
                display: inline-block;
                position: relative;
                width: 100%;               
               }

.HeaderLogoPictureDX {
                display: inline-block;
                position: relative;
                padding: 0px;
                width: 100%;             
               }

.HeaderBottomBorder {
                 border-bottom: 2px solid #167C89;  
                }

/* InfoUserDatatime Section */

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

.nav-link {
        color: white;
        opacity: 1;
      }

/* HomepageLogin Section */

.UserLoginFormFieldIconBox {
            width: 90%;
            padding: 3px;
            height: 35px;
            margin: 0 auto;                      
            margin-bottom: 10px;
            border: 1px solid #167C89;
           }  

.UserLoginFormFieldIcon {
            display: inline-block;
            position: relative;
            font-size: 14pt;
            color: #167C89;
            margin: 0;
            padding: 0;
           }

input.LoginField[type=email] {
            color: #167C89;
            font-family: "Segoe UI";
            width: 85%;
            font-size: 14px;
            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: #167C89;
                font-family: "Segoe UI";
                width: 85%;
                font-size: 14px;
                font-weight: 700;
                line-height: 21px;
                text-align: center;                   
                border: none;
               }

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

input.LoginForm[type=submit] {
               width: 100%;
               height: 25px;
               cursor: pointer;                                                                         
               font-family: "Segoe UI";
               font-size: 14px;
               font-weight: 700;                    
               text-transform: uppercase;                                 
               text-align: center;
               color:#f2f2f2;
               background-color: #ff7700;
               border: none;
               border-radius: 7px;    
              }
                    
input.LoginForm[type=submit]:hover {
                    color: #f2f2f2;
                    background-color: #2a7f7f;                                  
                   }
                              
input.LoginForm[type=submit]:active {                   
                     color: #f2f2f2;
                     background-color: #2a7f7f;
                    }

input.LoginForm[type=submit]:disabled {
                                   color: #f2f2f2;
                                   background-color: #777;   
                                   cursor: not-allowed;                               
                                  }

/* Footer Section */

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

.FooterCopyright {
              font-family: "Segoe UI";
              font-size: 15px;
              font-weight: 600;    
              line-height: 1.5;
             }
               
.FooterWebmaster {   
            font-family: "Times New Romans";
            font-size: 14px;
            font-weight: 700;
            line-height: 1.5;
           }

.LogoCivesLink {
            width: 25px;
            margin-bottom: 5px;
           }
           
.PolicyPageLink {
            font-family: "Segoe UI";
            color: #969595;
            font-size: 10px;
            font-weight: 600;    
            line-height: 1.5;
            text-decoration: none;
           }

.PolicyPageLink:hover {
                    color: #E87400;
                  }

/* Sidebar Section */

.sidebar-box-element {
                   display: block;
                   position: relative;
                   width: 100%;
                   margin: 15px 0 0 0;
                   padding: 10px;
                   border: 1px solid #167C89;
                   border-radius: 12px;
                  }
              
.sidebar-box-title {
                 display: block;
                 width: 100%;
                 text-align: center;
                 color:#167C89;
                 font-weight: 800;
               }

.StateLogoPicture {
                display: inline-block;
                position: relative;
                text-align: center;
                padding: 10px;
                width: 100%;                 
               }

.StateTypeText {
             display: block;
             position: relative;
             width: 100%;
             text-align: center;
             padding: 5px;
             font-size: 12pt;        
             font-weight: 700;    
             color:#f2f2f2;   
             border-radius: 0 0 7px 7px;
           }

.ColorActived {  
            background-color: #ff0000;
          }    
          
.ColorPreAlert {
            background-color: #ffc01b;
          }

.button-link {
           display: inline-block;
           position: relative;
           width: 100%;
           margin: 10px 0 0 0;
           padding: 8px;
           text-align: center;
           color:#f2f2f2;
           background-color: #ff7700;
           border-radius: 15px;
           text-decoration: none;
           font-size: 18pt;
          }

.button-link:hover {
                color: #ff7700;
                background-color: #2a7f7f;
               }

.ContentTitle {
            display: block;
            position: relative;
            width: 95%;
            border: 2px solid #167C89;
            color: #167C89;
            margin-bottom: 20px;
            padding: 8px;
            font-size: 18px;
            font-weight: 800;
            box-shadow: 4px 4px 6px #167C89;
           }

.ContentBoxJustify {
          display: block;
          text-align: justify;
        }

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

.ContentBoxLeft {
          display: block;
          text-align: left;
        }

.ContentBoxRight {
          display: block;
          text-align: right;
        }

.reserve-nav-link {
               display: block;
               margin-left: 8px;
               padding: 3px 0;
               text-decoration: none;
               font-size: 9pt;
               font-weight: 800;
               color:#167C89;
              }

.reserve-nav-link:hover {
                      color: #ff7700;
                    }

.ChangePassswordForm {
                   display: block;
                   position: relative;
                   width: 70%; 
                 }

.LabelFormField {
              display: block;
              position: relative;
              color: #167C89;
              font-weight: 700;
              width: 300px;
              text-align: left;
              padding: 5px;
            }

.LabelFormFieldMaxvalue {
                     font-size: 8pt;
                     font-weight: normal;
                    }

input[type=password].FieldForm,
input[type=mail].FieldForm {
                        display: inline-block;
                        position: relative;
                        width: 320px;
                        border: 2px solid #167C89;
                        color:#167C89;
                        margin-bottom: 10px;
                        border-radius: 8px;
                        text-align: center;
                        font-size: 14pt;
                       }

input[type=password].FieldForm:focus,
input[type=text].FieldForm:focus,
input[type=text].FieldFormTitle:focus,
input[type=mail].FieldForm:focus,
textarea.FieldForm:focus,
select.FieldForm:focus  {
                      box-shadow: 0 0 8px #167C89;
                      outline: none;
                     }

option.FieldForm:focus {
                     background-color: #167C89;
                     color: white;
                   }

select.FieldForm {
              display: inline-block;
              position: relative;
              width: 100%;
              border: 2px solid #167C89;
              color:#167C89;
              margin-bottom: 10px;
              border-radius: 8px;
              text-align: center;
              font-size: 14pt;
             }

.PswError {
       display: block;
       width: 300px;
       margin: -10px 0 -10px 40px;
       padding: 0;
       font-size: 9pt;
       font-weight: 700;
       color: red;
      }

.TypeStateTitle {
        text-align: center;
        font-weight: 700;
        font-size: 11pt;
       }

.TypeStateName {
            text-align: center;
            font-weight: 700;
            font-size: 11pt;
           }

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

.TypeStateAuthor {
            text-align: center;
            font-weight: 600;
            font-size: 10pt;
           }
          
.TypeStateTitleRow {
                margin-top: 15px;
                margin-left: 4px;
                border-bottom: 1px solid #167C89;
               }

.TypeStateRow {
            margin-left: 4px;
          }


.StateLogoPictureOption {
                     padding: 10px;
                     width: 100%;                 
                    }

.margin-field {
           margin: 10px 0 10px 0;
          }

.button-contrinution-link {
                        display: inline-block;
                        position: relative;
                        text-decoration: none;
                        width: 350px;
                        padding: 20px 0;
                        margin: 10px 0;
                        text-align: center;
                        border: 2px solid #167C89;
                        color: #167C89;
                        font-size: 16pt;
                      }

.button-contrinution-link:hover {
                              background-color: #167C89;
                              color: white;
                            }

.iconbutton {
          display: block;
          font-size: 26pt;
        }

textarea.FieldForm {
          display: inline-block;
          position: relative;
          width: 100%;
          border: 2px solid #167C89;
          padding: 5px;
          color:#167C89;
          margin-bottom: 10px;
          border-radius: 8px;
          text-align: justify;
          font-size: 12pt;
        }

input[type=text].FieldForm,
input[type=text].FieldFormTitle {
          display: inline-block;
          position: relative;
          width: 100%;
          border: 2px solid #167C89;
          color:#167C89;
          margin-bottom: 10px;
          border-radius: 8px;
          text-align: center;
          font-size: 14pt;
        }

::-webkit-file-upload-button {
                           background-color: #167C89;
                           color: white;
                          }

.MarginTopSubmit {
              margin-top: 15px;
             }

.DeletePhotoButton {
                display: inline-block;
                width: 300px;
                height: 200px;
                margin: 5px;
                padding: 8px;
                border: 1px solid #167C89;
                border-radius: 4px;
                background-color: rgba(22, 124, 137, 0.05);
                z-index: 5;
               }

.DeletePhotoButton:hover {
                      border: 3px solid #167C89;
                      background-color: rgba(22, 124, 137, 0.15);
                     }

.ImgTmbDelete {
           max-width: 250px; 
           max-height: 150px;
           z-index: 10;
          }

.ButtonViewDetails {
            display: inline-block;
            position: relative;
            width: 50%;
            margin: 10px 0 0 0;
            padding: 2px;
            text-align: center;
            color:#f2f2f2;
            background-color: #ff7700;
            border-radius: 5px;
            text-decoration: none;
            border: none;
            font-size: 8pt;
            font-weight: 700;
           }

.ButtonViewDetails:hover {
                 color: #f2f2f2;
                 background-color: #2a7f7f;
                }

.ButtonViewAll {
            display: inline-block;
            position: relative;
            width: 70%;
            margin: 10px 0 10px 15px;
            padding: 2px;
            text-align: center;
            color:#f2f2f2;
            background-color: #ff7700;
            border-radius: 5px;
            text-decoration: none;
            border: none;
            font-size: 10pt;
            font-weight: 700;
           }
   
.ButtonViewAll:hover {
                  color: #f2f2f2;
                  background-color: #2a7f7f;
                 }

.ViewCollectionPictureBox {
                        width: 90%;
                        margin: 0 auto;
                        margin-bottom: 8px;
                        padding: 8px;
                        border: 1px solid #167C89;
                        border-radius: 8px;
                        background-color: #EEE;
                        text-align: center;
                      }
                
.ImgView {
        max-width: 400px; 
        max-height: 300px;
     }

.LastUpdateViewCollection {
        width: 100%;
        color: #167C89;
        font-size: 9pt;
     }

.VideoViewBox {
position: relative;
padding-bottom: 60%;
height: 0;
       }

.VideoView {
position: absolute;
top: 0;
left: 5px;
width: 100%;
height: 100%;
          }

.VideoHomeView {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
                      }

.ButtonRegistrationModule {
                        display: block;
                        text-decoration: none;
                        margin: 10px;
                        padding: 10px;
                        font-size: 16pt;
                        font-weight: 800;
                        text-align: center;
                        background-color: #FF7700;
                        border-radius: 15px;
                        color: #f2f2f2;
                      }

.ButtonRegistrationModule:hover {
                              color: #f2f2f2;
                              background-color: #167C89;
                             }

.InfoSection {
          display: block;
          position: relative;
          color: #167C89;
          margin-bottom: 10px;
          text-align: justify;
        }

.IconTitle {
         font-size: 22px;
         color: #FF7700;
       }

.StatutoryOrgansBlock {
                   display: block;
                   position: relative;
                   width: 90%;
                   margin: 0 auto;
                   margin-bottom: 10px;
                   padding: 8px;
                   border: 2px solid #167C89;
                   border-radius: 10px;
                   }

.StatutoryOrgansDateBlock {
                    display: block;
                    position: relative;
                    width: 90%;
                    margin: 0 auto;
                    margin-bottom: 10px;
                    text-align: center;
                    padding: 8px;
                    border: 2px solid #167C89;
                    border-radius: 10px;
                    }
                   
.StatutoryOrgansBlockTitle {
                         display: block;
                         position: relative;
                         width: 100%;
                         font-size: 18pt;
                         font-weight: 700;
                         color: #167C89;
                         text-align: center;
                        }

.StatutoryOrgansRole {
                   display: block;
                   position: relative;
                   width: 100%;
                   margin: 15px 0 5px 0;
                   font-size: 15pt;
                   font-weight: 600;
                   color: #167C89;
                 }

.StatutoryOrgansRoleView {
                  display: inline-block;
                  position: relative;
                  width: 180px;
                  margin: 15px 0 5px 0;
                  font-size: 14pt;
                  font-weight: 600;
                  color: #167C89;
                }

.StatutoryOrgansNewItem {
                  display: inline-block;
                  position: relative;
                  width: 90%;
                  margin: 15px 0 5px 0;
                  padding-top: 5px;
                  border-top: 2px solid #167C89;
                  font-size: 14pt;
                  color: #167C89;
                }

.StatutoryOrgansRoleName {
                  display: inline-block;
                  position: relative;
                  width: 350px;
                  margin: 15px 0 5px 0;
                  font-size: 16pt;
                  font-weight: 600;
                  color: #ff7700;
                }

.StatutoryOrgansRoleAction {
                        display: inline-block;
                        position: relative;
                        width: 80px;
                      }


.StaturyOrgansLabelFormField {
                          display: inline-block;
                          width: 75px;
                          text-align: right;
                          color: #167C89;
                          font-size: 10pt;
                         }

.StaturyOrgansLabelDataFormField {
                          display: inline-block;
                          width: 100%;
                          text-align: center;
                          font-weight: 700;
                          color: #167C89;
                          font-size: 14pt;
                         }

input[type=text].StaturyOrgansFieldForm {
                                      display: inline-block;
                                      position: relative;
                                      width: 200px;
                                      border: 1px solid #167C89;
                                      color:#167C89;
                                      border-radius: 8px;
                                      text-align: center;
                                      font-size: 12pt;
                                    }

input[type=date].StaturyOrgansFieldForm {
                                      display: inline-block;
                                      position: relative;
                                      width: 200px;
                                      border: 1px solid #167C89;
                                      color:#167C89;
                                      border-radius: 8px;
                                      text-align: center;
                                      font-size: 16pt;
                                    }

input[type=text].StaturyOrgansFieldForm:focus,
input[type=date].StaturyOrgansFieldForm:focus {
                                            box-shadow: 0 0 5px #167C89;
                                            outline: none;
                                          }

.StaturyOrgansChangeLabelFormField {
                                 display: inline-block;
                                 width: 240px;
                                 text-align: right;
                                 color: #167C89;
                                 font-size: 13pt;
                               }
              
.StaturyOrgansChangeLabelDataFormField {
                                    display: inline-block;
                                    width: 240px;
                                    text-align: right;
                                    color: #167C89;
                                    font-size: 13pt;
                                   }
              
input[type=text].StaturyOrgansChangeFieldForm {
                                            display: inline-block;
                                            position: relative;
                                            width: 240px;
                                            border: 1px solid #167C89;
                                            color:#167C89;
                                            margin-bottom: 10px;
                                            border-radius: 8px;
                                            text-align: center;
                                            font-size: 14pt;
                                          }
              
input[type=date].StaturyOrgansChangeFieldForm {
                                            display: inline-block;
                                            position: relative;
                                            width: 240px;
                                            border: 1px solid #167C89;
                                            color:#167C89;
                                            margin-bottom: 10px;
                                            border-radius: 8px;
                                            text-align: center;
                                            font-size: 14pt;
                                          }
              
input[type=text].StaturyOrgansChangeFieldForm:focus,
input[type=date].StaturyOrgansChangeFieldForm:focus {
                                                  box-shadow: 0 0 5px #167C89;
                                                  outline: none;
                                                }

.StatuteBox {
          text-align: justify;
        }

.ContactIcon {
           display: inline-block;
           position: relative;
           width: 50px;
           height: 50px;
           color: #167C89;
           text-align: center;
           font-size: 25pt;
         }

.ContactText {
          display: inline-block;
          position: relative;
          width: 300px;
          height: 50px;
          color: #167C89;
          font-size: 15pt;
         }

.ContentListViewBox {
                  display: inline-block;
                  text-align: center;
                  position: relative;
                  width: 90%; 
                  border: 1px solid #167C89;
                  border-radius: 5px;
                  padding: 15px;
                  margin: 10px 0 10px 35px;
                }

.ContentListViewTitle {
                    text-align: center;
                    font-size: 12pt;
                    color: #167C89;
                    padding-bottom: 6px;
                    font-weight: 800;
                  }

.ContentListViewDescription {
                          text-align: justify;
                          font-size: 9pt; 
                          color: #167C89;
                          padding-bottom: 6px;
                          font-weight: normal;
                        }

.ContentListViewContent {
                      text-align: justify;
                      font-size: 11pt; 
                      color: #167C89;
                      padding-bottom: 6px;
                      font-weight: normal;
                      white-space: nowrap; 
                      overflow: hidden !important; 
                      text-overflow: ellipsis;
                    }

.ContentListViewDateViews {
                        text-align: right;
                        font-size: 8pt;
                        padding-bottom: 8px;
                        color: #167C89;
                      }

.ContentListViewThumbailBox {
                          display: inline-block; 
                          position: float; 
                          width: 100%; 
                          height: 100%; 
                          text-align: center;
                        }

.ContentListViewThumbailBoxPicture {
                                 display: table-cell; 
                                 width: 100%; 
                                 height: 100%; 
                                 vertical-align: middle; 
                                 margin: 0; 
                                 padding: 0;
                               }

.ContentListViewThumbailPicture {
                              max-width: 40%; 
                              max-height: 40%;
                              margin: 0 5px;
                            }

.ContentViewBox {
              display: inline-block; 
              position: relative; 
              width: 100%; 
              white-space: wrap; 
              border: 1px solid #167C89; 
              padding: 15px; 
              margin: 5px;
            }

.ContentViewTitle {
                text-align: center; 
                font-size: 12pt; 
                color: #167C89; 
                font-weight: 800;
              }

.ContentViewDescription {
                      text-align: justify; 
                      font-size: 9pt; 
                      color: #167C89; 
                      padding-bottom: 6px; 
                      font-weight: normal;
                    }

.ContentViewViews {
                text-align: right; 
                font-size: 10pt; 
                color: #167C89;
              }

.FormErrorMessage {
                color: red;
                font-size: 9pt;
                font-weight: 700;
               }

.TextHereLink {
           font-weight: 700; 
           color: #167C89;
           text-decoration: none; 
         }

.TextHereLink:hover {
                  color: #FF7700;
                }

.ComponentCardButton {
                      text-align: right; 
                      font-size: 9pt;
                     }

.ComponentPhotoTitle {
                  display: block;
                  position: relative; 
                  margin-left: 5px; 
                  padding: 5px 10px; 
                  width: 100%; 
                  border-radius: 8px; 
                  color: white; 
                  font-size: 16pt; 
                  background-image: 
                  linear-gradient(to right, rgba(22,134,137,1), rgba(22,134,137,0));
                 }

.ComponentPhotoBox {
                display: inline-block; 
                text-align: center; 
                position: relative; 
                width: 350px; 
                border: 1px solid grey; 
                padding: 15px; 
                margin: 10px 0 10px 35px;
               }

.ComponentPhotoBoxAlbumname {
                         text-align: left; 
                         font-size: 9pt; 
                         padding-bottom: 6px; 
                         font-weight: 800;
                        }
                        
.ComponentPhotoBoxInfo {
                     text-align: right; 
                     font-size: 8pt; 
                     padding-bottom: 8px; 
                     color: grey;
                   }

.ComponentPhotoBoxPictureThumbail {
                                display: inline-block; 
                                position: float; 
                                width: 150px; 
                                height: 150px; 
                                text-align: center;
                              }

.ComponentPhotoBoxPictureContainer {
                                display: table-cell; 
                                width: 100%; 
                                height: 100%; 
                                vertical-align: middle; 
                                margin: 0; 
                                padding: 0;
                               }

.ComponentPhotoBoxPicture {
                       max-width: 140px; 
                       max-height: 140px;
                      }

.ComponentVideoTitle {
                      display: block; 
                      position: relative; 
                      margin-left: 5px; 
                      padding: 5px 10px; 
                      width: 100%; 
                      border-radius: 8px; 
                      color: white; 
                      font-size: 16pt; 
                      background-image: linear-gradient(to right, rgba(22,134,137,1), rgba(22,134,137,0));
                     }
  
.ComponentVideoBox {
                    display: inline-block; 
                    position: relative; 
                    width: 350px; 
                    border: 1px solid grey; 
                    padding: 15px; 
                    margin: 10px 0 10px 35px;
                   }
  
.ComponentVideoBoxTitle {
                         text-align: left; 
                         font-size: 9pt; 
                         padding-bottom: 6px; 
                         font-weight: 800;
                        } 
                              
.ComponentVideoBoxInfo {
                        text-align: right; 
                        font-size: 8pt; 
                        padding-bottom: 8px; 
                        color: grey;
                       }

.ComponentVideoViewBox {
                        position: relative;
                        padding-bottom: 200px;
                        height: 0;
                       }
                                 
.ComponentVideoView {
                     position: absolute;
                     top: 0;
                     left: 0;
                     width: 100%;
                     height: 100%;
                    }

.ComponentPressArticleTitle {
                             display: block; 
                             position: relative; 
                             margin-left: 5px; 
                             padding: 5px 10px; 
                             width: 100%; 
                             border-radius: 8px; 
                             color: white; 
                             font-size: 16pt; 
                             background-image: linear-gradient(to right, rgba(22,134,137,1), rgba(22,134,137,0));
                            }
    
.ComponentPressArticleBox {
                           display: inline-block; 
                           position: relative; 
                           width: 350px; 
                           border: 1px solid grey; 
                           padding: 15px; 
                           margin: 10px 0 10px 35px;
                          }

.ComponentPressArticleBoxTitle {
                                text-align: left; 
                                font-size: 9pt; 
                                padding-bottom: 6px; 
                                font-weight: 800;
                               }                          

.ComponentPressArticleBoxInfo {
                               text-align: right; 
                               font-size: 8pt; 
                               padding-bottom: 8px; 
                               color: grey;
                              }                               

.ComponentAnnualReportTitle {
                             display: block; 
                             position: relative; 
                             margin-left: 5px; 
                             padding: 5px 10px; 
                             width: 100%; 
                             border-radius: 8px; 
                             color: white; 
                             font-size: 16pt; 
                             background-image: linear-gradient(to right, rgba(22,134,137,1), rgba(22,134,137,0));
                            }
   
.ComponentAnnualReportBox {
                           display: inline-block;
                           position: relative;
                           width: 350px; 
                           border: 1px solid grey; 
                           padding: 15px; 
                           margin: 10px 0 10px 35px;
                          }
   
.ComponentPressAnnualReportTitle {
                                  text-align: left; 
                                  font-size: 9pt; 
                                  padding-bottom: 6px; 
                                  font-weight: 800;
                                 }
   
.ComponentPressArticleBoxInfo {
                               text-align: right; 
                               font-size: 8pt; 
                               padding-bottom: 8px; 
                               color: grey;
                              }

.notice-datetime {
                  display: block; 
                  text-align: right; 
                  font-size: 10pt;
                 }

.notice-title {
               display: block; 
               font-weight: bold;
              }

}