
/*Document Library*/

.search_block > ul {
display:flex;
margin:0px;
list-style:none;
padding:0px;
}

.search_block > ul > li {
margin:0px;
list-style:none;
padding:0px 10px 20px 0px;
width:33%;
text-align:left;
box-sizing:border-box;
}

.search_block > ul > li > label {
display:inline-block;
min-width:80px;
text-transform: uppercase;
padding-bottom:7px;
}

.search_block > ul > li input[type="text"] {
background:transparent;
color:#ffffff;
font-size:16px;
width:100%;
}

.search_block > ul > li.search_buttons {
min-width:270px;
padding-top:29px;
}

.search_block ::-webkit-input-placeholder {opacity:1; color:#ffffff;}
.search_block :-moz-placeholder {opacity:1; color:#ffffff;}
.search_block ::-moz-placeholder {opacity:1; color:#ffffff;}
.search_block :-ms-input-placeholder {opacity:1; color:#ffffff;}

.search_block.keyword_search_block ::-webkit-input-placeholder {opacity:1; color:#3b3b3b;}
.search_block.keyword_search_block :-moz-placeholder {opacity:1; color:#3b3b3b;}
.search_block.keyword_search_block ::-moz-placeholder {opacity:1; color:#3b3b3b;}
.search_block.keyword_search_block :-ms-input-placeholder {opacity:1; color:#3b3b3b;}

.search_block > ul > li.search_buttons input {
margin-right:6px;
width:120px;
}

.keyword_search_block div { 
display:inline-block;
margin:0px 0px 0px auto;
}

.search_block.keyword_search_block {padding:0px 0px 30px 0px;text-align:right;}

.keyword_search_block input {vertical-align:top;}
.keyword_search_block input.button_st1 {height:44px; padding:0px 25px;}
.keyword_search_block input[type="text"] {width:250px; margin-right:7px;}

.download_button {
list-style:none;
margin:0px;
padding:0px 0px 0px 0px;
}

.download_button > li {
list-style:none;
margin:0px;
padding:0px;
}

.download_button > li label {margin-right:10px;}

.input_st1 {width: 235px;}
.input_st2 {width: 112px;}
.input_st3 {width: 70px;}

.chbox_td {width:8%; text-align:right!important;}

.table_data_st2 { 
width:100%; 
margin-bottom:25px;
border-bottom:2px solid #353535;
}

.table_data_st2 tr td {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}

.table_data_st2 th {
padding:8px 12px 10px 12px;
text-align:left;
vertical-align: middle;
color:#353535;
border-bottom:2px solid #353535;
}

.table_data_st2 td {
padding:10px 12px 10px 12px;
text-align:left;
}

.table_data_st2 td:nth-child(3) {width:44%;}
.table_data_st2 td:nth-child(4) {width:17%;}
.table_data_st2 td:nth-child(1) {width:7%;}

.tr_alter td { background:#ececec!important;}

.td_left {
text-align:left!important;
}

.td_year {
text-align:left;
width:142px;
font-weight:bold;
}

.td_right { text-align:right!important;}

.chbox_td { width:25px; text-align:center!important;}

.table_data_st2 th .sorting { 
margin-left:7px; 
width:13px; 
display:inline-block;
}

.table_data_st2 th .sorting a {display:block; line-height:0px; font-size:0px;}

.table_data_st2 tr:hover td {background:#03b5c5!important; color:#ffffff;}
.table_data_st2 tr:hover td .checkbox_type > input[type="checkbox"] + span {border-color:#ffffff;}
.table_data_st2 tr:hover td a {color:#ffffff;}
.table_data_st2 tr td a:hover {text-decoration:underline;}

.arrow_up:before { 
content:"";
display:inline-block;
width: 0;
height: 0;
margin-bottom:2px;
border-style: solid;
border-width: 0 7px 7px 7px;
border-color: transparent transparent #353535 transparent;
}

.arrow_dn:before {
content:"";
display:inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 0 7px;
border-color: #353535 transparent transparent transparent;
}

.arrow_up_active:before {
content:"";
display:inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 7px 7px;
border-color: transparent transparent #03b5c5 transparent;	
}

.arrow_dn_active:before{
content:"";
display:inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 0 7px;
border-color: #03b5c5 transparent transparent transparent;
}

.arrow_dn:hover,
.arrow_up:hover { 
opacity:0.66;
}

.table_data_st2 td a { 
font-weight:normal;
color:#3f3f3f;
}

.paging_holder { 
padding:13px 0px 0px 0px; 
width:70%;
display:table;
float:left;
}

.button_download_holder {float:right;}

.paging { 
padding:0px; 
margin:0px; 
list-style:none; 
width:100%;
float:left;
}

.paging > li { 
padding:0px 20px 15px 0px; 
margin:0px; 
list-style:none; 
display:inline-block;
}

.paging li .button_st1 { margin-left:12px;}

.paging li label, .paging li input { vertical-align:middle;}

.goto label,
.paging li label {
margin-right:12px;
font-weight:bold;
line-height:44px;
}

.pages a {
margin: 0px 3px 0px 3px;
text-decoration: underline;
color: #3b3b3b;
border: 1px solid #ececec;
display: inline-block;
padding: 0px 7px;
line-height: 24px;
text-decoration: none;
background: #ececec;
}
.pages a.active {color:#ffffff; text-decoration:none; background:#03b5c5;}

.pages a:hover {color:#ffffff; text-decoration:none; background:#03b5c5; }

.next_page, .prev_page {
border: 0px!important;
background: transparent!important;
position: relative;
}

.prev_page:before {
width: 0;
height: 0;
border-style: solid;
border-width: 9px 12px 9px 0;
border-color: transparent #ff5a5f transparent transparent;
content: "";
position: absolute;
right: 2px;
top: 3px;
}

.next_page:before {
width: 0;
height: 0;
border-style: solid;
border-width: 9px 0 9px 12px;
border-color: transparent transparent transparent #ff5a5f;
content: "";
position: absolute;
left: 2px;
top: 3px;
}

.chbox_st1 {
margin:0px;
padding:0px;
}

.label_new { width:30px;}

.label_new span {
color:#ffffff;
background:#008fd6;
display:inline-block;
position:relative;
padding:0px 5px;
line-height:14px;
text-transform:uppercase;
font-size:10px;
}

.label_new span:after {
width: 0px;
height: 0px;
content:"";
border-style: solid;
border-width: 4.5px 0 4.5px 6px;
border-color: transparent transparent transparent #008fd6;
position:absolute;
right:-5px;
top:3px;
}

.td_center {text-align:center;}

.content_holder {width:100%; display:table; margin-bottom:60px;}
.content_holder aside {width:260px; display:table-cell; vertical-align:top; padding-top:0px;}
.content_holder .content_rightcol { display:table-cell; vertical-align:top; padding-left:40px;}

.content_holder aside ul {padding:0px; margin:0px; list-style:none;}
.content_holder aside > ul > li > ul {padding:13px 0px; border-top:1px solid #ffffff; margin:13px 0px 0px 0px;}

.content_holder aside > ul > li {
list-style:none;
margin:0px 0px 13px 0px;
padding:13px 12px;
display:block;
border:2px solid #bcbcbc;
cursor:pointer;
}

.content_holder aside > ul > li > a {color:#3b3b3b; text-transform:uppercase;display:block;}

.content_holder aside > ul > li > ul > li > a:before {
content:"\f061";
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: Font Awesome;
font-weight: bold;
margin-left:-22px;
width:22px;
font-size:12px;
color:transparent;
vertical-align:middle;
}

.content_holder aside > ul > li ul li a {
color:#ffffff;
display:block;
padding-left:22px;
}
.content_holder aside > ul > li ul li.sel a,
.content_holder aside > ul > li ul li.active a,
.content_holder aside > ul > li ul li a:hover {color:#ff5a5f;}

.content_holder aside > ul > li ul li.sel a:before,
.content_holder aside > ul > li ul li.active a:before,
.content_holder aside > ul > li ul li a:hover:before {
color:#ff5a5f;	
}

.content_holder aside ul li ul li {padding:0px 0px 8px 0px; margin:0px; list-style:none; font-size:16px;}

.content_holder aside > ul > li:hover {color:#ffffff; background:#353535;border-color:#353535;}
.content_holder aside > ul > li:hover a {color:#ffffff;}
.content_holder aside > ul > li.active,
.content_holder aside > ul > li.sel { background:#353535; border-color:#353535; }
.content_holder aside > ul > li.active a,
.content_holder aside > ul > li.sel a {color:#ffffff;}

@media (max-width: 1200px) { 
.table_data_st2 th,
.table_data_st2 td { padding-left:7px; padding-right:7px;}
.search_block > ul { width:100%; display:block;}
.search_block > ul > li {display:block; padding-right:0px; width:100%;}
.search_block > ul > li.search_buttons input {margin-top:0px;}
}

@media (max-width: 1060px) {
.paging > li {display:block;}
.paging_holder {width:100%;}
}

@media (max-width: 992px) {
.table_data_st2 th,
.table_data_st2 td { display:block; box-sizing:border-box; padding:7px 10px 0px 10px; width:100%;}
.table_data_st2 th.label_new { display:none;}
.table_data_st2 th {border:0px; text-align:left!important;}
.table_data_st2 td {text-align:left!important;}
.table_data_st2 td:last-child,
.table_data_st2 th:last-child { width:100%!important; padding-bottom:12px;}
.table_data_st2 td:nth-child(3),
.table_data_st2 td:nth-child(1),
.table_data_st2 td:nth-child(2),
.table_data_st2 td:nth-child(4) {width:100%;}
.table_data_st2 .checkbox_type {float:none!important;}
.paging {float:none;}
footer p {text-align:center;}
}

@media (max-width: 880px) {
.content_holder aside {width:100%;padding:0px 0px 30px 0px; display:block;}
.content_holder .content_rightcol {width:100%;padding:0px; display:block;}
}

@media (max-width: 767px) {
.paging {width:100%;}
.paging > li {margin:0px; padding:0px 0px 15px 0px; display:block; text-align:center;}
.goto label, .paging > li label {line-height:30px; display:block;}
.download_button > li label {display:block; text-align:center; margin:0px 0px 15px 0px;}
.download_button > li .button_st1 {width:100%;}
.button_download_holder {width:100%;text-align:center;}
.keyword_search_block input[type="text"] {width:100%; margin:0px;}
.keyword_search_block div {width:100%;}
.paging_holder {padding:0px;}
}

@media (max-width: 440px) {
.search_block > ul > li.search_buttons input {margin-bottom:20px; width:100%;}
}

