.b-search-pagenavi {
    margin-bottom:50px;
    text-align:center
}

.b-search-pagenavi .prev {
    margin-right:30px;
}

.b-search-pagenavi .next {
    margin-left:30px;
}

.b-search-pagenavi .page {
    margin:0 3px;
}

.b-search-pagenavi .page.current {
    font-weight:bold
}



/******************************************************************************/
/**************************** Around of pager *********************************/

#list {}
#list .pager_table { background-color:#fff; width:100%;}
#list .empty { padding: 15px; text-align:center; font-weight:bold;}

#list a {
    text-decoration:none;
}
#list a.clear-selection {
    text-decoration: underline;
}

/******************************************************************************/
/****************************** Head of Pager *********************************/

/*------------------------------------- TABLE --------------------------------*/
#list td {vertical-align:middle;}
.pagerNavigation {
    width:100%;

}

.wborderTop { border-top:1px solid #828282 }


.pagerNavigationBottom {
    border-top:1px solid #999;
}
/*-------------------------- TD - Records 1-1 from 1 -------------------------*/

.pagerNavigation .Rec { /*  */
    width:1%;
    white-space:nowrap;
    padding:4px 2px 4px 10px;
    font-weight: bolder;
    vertical-align:middle;
    color: #444;
}

.pagerNavigation .pagerCheckedAmountTd {
    width: 1%;
    white-space: nowrap;
    padding: 10px;
    font-weight: bolder;
}

.pagerNavigation .pagerCheckedAmountTd a {
    text-decoration:underline !important;
    font-weight: normal;
}

.pagerNavigation .RecBottom {
    padding:8px;
}

/*------------------------- TD - <<prev 1 2 3 next>> -------------------------*/

.pagerNavigation td.PrevNext {
    text-align:right;
    width:75%;
    padding:4px 10px 4px 4px;
    white-space:nowrap;
}

.pagerNavigation .PrevNextBottom {
    text-align:right;

}


/*------------------------------ misc TD -------------------------------------*/
.pagerNavigation .spacer {
    text-align:center;
    background: transparent url(bg_splitter.gif) repeat-y center 0px;
}

.disabled {
    filter:alpha(opacity:30); -moz-opacity:0.30; opacity: 0.30;
}

/*---------------------- TD - <<prev [23 of 45] next>> -----------------------*/

.pagerNavigation .PrevNext A  {
    display:block;
    padding: 4px;
    border: solid 1px #E8E8E6;
    text-decoration: none;
    margin:0 0 0 1px;
}

.pagerNavigationBottom .PrevNext A {display:inline;} /* deprecated */

.pagerNavigation .PrevNext A:hover {
    background: #EAF4FB;
    border-color: #838383;
}

.pagerNavigation INPUT.pn, .pagerNavigation INPUT.mvdp {
    font:normal 12px Arial, Verdana, sans-serif;
    margin:0px 0px 0px 1px;
    text-align:center;
    width:80px;
    border:1px solid #ccc;
    padding:2px;
}

.pagerNavigation INPUT.mvdp {width:30px;}

input.iim, input.iimOver, input.iimChecked {
    padding:4px;
    border: solid 1px #E8E8E6;
    margin:0 0 0 1px;
}
input.iimOver {
    background-color: #EAF4FB;
    border-color: #838383;
}

input.iimChecked {
    background-color: #aaa;
    border-color: #838383 #ddd #ddd #838383;
}

/******************************************************************************/
/******************************** Column names ********************************/

#list .pager_table th {
    background-color:#f2f1ed;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #828282;
    border-bottom:1px solid #828282;
    padding:4px 17px 3px 4px;
    font:normal;
    text-align:left;
    white-space:nowrap !important;
    overflow:hidden;
    font-size: 13px;
    vertical-align:middle;
    font-weight:bold
}

colgroup.selected {
    background-color:#ffffe5;
}
#list .pager_table th.sortable { cursor: pointer; }
#list .pager_table th.sortable.ASC{ background: #ddd url(sorted_up.gif) no-repeat right 3px; }
#list .pager_table th.sortable.DESC { background: #ddd url(sorted_down.gif) no-repeat right 3px;}
#list .pager_table th.sortable.hover { background-color: #ccc}

/******************************************************************************/
/****************************** Table with data  ******************************/
#list .pager_table a {text-decoration:underline;}

#list .pager_table td {border-bottom:1px solid #eeeeee; padding:2px 5px 2px 5px;}
#list .pager_table td.checkcolumn { text-align:center; width:1%; }
#list .pager_table TD.id { padding-right:10px; text-align:right; width:1%; white-space:nowrap}
#list .pager_table TD.edit { padding:1px 5px 1px 2px; width:5%; white-space:nowrap}
#list .pager_table .setBg { background-color:#EAF4FB; }

#list .pager_table .tbtitlebottomGroup, #list .pager_table .tbtitlebottomGroupOver {
    background-color:#EEE;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}

#list .pager_table .tbtitlebottomGroupOver {
    background-color: #ddd;
    cursor: pointer;
    cursor: hand;
}

/******************************************************************************/

div.columnImage {width:20px; height:12px;}
div.columnImage img {position:absolute;margin-top:-1px;}

#list .pager_table tr.highlight { background-color:#D2D2D3; }
#list .pager_table tr.notactive td { opacity: 0.4; }
#list .pager_table tr.alternate_color { color:#BEBF5F }
#list .pager_table tr.action { cursor:pointer; }

.pageNavi { list-style:none; margin-bottom:0.5em; overflow:hidden; clear:both}
.pageNavi li { display:block}
.pageNavi .amount { float:left}
.pageNavi .pages { float:right}
.pageNavi .pages a { padding:2px 5px}
.pageNavi .pages span { padding:2px 5px; background-color:#F00; color:#fff}
.pageNavi .pages span { font-weight:bold}
.pageNavi .pages a:hover { background-color:#F00; color:#fff}
.pageNavi .prev { margin-right:10px}
.pageNavi .next { margin-left:10px}

.common_pager_widget_cmd .b-icon-link {
    vertical-align: middle;
}

/* submission area pager */

.submission-manage_area .pager { margin-bottom: 20px;}
.submission-manage_area #list .pager_table th {
    background-color: #777575;
    border: 0;
    padding: 8px 0px 8px 12px;
    color: #fff;
    min-width: 90px;
    font-size: 14px;
}
.submission-manage_area #list .pager_table th.sortable { cursor: pointer; padding-right: 0px; }
.submission-manage_area #list .pager_table th.sortable.ASC:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-width: 7px 3px 3px;

    border-color: #fff transparent transparent;
    vertical-align: middle;
    margin-left: 5px;
}
.submission-manage_area #list .pager_table th.sortable.DESC:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-width: 3px 3px 7px;
    border-color: transparent transparent #fff;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -6px;
}
.submission-manage_area #list .pager_table a {
    color: inherit;
}
.submission-manage_area #list .pager_table a .oj {
    color: #777575;
    margin-left: 3px;
    font-size: 18px;
}
.submission-manage_area #list .pager_table td {
    border-bottom:1px solid #979797;
    padding:8px 5px 8px 12px;
    font-size: 14px;
}
.submission-manage_area #list .pager_table tr.notactive td {
    color: #979797;
    opacity: 1;
}
.submission-manage_area #list .pager_table td.edit a {
    text-decoration: none;
}
.submission-manage_area #list .pager_table td.edit a.btn-special-offer {
    background-color: #e22507;
    color: #fff;
    line-height: 17px;
    display: inline-block;
}
.submission-manage_area #list .pager_table td.edit a.btn-special-offer .oj {
    color: #fff;
}
.submission-manage_area #list .pager_table th.sortable.hover {
    background-color: #777575;
}
.submission-manage_area #list .pager_table th.sortable.DESC,
.submission-manage_area #list .pager_table th.sortable.ASC {
    background-image: none;
    background-color: #777575;
}
.submission-manage_area #list .pager_table .setBg {
    background-color: transparent;
}
.submission-manage_area colgroup.selected {
    background-color: #fafafa;
}

.submission-manage_area .pagerNavigation .select-box {
    padding: 2px;
    font-size: 12px;
}
.submission-manage_area .pagerNavigation .pn {
    font-family: "calibriregular", Arial;
    border-color: #aeaeae;
}
.submission-manage_area .pagerNavigation .oj {
    color: #777575;
    cursor: pointer;
}
.submission-manage_area .pagerNavigation .oj.disabled {
    cursor: default;
}
.submission-manage_area .pagerNavigation td.PrevNext {
    padding-right: 0;
}
.submission-manage_area .pagerNavigation .spacer {
    background: none;
    width: 20px;
}
.submission-manage_area .pagerNavigation .spacer span {
    display: none;
}

.portal-at .b-submission-manage-add .button,
.portal-de .b-submission-manage-add .button
{
    display: inline-block;
    font-family: 'calibriregular', sans-serif;
    margin-bottom: 0;
    border-radius: 0;
    text-align: center;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 18px;
    font-size: 16px;
    line-height: normal !important;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.portal-at .b-submission-manage-add .button--primary,
.portal-de .b-submission-manage-add .button--primary {
    background-color: #e83712;
    color: #fff;
}