body {
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-size: 12px;
   font-weight: normal;
   line-height: 1;
   margin: 0;
   padding: 0;
}
a {
   color: #0000FF;
   text-decoration: underline;
}
a:visited {
   color: #800080;
}
a:active {
   color: #FF0000;
}
a:hover {
   color: #0000FF;
   text-decoration: underline;
}
input:focus,
textarea:focus,
select:focus {
   outline: none;
}
.CustomStyle2 {
   background-color: #D8D8D8;
   background-image: linear-gradient(to bottom, #D8D8D8 0%, #E6E6E6 50%, #E6E6E6 50%, #D8D8D8 100%);
   color: #393939;
   font-family: Arial;
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
}
.CustomStyle1 {
   background-color: #A5A5A5;
   background-image: linear-gradient(to bottom, #A5A5A5 0%, #D8D8D8 50%, #D8D8D8 50%, #A5A5A5 100%);
   border-radius: 5px;
   color: #393939;
   font-family: Arial;
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
}
@media only screen and (max-width: 1023px) {
}
#wb_templateLayoutGrid1 {
   box-sizing: border-box;
   clear: both;
   display: table;
   margin: 0;
   position: -webkit-sticky;
   position: sticky;
   table-layout: fixed;
   text-align: center;
   top: 0;
   width: 100%;
   z-index: 7776;
}
#templateLayoutGrid1 {
   -webkit-flex-direction: row;
   -webkit-flex-wrap: wrap;
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   margin-left: auto;
   margin-right: auto;
   padding: 2px 0 2px 0;
}
#templateLayoutGrid1 > .col-1 {
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-left: 10px;
   padding-right: 10px;
   position: relative;
}
#templateLayoutGrid1 > .col-1 {
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#templateLayoutGrid1 > .col-1 {
   -webkit-align-content: center;
   -webkit-align-items: center;
   -webkit-align-self: stretch;
   -webkit-flex-wrap: wrap;
   -webkit-justify-content: flex-start;
   align-content: center;
   align-items: center;
   align-self: stretch;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   display: -webkit-flex;
   display: flex;
   flex-basis: 100%;
   flex-wrap: wrap;
   justify-content: flex-start;
   max-width: 100%;
   text-align: left;
}
@media (max-width: 480px) {
#templateLayoutGrid1 > .col-1 {
   -webkit-flex-basis: 100%  !important;
   flex-basis: 100%  !important;
   max-width: 100%  !important;
}
}
#loginLabel1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   box-sizing: border-box;
   color: #646E7D;
   font-family: Arial;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   vertical-align: top;
}
#loginLabel2 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   box-sizing: border-box;
   color: #FF5000;
   font-family: Arial;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   vertical-align: top;
}
#usuario {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   line-height: 16px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#usuario:focus {
   border-color: #004EC0;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,78,192,0.60);
   outline: 0;
}
#Label1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   vertical-align: top;
}
#senha {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   line-height: 16px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
}
#senha:focus {
   border-color: #004EC0;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,78,192,0.60);
   outline: 0;
}
#Label2 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   vertical-align: top;
}
#mainLabel1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   vertical-align: top;
}
#contrato {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px;
   box-sizing: border-box;
   color: #000000;
   font-family: Arial;
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   margin: 0;
   padding: 4px 4px 4px 4px;
}
#contrato:focus {
   border-color: #004EC0;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(0,78,192,0.60);
   outline: 0;
}
#wb_page1Text1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_page1Text1 div {
   text-align: center;
}
#indexThemeableButton1 {
   border-style: solid;
   border-width: 0px;
   font-family: Arial;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   margin: 0;
   padding: 0;
   text-align: center;
   vertical-align: top;
}
#indexThemeableButton1 .ui-button {
   padding: 0;
   position: absolute;
}
#indexThemeableButton1.ui-corner-all {
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
}
#indexThemeableButton1.ui-corner-all {
   border-bottom-right-radius: 4px;
   border-top-right-radius: 4px;
}
#wb_templateLayoutGrid2 {
   bottom: 0;
   box-sizing: border-box;
   clear: both;
   display: table;
   left: 0;
   margin: 0;
   position: fixed;
   table-layout: fixed;
   text-align: center;
   width: 100%;
   z-index: 7777;
}
#templateLayoutGrid2 {
   -webkit-flex-direction: row;
   -webkit-flex-wrap: wrap;
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   margin-left: auto;
   margin-right: auto;
   padding: 1px 0 1px 0;
}
#templateLayoutGrid2 > .col-1 {
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-left: 5px;
   padding-right: 5px;
   position: relative;
}
#templateLayoutGrid2 > .col-1 {
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#templateLayoutGrid2 > .col-1 {
   -webkit-align-content: center;
   -webkit-align-items: center;
   -webkit-align-self: stretch;
   -webkit-flex-wrap: wrap;
   -webkit-justify-content: flex-start;
   align-content: center;
   align-items: center;
   align-self: stretch;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   display: -webkit-flex;
   display: flex;
   flex-basis: 100%;
   flex-wrap: wrap;
   justify-content: flex-start;
   max-width: 100%;
   text-align: left;
}
@media (max-width: 480px) {
#templateLayoutGrid2 > .col-1 {
   -webkit-flex-basis: 100%  !important;
   flex-basis: 100%  !important;
   max-width: 100%  !important;
}
}
#indexThemeableButton1 {
   height: 24px;
   left: 70px;
   position: absolute;
   top: 274px;
   width: 111px;
   z-index: 8;
}
#mainLabel1 {
   height: 16px;
   left: 8px;
   line-height: 16px;
   position: absolute;
   top: 146px;
   width: 106px;
   z-index: 4;
}
#usuario {
   height: 16px;
   left: 8px;
   position: absolute;
   top: 115px;
   width: 224px;
   z-index: 7;
}
#contrato {
   height: 30px;
   left: 8px;
   position: absolute;
   top: 170px;
   width: 173px;
   z-index: 5;
}
#Layer1 {
   bottom: 0;
   height: 313px;
   left: 0;
   margin-bottom: auto;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   width: 250px;
   z-index: 11;
}
#loginLabel2 {
   display: block;
   line-height: 15px;
   width: 100%;
   z-index: 9;
}
#wb_page1Text1 {
   height: 30px;
   left: 40px;
   position: absolute;
   text-align: center;
   top: 35px;
   width: 171px;
   z-index: 6;
}
#Label2 {
   height: 16px;
   left: 8px;
   line-height: 16px;
   position: absolute;
   top: 202px;
   width: 109px;
   z-index: 3;
}
#Layer1_Container {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   text-align: left;
   width: 1022px;
}
#senha {
   height: 16px;
   left: 8px;
   position: absolute;
   top: 226px;
   width: 125px;
   z-index: 2;
}
#Label1 {
   height: 16px;
   left: 8px;
   line-height: 16px;
   position: absolute;
   top: 91px;
   width: 106px;
   z-index: 1;
}
#loginLabel1 {
   display: block;
   line-height: 15px;
   width: 100%;
   z-index: 0;
}
@media only screen and (max-width: 1023px) {
body {
   background-color: #FFFFFF;
   background-image: none;
}
#wb_templateLayoutGrid1 {
   display: table;
   visibility: visible;
}
#wb_templateLayoutGrid1 {
   margin-bottom: 0px;
   margin-top: 0px;
}
#templateLayoutGrid1 {
   padding: 2px 0 2px 0;
}
#loginLabel1 {
   display: block;
   height: 23px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   visibility: visible;
   width: 100%;
}
#loginLabel1 {
   line-height: 15px;
}
#loginLabel2 {
   display: block;
   height: 23px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   visibility: visible;
   width: 100%;
}
#loginLabel2 {
   line-height: 15px;
}
#Layer1 {
   display: block;
   height: 315px;
   visibility: visible;
   width: 252px;
}
#Layer1_Container {
   width: 480px;
}
#usuario {
   display: inline;
   height: 18px;
   left: 9px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 116px;
   visibility: visible;
   width: 226px;
}
#usuario {
   line-height: 18px;
}
#Label1 {
   display: inline;
   height: 16px;
   left: 9px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 92px;
   visibility: visible;
   width: 106px;
}
#Label1 {
   line-height: 16px;
}
#senha {
   display: inline;
   height: 18px;
   left: 9px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 225px;
   visibility: visible;
   width: 127px;
}
#senha {
   line-height: 18px;
}
#Label2 {
   display: inline;
   height: 16px;
   left: 9px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 205px;
   visibility: visible;
   width: 109px;
}
#Label2 {
   line-height: 16px;
}
#mainLabel1 {
   display: inline;
   height: 16px;
   left: 9px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   text-align: left;
   top: 150px;
   visibility: visible;
   width: 106px;
}
#mainLabel1 {
   line-height: 16px;
}
#contrato {
   display: inline;
   height: 30px;
   left: 9px;
   margin: 0;
   padding: 4px 4px 4px 4px;
   top: 171px;
   visibility: visible;
   width: 173px;
}
#wb_page1Text1 {
   display: inline;
   height: 30px;
   left: 41px;
   top: 36px;
   visibility: visible;
   width: 171px;
}
#wb_page1Text1 {
   margin: 0;
   padding: 0;
}
#indexThemeableButton1 {
   display: inline;
   height: 24px;
   left: 71px;
   margin: 0;
   top: 276px;
   visibility: visible;
   width: 111px;
}
#indexThemeableButton1 {
   font-size: 12px;
   padding: 0;
}
#wb_templateLayoutGrid2 {
   display: table;
   visibility: visible;
}
#wb_templateLayoutGrid2 {
   margin-bottom: 0px;
   margin-top: 0px;
}
#templateLayoutGrid2 {
   padding: 1px 0 1px 0;
}
#templateLayoutGrid2 > .col-1 {
   padding-left: 5px;
   padding-right: 5px;
}
#templateLayoutGrid2 > .col-1 {
   -webkit-align-content: center;
   -webkit-align-items: center;
   -webkit-flex-basis: 100%;
   -webkit-justify-content: flex-start;
   align-content: center;
   align-items: center;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   display: flex;
   flex-basis: 100%;
   justify-content: flex-start;
   max-width: 100%;
   text-align: left;
}
}
.loadTemplate {
   align-items: center;
   background: #FFFFFF;
   display: flex;
   height: 100vh;
   justify-content: center;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 999;
}
.loadTemplate h3 {
   color: #000;
   font-family: sans-serif;
   font-size: 20px;
   position: absolute;
   top: 60%;
   transform: translateY(-60%);
}
.loader {
   height: 200px;
}
section img {
   height: 200px;
}