.portfolio-info { min-height: 50vh;}
.portfolio-info span { float: left; background: #004f88; color: #fff; margin-right: 1em; line-height: 30px; padding: 0 0.3em;}
.portfolio-info .list_ul li { font-size: 16px; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #e7e7e7;}
.portfolio-info .list_ul a { color: #004f88;  line-height: 25px; transition: 0.6s all; font-size: 20px; color: #323232; padding-right: 2.5rem;
 width: calc( 100% - 150px );  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block;}
 .portfolio-info .list_ul li:hover a { color: #004f88;}
.portfolio-info .list_ul i { float: right; font-size: 20px; color: #004f88;}


#page_box, 
#page_box td, 
#page_box div {font-family: initial; color: #000000; margin-left: auto; margin-right: auto; line-height: 20px;}
.defaultButtonStyle {font-family: initial; height:20px;color: #000000;border: #AFD5F5 1px solid; margin: 0px;padding: 0px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, 
EndColorStr=#BDDBF7);  cursor: pointer; line-height: 20px;background:-webkit-gradient(linear, 
0 0, 
0 100%, 
from(#ffffff), 
to(#BDDBF7));background: -moz-linear-gradient( top,#ffffff,#BDDBF7);background:-ms-linear-gradient(top,#ffffff 0%,#bddbf7 100%);}
.defaultinputStyle {font-family: initial; height:20px; border:1px solid #AFD5F5; line-height: 20px;}
.colHeader {font-family: initial; line-height: 20px;}
#page_box a, 
.pageList .this-page {font-family: initial; display:inline-block; height: 20px; padding: 2px 4px; border: solid 1px #AFD5F5; background: #fff; text-decoration: none; margin-right: 1px;line-height: 20px;}
#page_box a:visited {font-family: initial; color: #000000; text-decoration: none; line-height: 20px;}
#page_box .PrevDisabled {font-family: initial; display:inline-block;height: 20px;  margin-right: 3px; padding: 2px 4px; background: #fff;color:#ccc;border: solid 1px #AFD5F5; line-height: 20px;}
#page_box .SelectList {font-family: initial;line-height: 20px;}
#page_box .Prev { font-family: initial; margin-right: 3px; padding: 2px 4px;line-height: 20px;}
#page_box .break {font-family: initial; border: none; text-decoration: none; line-height: 20px;}
#page_box .NextDisabled { font-family: initial;display:inline-block; height: 20px; margin-left: 2px; padding: 2px 4px;background: #fff;color:#ccc;border: solid 1px #AFD5F5; line-height: 20px;}
#page_box .Next { font-family: initial; margin-left: 2px; padding: 2px 4px;line-height: 20px;}
#page_box .this-page {font-family: initial;display:inline-block;height: 20px;padding: 2px 4px; border: solid 1px #AFD5F5; background: #E1F0FD; font-weight: bold; color:black; margin-right: 1px;line-height: 20px;}
#page_box a:hover {font-family: initial;color: black; background: #EFF7FE; border-color: #AFD5F5; text-decoration: none;line-height: 20px;}
#page_box a:link {font-family: initial;color: #000000; text-decoration: none;line-height: 20px;}
#page_box a:active { font-family: initial;color: black; text-decoration: none; background: #EFF7FE; line-height: 20px;}



@media (max-width: 991px) {
    .portfolio-info span { background: transparent; color: #004f88; margin-right: 0; font-size: 14px; line-height: 1.8; padding: 0 0.2em;}
    .portfolio-info .list_ul li { overflow: hidden; font-size: 16px; margin-bottom: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #e7e7e7;}
    .portfolio-info .list_ul a { color: #004f88;  line-height: 25px; font-size: 16px; color: #323232; padding-right: 0.5rem;
     width: auto;  overflow: auto; white-space: initial; text-overflow:initial; display: inline-block;}
    .portfolio-info .list_ul i { display: none;}
}