@font-face {
    font-family: 'SAPIcons';
    src: url('fonts/SAP-icons.woff2') format('woff2'),
    url('fonts/SAP-icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SAPicons1-28-10';
    src: url('fonts/SAP-icons1-28-10.eot');
    src: url('fonts/SAP-icons1-28-10.eot?#iefix') format('embedded-opentype'), url('../fonts/SAP-icons1-28-10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.sap-icon {
    font-family: "SAPIcons";
}

@media print
{    
@page {size: landscape}

    .no-print, .no-print *, header, .slider-container, .SumoSelect, .dt-buttons, .dataTables_length, .dataTables_info,  .dataTables_paginate, .feedback_link
    {
        display: none !important;
    }
    
    p[id$="action_menu"]
    {
        display:none !important;
    }
    
    .subsectiontitle, .subtitle
    {
        color:black !important;
    }
}

@media screen
{
    .print-header
    {
        display:none !important;
    }
}

nav {
    display:none;
}

.hidden {
    display: none !important;
}

.mobile-nav ul {
    display:none !important;
}

.mobile-nav .nav-pub-title {
    margin-left:20px !important;
    display:none;
}

#breadcrumb-container {
    display:none;
}

.search-box {
    display: none;
}

.viewer{
    display:none;
}

#d4h5-main-content {
    margin-left:0px !important;
}

div.foreign {
    font-size:12px;
    line-height: 1rem;
}

div.foreign p {
    margin-top:0 !important;
    margin-bottom:0 !important;
}
div.foreign ul {
    margin-top:0 !important;
    margin-bottom:0 !important;
}
div.foreign li {
    margin-top:0 !important;
    margin-bottom:0 !important;
}

#page_header {

/*     background-image: url("banner200.jpg");  */
    height:250px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right top ;
    margin-top: -55px !important;
    }
    
.feedback_link {
    position:absolute;
    top:30%;
    right:0;
}

.feedback_link a img {
    display:block !important;
    width:80px;
    float:right;
}


.disclaimer_link {
    position:relative;
    float:right;
    right:30px;    
} 

.disclaimer_link a {
    color: white !important;
}




#page_header .subtitle {
    color: white;
    padding-top: 0px !important;
    margin-top: 10px !important;
    margin-left: 5vw;
    max-width: 60vw;
}

@media (max-width: 767px) {                  
   #page_header .subtitle {
      display: none;
   }
}


#version {
    margin-top:30px !important;

}



.hello {
    display:inline;
}

.buttons-colvis {
    background:none !important;
}

.buttons-colvis span {
    color:#3887b0 !important;
}

.buttons-colvis span:hover {
    text-decoration:underline;
}

p[id$='action_menu'] {
    float:right;
    margin-top:0 !important;
    margin-bottom:0 !important;
}

a[id$='action-link'] img {
    padding-bottom: 10px;
    width: 18px;
    margin-right: 15px;
}    

span[id$='help-icon'] {
/*    display: none;  */
    color: #007aff;
    font-size: 20px;
    padding-right: 20px;
}

#action {
    position:absolute;
/*     float: right; */
    background-color:white; 
    width:120px; 
    height:120px; 
    z-index:10; 
/*    right:50px; 
    top:120px; */
    text-align:left; 
    padding-left:5px;
    border: 1px solid grey; 
    border-radius:5px; 
    display:none;
}

#action p {
    color:#3887b0;
    margin: 5px !important;
    
}

#actionToggle {
    float:right;
    margin-right:10px !important;
}

.datemarker {
    font-size: 18px;
}

#myInput {
    background: #f5f5f5;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    border-image: none;
    width: 100%;
    height:22px;
}

#slider {
        display: inline-flex;
    position: relative;
    top: 27px;
    left: 68px;
}

#main_table td, th {
    background-color: white !important;
    border-left-style:none !important;
    border-right-style:none !important;
    padding: 0.5em;  
}

#main_table th {
    vertical-align:middle !important;
/*    text-align:left !important; */
}



th {
    text-align:left !important;
}

#table_wrapper p {
    margin-top:5px !important;
    margin-bottom:5px !important;
}

p.more {
    text-align:right;
}

p.more a {
    margin-right:15px;
    color:#3887b0 !important;
}

table.dataTable thead .sorting_asc {
    background: url("sort_asc_02.png") no-repeat center right !important;
}

table.dataTable thead .sorting_desc {
    background: url("sort_desc_02.png") no-repeat center right !important;
}



.dt-buttons {
    text-align: right;
    float:none !important;
}

.dt-buttons a {
    position:relative;
    top: 22px;
}

.SumoSelect {
    width:130px !important;
    margin: 0 20px 0 0;
}

.SumoSelect > .CaptionCont > label > i {
    background-image: url("data_url_02.png") !important;
}

.CaptionCont {
    text-align:left;
}

.CaptionCont span {
    color:black !important;
}


#d4h5-main-content div.table-wrapper {
    overflow-x: visible;
}

#d4h5-main-content table {
    table-layout:auto !important;
}

/*   changes for CP, and generalizing things...      */

header h1 {
    font-size: 1.6em !important;
}

.product_in_header {
    color: #fff;
    display: block;
    float: left;
    font-size: 1.2em;
    font-weight: 200;
    letter-spacing: 2px;
    margin-top: 10px;
    padding-left: 50px;
}

h1.topictitle1 {
    display: none !important;
}

#d4h5-section-container {
    padding-top: 70px !important;
}

.size-small #d4h5-section-container {
    padding-top: 50px !important;
}

.page {
    margin: 0 !important;
    padding: 0 !important;
}

.size-medium .page {
    margin: 0 !important;
    padding: 0 !important;
}

.size-large .page {
    margin: 0 !important;
    padding: 0 !important;
}

#d4h5-main-content {
    margin: 0 !important;
    padding: 0 !important;
}

div[id$='banner'] {
    position: relative;
    width: 100% !important;
    margin-left:0 !important;
    background-size: cover;
    min-height: 230px;
    background-repeat: no-repeat;
}

.banner_content {
    position: absolute;
    top: 30%;
    left: 10%;
    margin: 0 !important;
    padding: 0 !important;
    color: white;
    max-width: 60%;
}

div[id$='banner'] p.banner_title {
    font-size:2em !important;
    margin: 0 !important;
    padding: 0 !important;
}

div[id$='banner'] p.banner_shortdesc {
    margin: 0 !important;
    padding: 0 !important;
    font-size:1em !important;
}


.body .section, .related-links {
    width: 80%;
    margin-left: 10%;
}

div#filterbar {
    display: flex;
    flex-wrap:wrap;
}

.hasDatepicker {
    width: 130px;
    height: 22px;
    font-family: Arial;
    font-size: 14px;
    position: relative;
    border: 1px solid #dddddd;
    padding: 3px !important;
    min-height: 14px;
    background-color: #fff;
    border-radius: 2px;
    margin: 0;
}

#fromTrigger,#toTrigger {
    width: 130px;
    height: 22px;
    font-family: Arial;
    font-size: 1em;
    position: relative;
    border: 1px solid #dddddd;
    padding: 3px !important;
    min-height: 14px;
    background-color: #fff;
    border-radius: 2px;
    margin: 0;
}

table[id$='wn_table'] td, th {
    background-color: white !important;
    border-left-style:none !important;
    border-right-style:none !important;
    padding: 0.5em;  
}

table[id$='wn_table'] th {
    vertical-align:middle !important;
/*    text-align:left !important; */
}

.info_and_action {
    display: inline-flex;
    width: 100%;
}

.dataTables_info {
    height:20px !important;
    font-weight: 900 !important;
}


div#additional {
    position:absolute;
    right: 10%;
}

.switcher{
    float:right;
    height:20px;
    border-style:none;
    border-color: grey;
    border-width:1px;
    border-radius:3px;
    padding:5px;
    margin:0 !important;
    position: relative;
    width: 60px;
    display: inline-flex;
    font-size: 18px;
    color: #009de0;
}

.tableview {
    position: absolute;
    right: 0;
    padding-right: 5px;
}

.size-small .logo.hide-for-small {
    display: block!important;
    height: 20px;
    margin-top: 25px !important;
}

.dateFilters {
    display:inline-block;
position: relative;
}
.datefilter {
    display:inline-block;
}

.selectorBox {
    display: inline-block;
    width: 150px;
}
.selectorHeader {
    margin:0 !important;
    font-weight: 600;
}

.SumoSelect .select-all {
    border-radius: 3px 3px 0 0 !important;
    position: relative !important;
    border-bottom: 1px solid #ddd !important;
    background-color: #fff !important;
    padding: 8px 0 3px 35px !important;
    height: 20px !important;
    cursor: pointer !important;
}    

.SumoSelect .select-all.partial > span i {
    background-color: white !important;
    background-image: url('select_partial.png') !important;
}

#reset {
    width: 105px;
    color: #0077c8;
    cursor:pointer;
}

.ui-datepicker-prev, .ui-datepicker-next {
    display:none;
}
