* 

{

   box-sizing: border-box;

}

body

{

   background-color: #FFFFFF;

   margin: 6px;

   font-size: 20px;

   font-family: "Bookman Old Style";

   font-weight: normal;

   text-decoration: none;

   color: #008080;

}

th

{

   font-size: 20px;

   font-family: "Bookman Old Style";

   font-weight: normal;

   text-decoration: none;

   background-color: #337AB7;

   color: #FFFFFF;

   text-align: left;

}

td

{

   font-size: 15px;

   font-family: "Bookman Old Style";

   font-weight: normal;

   text-decoration: none;

   color: #008080;

}

input, select

{

   font-size: 20px;

   font-family: "Bookman Old Style";

   font-weight: normal;

   text-decoration: none;

   color: #008080;

   border:1px #008080 solid;

}

.clickable

{

   cursor: pointer;

}

.container

{

   max-width: 768px;

   margin: 0 auto 0 auto;

   padding: 15px;

   text-align: left;

   width: 100%;

}

td, th 

{

   padding: 0;

}

.table 

{

   background-color: transparent;

   border: 0px solid #FFFFFF;

   border-collapse: collapse;

   border-spacing: 0;

   max-width: 100%;

   width: 100%;

}

.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 #FFFFFF;

}

.table > thead > tr > th 

{

   vertical-align: bottom;

   border-bottom: 2px solid #FFFFFF;

}

.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

{

   background-color: #F5F5F5;

}

.table-striped>tbody>tr:nth-child(odd)>td

{

   background-color: #F9F9F9;

}

th

{

   background-color: #337AB7;

   color: #FFFFFF;

   font-weight: bold;

}

.form-control 

{

   display: block;

   width: 100%;

   margin-bottom: 15px;

   padding: 6px 12px;

   font-family: "Bookman Old Style";

   font-size: 20px;

   line-height: 1.4285;

   color: #555555;

   background-color: #FFFFFF;

   background-image: none;

   border: 1px solid #CCCCCC;

   border-radius: 4px;

   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: #66AFE9;

   outline: 0;

   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);

}

label

{

   display: block;

   padding: 6px 0px;

   text-align: left;

}

.btn

{

   display: inline-block;

   padding: 6px 12px;

   margin-bottom: 0px;

   font-family: "Bookman Old Style";

   font-weight: normal;

   font-size: 20px;

   text-align: center;

   text-decoration: none;

   white-space: nowrap;

   vertical-align: middle;

   cursor: pointer;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   background-color: #337AB7;

   border: 1px solid #2E6DA4;

   border-radius: 4px;

   color: #FFFFFF;

}

#header

{

   margin-bottom: 6px;

}

#filter

{

   float: right;

}

#filter input

{

   display: inline-block;

   vertical-align: middle;

   width: 16em;

   padding: 5px 10px;

}

#filter label

{

   display: inline-block;

   max-width: 100%;

   font-size: 20px;

   font-family: "Bookman Old Style";

}

.filter-hide

{

   display: none !important;

}

#pagination

{

   display: inline-block;

   list-style: none;

   padding: 0;

   border-radius: 4px;

   font-family: "Bookman Old Style";

   font-weight: normal;

   font-size: 0;

}

#pagination > li

{

   display: inline;

   font-size: 20px;

}

#pagination > li > a, #pagination > li > span

{

   position: relative;

   float: left;

   padding: 6px 12px 6px 12px;

   text-decoration: none;

   background-color: #FFFFFF;

   border: 1px #FFFFFF solid;

   color: #337AB7;

   margin-left: -1px;

}

#pagination > li:first-child > a, #pagination > li:first-child > span

{

   margin-left: 0;

   border-bottom-left-radius: 4px;

   border-top-left-radius: 4px;

}

#pagination > li:last-child > a, #pagination > li:last-child > span

{

   border-bottom-right-radius: 4px;

   border-top-right-radius: 4px;

}

#pagination > li > a:hover, #pagination > li > span:hover, #pagination > li > a:focus, #pagination > li > span:focus 

{

   background-color: #CCCCCC;

   color: #23527C;

}

#pagination > .active > a, #pagination > .active > span, #pagination > .active > a:hover, #pagination > .active > span:hover, #pagination > .active > a:focus, #pagination > .active > span:focus

{

   z-index: 2;

   background-color: #337AB7;

   border-color: #337AB7;

   color: #FFFFFF;

   cursor: default;

}

#pagination > .disabled > span, #pagination > .disabled > span:hover, #pagination > .disabled > span:focus, #pagination > .disabled > a, #pagination > .disabled > a:hover, #pagination > .disabled > a:focus 

{

   background-color: #FFFFFF;

   color: #777777;

   cursor: not-allowed;

}

.paginate-show

{

   display: table-row;

}

.paginate-hide

{

   display: none;

}

#footer

{

   margin-top: 10px;

   text-align:right;

}

.icon-edit, .icon-delete

{

   display: inline-block;

}

.icon-edit::before

{

   display: inline-block;

   width: 20px;

   height: 20px;

   content: " ";

   background: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20width%3D%2220%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20style%3D%22fill%3A%23008080%22%20transform%3D%22scale%280.0112%29%22%3E%0D%0A%3Cpath%20transform%3D%22rotate%28180%29%20scale%28-1%2C1%29%20translate%280%2C-1536%29%22%20d%3D%22M363%200l91%2091l-235%20235l-91%20-91v-107h128v-128h107zM886%20928q0%2022%20-22%2022q-10%200%20-17%20-7l-542%20-542q-7%20-7%20-7%20-17q0%20-22%2022%20-22q10%200%2017%207l542%20542q7%207%207%2017zM832%201120l416%20-416l-832%20-832h-416v416zM1515%201024q0%20-53%20-37%20-90l-166%20-166l-416%20416l166%20165q36%2038%2090%2038q53%200%2091%20-38l235%20-234q37%20-39%2037%20-91z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;

}

.icon-delete::before

{

   display: inline-block;

   width: 20px;

   height: 20px;

   content: " ";

   background: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20width%3D%2220%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20style%3D%22fill%3A%23008080%22%20transform%3D%22scale%280.0112%29%22%3E%0D%0A%3Cpath%20transform%3D%22rotate%28180%29%20scale%28-1%2C1%29%20translate%280%2C-1536%29%22%20d%3D%22M1298%20214q0%20-40%20-28%20-68l-136%20-136q-28%20-28%20-68%20-28t-68%2028l-294%20294l-294%20-294q-28%20-28%20-68%20-28t-68%2028l-136%20136q-28%2028%20-28%2068t28%2068l294%20294l-294%20294q-28%2028%20-28%2068t28%2068l136%20136q28%2028%2068%2028t68%20-28l294%20-294l294%20294q28%2028%2068%2028t68%20-28l136%20-136q28%20-28%2028%20-68t-28%20-68l-294%20-294l294%20-294q28%20-28%2028%20-68z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;

}

div#container
{
   width: 871px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #008080;
   font-family: "Bookman Old Style";
   font-weight: normal;
   font-size: 20px;
   line-height: 1;
   margin: 0;
   text-align: center;
}