body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Extension1 *
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#wb_Extension1
{
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   overflow: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#wb_Extension1 a
{
   color: #000000;
}
#Extension1-pagination
{
   display: inline-block;
   list-style: none;
   padding: 0;
   border-radius: 4px;
   font-family: Arial;
   font-weight: normal;
   font-size: 0;
}
#Extension1-pagination > li
{
   display: inline;
   font-size: 13px;
}
#Extension1-pagination > li > a, #Extension1-pagination > li > span
{
   position: relative;
   float: left;
   padding: 6px 12px 6px 12px;
   text-decoration: none;
   background-color: #FFFFFF;
   border: 1px #DDDDDD solid;
   color: #8B008B;
   margin-left: -1px;
}
#Extension1-pagination > li:first-child > a, #Extension1-pagination > li:first-child > span
{
   margin-left: 0;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-bottom-left-radius: 4px;
   border-bottom-left-radius: 4px;
   -webkit-border-top-left-radius: 4px;
   -moz-border-top-left-radius: 4px;
   border-top-left-radius: 4px;
}
#Extension1-pagination > li:last-child > a, #Extension1-pagination > li:last-child > span
{
   -webkit-border-bottom-right-radius: 4px;
   -moz-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -moz-border-top-right-radius: 4px;
   border-top-right-radius: 4px;
}
#Extension1-pagination > li > a:hover, #Extension1-pagination > li > span:hover, #Extension1-pagination > li > a:focus, #Extension1-pagination > li > span:focus 
{
   background-color: #CCCCCC;
   color: #23527C;
}
#Extension1-pagination > .active > a, #Extension1-pagination > .active > span, #Extension1-pagination > .active > a:hover, #Extension1-pagination > .active > span:hover, #Extension1-pagination > .active > a:focus, #Extension1-pagination > .active > span:focus
{
   z-index: 2;
   background-color: #8B008B;
   border-color: #8B008B;
   color: #FFFFFF;
   cursor: default;
}
#Extension1-pagination > .disabled > span, #Extension1-pagination > .disabled > span:hover, #Extension1-pagination > .disabled > span:focus, #Extension1-pagination > .disabled > a, #Extension1-pagination > .disabled > a:hover, #Extension1-pagination > .disabled > a:focus 
{
   background-color: #FFFFFF;
   color: #777777;
   cursor: not-allowed;
}
.clickable
{
   cursor: pointer;
}
#Extension1 th a
{
   color: #000000;
   text-decoration: none;
}
#Extension1 th a:hover
{
   text-decoration: underline;
}
table 
{
   border-collapse: collapse;
   border-spacing: 0;
}
td, th 
{
   padding: 0;
}
table 
{
   max-width: 100%;
   background-color: transparent;
}
.table 
{
   width: 100%;
   margin-bottom: 20px;
}
.panel 
{
   margin-bottom: 20px;
   background-color: #FFFFFF;
   border: 1px solid #8B008B;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
   box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
}
.panel-heading 
{
   padding: 10px 15px;
   border-bottom: 1px solid transparent;
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
   color: #FFFFFF;
   background-color: #8B008B;
   border-color: #8B008B;
}
.panel-body
{
   padding: 15px;
}
.panel > :last-child.table > tbody:last-child > tr:last-child td:first-child, .panel > :last-child.table-responsive > :last-child.table > tbody:last-child > tr:last-child td:first-child, .panel > :last-child.table > tfoot:last-child > tr:last-child td:first-child, .panel > :last-child.table-responsive > :last-child.table > tfoot:last-child > tr:last-child td:first-child, .panel > :last-child.table > tbody:last-child > tr:last-child th:first-child, .panel > :last-child.table-responsive > :last-child.table > tbody:last-child > tr:last-child th:first-child, .panel > :last-child.table > tfoot:last-child > tr:last-child th:first-child, .panel > :last-child.table-responsive > :last-child.table > tfoot:last-child > tr:last-child th:first-child 
{
   border-bottom-left-radius: 4px;
}
.panel > :last-child.table > tbody:last-child > tr:last-child td:last-child, .panel > :last-child.table-responsive > :last-child.table > tbody:last-child > tr:last-child td:last-child, .panel > :last-child.table > tfoot:last-child > tr:last-child td:last-child, .panel > :last-child.table-responsive > :last-child.table > tfoot:last-child > tr:last-child td:last-child, .panel > :last-child.table > tbody:last-child > tr:last-child th:last-child, .panel > :last-child.table-responsive > :last-child.table > tbody:last-child > tr:last-child th:last-child, .panel > :last-child.table > tfoot:last-child > tr:last-child th:last-child, .panel > :last-child.table-responsive > :last-child.table > tfoot:last-child > tr:last-child th:last-child 
{
   border-bottom-right-radius: 4px;
}
.panel > .table, .panel > .table-responsive > .table 
{
   margin-bottom: 0px;
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive 
{
   border-top: 1px solid #DDDDDD;
}
th
{
   text-align: left;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td 
{
   padding: 8px;
   line-height: 1.4285;
   vertical-align: top;
   border-top: 1px solid #DDDDDD;
}
.table > thead > tr > th 
{
   vertical-align: bottom;
   border-bottom: 2px solid #DDDDDD;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td 
{
   border-top: 0;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th 
{
   background-color: #F5F5F5;
}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th 
{
   background-color: #F9F9F9;
}
.form-control 
{
   display: block;
   width: 100%;
   height: 34px;
   padding: 6px 12px;
   font-family: Arial;
   font-size: 13px;
   line-height: 1.4285;
   color: #555555;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus 
{
   border-color: #EE82EE;
   outline: 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(238,130,238,0.60);
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(238,130,238,0.60);
}
.panel-title 
{
   display: inline-block;
   margin-top: 0px;
   margin-bottom: 0px;
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   font-style: normal;
   color: inherit;
}
.pull-right 
{
   float: right !important;
}
.panel-heading div span 
{
   margin-left: 5px;
}
.panel-body
{
   display: none;
}
#wb_Extension1 .menu-icon
{
   font-size: 13px;
   width: 13px;
}
.filter-hide
{
   display: none !important;
}
.paginate-show
{
   display: table-row;
}
.paginate-hide
{
   display: none;
}
#Extension1 .arrow-up
{
   display: inline-block;
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-bottom: 5px solid #000000;
}
#Extension1 .arrow-down
{
   display: inline-block;
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 5px solid #000000;
}
#wb_Icon1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon1 a
{
   text-decoration: none;
}
#wb_Icon1 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon1
{
   height: 20px;
   width: 20px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon1 i
{
   color: #8B008B;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   vertical-align: middle;
}
#wb_Icon1:hover #Icon1 i
{
   color: #F0F8FF;
}
#Button1
{
   box-sizing: border-box;
   line-height: 25px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #8B008B;
   border-radius: 4px;
   background-color: #9932CC;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button1:focus
{
   outline: 0;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Icon1
{
   position: absolute;
   left: 691px;
   top: 958px;
   width: 20px;
   height: 20px;
   text-align: center;
   z-index: 5;
}
#Button1
{
   position: absolute;
   left: 58px;
   top: 914px;
   width: 652px;
   height: 29px;
   z-index: 6;
}
#text_zoomer
{
   color: #C71585;
   font-size: 1px;
   font-family: "Arial";
   font-weight: bold;
   font-style: normal;
   text-align: center;
   text-decoration: none;
}
#wb_Extension1
{
   position: absolute;
   left: 58px;
   top: 309px;
   width: 653px;
   height: 579px;
   z-index: 3;
}
#gradienttext
{
   color: %fontcolor%;
   font-size: 85px;
   font-family: "Arial";
   font-weight: bold;
   font-style: normal;
   text-align: left;
   text-decoration: none;
}
#wb_Text1
{
   position: absolute;
   left: 58px;
   top: 215px;
   width: 653px;
   height: 45px;
   z-index: 2;
}
#wb_Text2
{
   position: absolute;
   left: 324px;
   top: 87px;
   width: 233px;
   height: 51px;
   z-index: 7;
}
#wb_JavaScript3
{
   position: absolute;
   left: 61px;
   top: 958px;
   width: 619px;
   height: 20px;
   z-index: 4;
}
#wb_JavaScript2
{
   position: absolute;
   left: 57px;
   top: 157px;
   width: 654px;
   height: 30px;
   z-index: 1;
}
#wb_JavaScript1
{
   position: absolute;
   left: 57px;
   top: 38px;
   width: 654px;
   height: 149px;
   z-index: 0;
}
#copyrightnotice
{
   color: #800080;
   font-size: 13px;
   font-family: "Arial";
   font-weight: normal;
   font-style: normal;
   text-align: center;
   text-decoration: none;
}
@media only screen and (max-width: 969px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_JavaScript1
{
   left: 57px;
   top: 38px;
   width: 654px;
   height: 149px;
   visibility: visible;
   display: inline;
}
#wb_JavaScript2
{
   left: 57px;
   top: 157px;
   width: 654px;
   height: 30px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   left: 58px;
   top: 215px;
   width: 653px;
   height: 45px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   margin: 0;
   padding: 0;
}
#wb_Extension1
{
   left: 58px;
   top: 309px;
   width: 653px;
   height: 579px;
   visibility: visible;
   display: inline;
}
#wb_Extension1, #Extension1-pagination > li, #wb_Extension1 .menu-icon, .form-control, .panel-title
{
   font-size: 13px;
}
#wb_JavaScript3
{
   left: 61px;
   top: 958px;
   width: 619px;
   height: 20px;
   visibility: visible;
   display: inline;
}
#wb_Icon1
{
   left: 691px;
   top: 958px;
   width: 20px;
   height: 20px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
   color: #8B008B;
}
#Icon1
{
   width: 20px;
   height: 20px;
}
#Icon1 i
{
   line-height: 20px;
   font-size: 20px;
   width: 19px;
   color: #8B008B;
}
#Icon1:hover i
{
   color: #DA70D6;
}
#Button1
{
   left: 58px;
   top: 914px;
   width: 652px;
   height: 29px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button1
{
   line-height: 25px;
}
}
