/*
CSS for specific styles and overrides specifically for KIS

Add custom CSS to the appropriate section:
-----------------------------------
A) ID specific css selectors. F.ex: #myId{ whatever..} 
B) CUSTOM CLASS specific css selectors. Fex: .myClass{ whatever..}
C) GLOBAL CLASS specific css selectors. F.ex: .ui-datatable{ whatever..}
*/

/********************************************/
/* Start A)  ID specific css selectors */
/********************************************/

.my-sticky-element.stuck {
    position:fixed;
    top:0;
    box-shadow:0 2px 4px rgba(0, 0, 0, .3);
    background-color: #FFF;
    z-index: 99999999999999;
}

#opportunitiesTabView .ui-tabs-panel {background: none repeat scroll 0 0 transparent;border-width: 0;padding: 1em 0.4em;}
/* Remove padding from inner tab in Quotes tab */
#opportunityTabView .ui-tabs .ui-tabs-panel{padding: 0.1em 0.2em;}
#campaignsPanel #campaignsPanel_content{padding:0 !important;}
/* start remove padding from customer view p:panels */
#contactsPanel #contactsPanel_content,
    #quotePanel, #miscPanel #miscPanel_content,
    #fcPanel #fcPanel_content,
    #subscriptionsPanel #subscriptionsPanel_content {padding:0;}
#adminAccountTabView .ui-tabs .ui-tabs-panel{padding: 0.1em 0.2em;}
/* Remove border from tabView (Customer view) */
#opportunitiesTabView{border:0;}
#miscTabView{border:0;}

.ui-datatable-scrollable-header-box { margin-right: 0px !important; } /* removes scrollbar space on the right of scrollable datatable */

/* Commission buttons - navigation bar */
div[id*="pnlUpdate3amount"], div[id*="pnlUpdate3amount2"] { border: none; background: none; padding: 0em;}
button[id*="smallerOrangeButton"] > span {color: #EBBF00 !important;line-height: 1 !important;}
div[id*="bundleTableStage3"] > .ui-datalist-content ui-widget-content, .ui-datalist-content ui-widget-content, .ui-datalist-content { display: none;}

/*admin -push points*/
#pushTable  .ui-datatable-footer{padding: 0px !important;border-style: none;}
#oppPushTable .ui-datatable-footer{padding: 0px !important;border-style: none;}
/* Push point table paginator top */
th[id*="pushTable_paginator_top"] {background: none repeat scroll 0 0 transparent !important;border: medium none !important;background-color:#eeeeee !important;}
th[id*="oppPushTable_paginator_top"] {background: none repeat scroll 0 0 transparent !important;background-color:#eeeeee !important;border: medium none !important;}
/* Push point table footers */
div[id*="pushTable"] > table > tfoot > tr > td {background: none repeat scroll 0 0 transparent !important;border: medium none !important;}
div[id*="oppPushTable"] > table > tfoot > tr > td {background: none repeat scroll 0 0 transparent !important;border: medium none !important;}

/* remove padding in products basket under ""Activation/ Licence /Subscriptions "  titles */
#webshopProductsPanel .ui-panel .ui-panel-content{padding:0px !important;}
/* remove left and right border for products listing in webcart */
#webshopProductsPanel .greyPanelHeader .ui-widget-content{border-left:0px;border-right:0px;}
#webshopProductsPanel .ui-panel .ui-widget .ui-widget-content{background:#ffffff;}
/* remove padding from service adder (when basket is empty: new sales) */
#initialServiceAdder_content{padding:0px !important;background:#ffffff;}

/* Customer table : Remove padding from customer datatable header */
#resultCustomersTable  .ui-datatable-header {padding: 0px !important;text-align: center;}
#resultCustomersTable  .ui-datatable-footer{padding: 0px !important;border-style: none;}
/* Remove padding from customer datatable header inner table for global filter*/
#resultCustomersTable\3aresultCustomersTableHeaderGrid td{padding: 2px 2px !important;}
#resultCustomersTable\3aresultCustomersTableFooterGrid td{padding: 4px 4px !important;background-color:#eeeeee;border-bottom:0px !important;}
/* Expanded row content */
#resultCustomersTable_data tr.ui-expanded-row-content td{padding:0px !important;background-color:#ffffff !important;border-style:none;opacity: 100%;}
/* Place current page template to the left for customers table */
#resultCustomersTable_paginator_top .ui-paginator-current{position:absolute;left:10px;margin-top:2px;font-weight:normal;}
/*Remove color in customer table fold-out (backup licenses) */
#resultCustomersTable_data .ui-widget-header{background:none;color:#999999;border:0;}
/* fix footer on customer list: remove orange border/background   */
div[id*="resultCustomersTable"] > table > tfoot > tr > td { border: none !important;background: none !important;}
div[id*="resultCustomersTable"] > table > tfoot > tr > td > table > tbody > tr { border: none !important; background: #EEE !important;}
div[id*="resultCustomersTable"] > table > tfoot { background: #EEE !important;}

#customerSelectionPanel_content .ui-panel .ui-panel-content{padding:0px !important;}

/* add/edit article admin */
div.ui-selectlistbox-listcontainer {height:70px !important;}

/********************************************/
/* Start B)  CUSTOM CLASS specific css selectors */
/********************************************/

/* header of fold out table*/
.resultCustomersTable.ui-datatable .ui-datatable-header{background: #ffffff !important;}
/*hover*/
.resultCustomersTable.ui-datatable .ui-datatable-odd.ui-state-hover{background: #ffffff !important;color:#000000 !important;}
.resultCustomersTable.ui-datatable .ui-datatable-even.ui-state-hover{background: #ffffff !important;color:#000000 !important;}
/*highlight*/
.resultCustomersTable.ui-datatable .ui-datatable-even.ui-state-highlight{background: inherit;border-color:inherit;}
.resultCustomersTable.ui-datatable .ui-datatable-odd.ui-state-highlight{background: inherit;border-color:inherit;}
.resultCustomersTable.ui-datatable thead th{padding: 5px 5px !important;}

/* Dashboard:  news, notifications, articles */
.articleContentWrapper{text-align:left;padding-left:10px;padding-top:10px;padding-bottom: 5px;border-bottom:1px;}  /*  #fff solid; */
.articleImageLeft{border:0;padding-right: 15px;padding-bottom: 15px;float:left;}
.articleImageRight{border:0;padding-left: 15px;padding-bottom: 15px;float: right;}
.newsGrid{width:780px;margin-left: auto;margin-right: auto;}

/* Progressbar indicators 0-100% background shadows*/
.progressUsedPercentage_green{
    background: #00ff00;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFFFCF', endColorstr='#07D907');
    background: -webkit-gradient(linear, left top, left bottom, from(#CFFFCF), to(#07D907));
    background: -moz-linear-gradient(top,  #CFFFCF,  #07D907);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CFFFCF, endColorstr=#07D907)";
}
.progressUsedPercentage_orange{
    background: #FFA953;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAF5E3', endColorstr='#FFA953');
    background: -webkit-gradient(linear, left top, left bottom, from(#FAF5E3), to(#FFA953));
    background: -moz-linear-gradient(top,  #FAF5E3,  #FFA953);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAF5E3, endColorstr=#FFA953)";
}
.progressUsedPercentage_red{
    background: #FF0303;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFECEC', endColorstr='#FF0303');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFECEC), to(#FF0303));
    background: -moz-linear-gradient(top,  #FFECEC,  #FF0303);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFECEC, endColorstr=#FF0303)";
}
.progressUsedPercentage_usednotpurchased{
    background: #BCBCBC;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#BCBCBC');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BCBCBC));
    background: -moz-linear-gradient(top,  #FFFFFF,  #BCBCBC);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#BCBCBC)";
}
/* webshop confirmation page - prices */
.webshopCartProductTable div.ui-datatable-footer{
    background:none !important;color:#000000 !important;padding: 0 !important;border:0px !important;}

/* Light gray sahded backgound for headers (mainly newsale, clickwrap and addedsales-confirmation
Previously (not necessary any more): #webshopBasketPanel .ui-datatable .ui-datatable-header
*/
.webshopBasketPanel .ui-widget-header, .webshopBasketPanel {
    text-align: left !important;
    color:#000000 !important;
    border-color: #eeeeee !important;
    background: rgb(226,226,226) !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmVmZWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 1%, rgba(219,219,219,1) 100%, rgba(238,238,238,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(1%,rgba(254,254,254,1)), color-stop(100%,rgba(219,219,219,1)), color-stop(100%,rgba(238,238,238,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(254,254,254,1) 1%,rgba(219,219,219,1) 100%,rgba(238,238,238,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(254,254,254,1) 1%,rgba(219,219,219,1) 100%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(254,254,254,1) 1%,rgba(219,219,219,1) 100%,rgba(238,238,238,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(254,254,254,1) 1%,rgba(219,219,219,1) 100%,rgba(238,238,238,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#eeeeee',GradientType=0 ) !important; /* IE6-8 */
}

/* dark gray shaded bg */
.greyPanelHeader .ui-widget-header{ /* .ui-panel-title*/
    border-color: #999999;
    background: rgb(181,189,200); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjgzNDNiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(153,153,153,1) 100%, rgba(40,52,59,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(100%,rgba(153,153,153,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(153,153,153,1) 100%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(153,153,153,1) 100%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(153,153,153,1) 100%,rgba(40,52,59,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(153,153,153,1) 100%,rgba(40,52,59,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-8 */
} 

/* Status on click-wrap page*/
.click-wrap-status-active{background-color:#ffffff;color:#009900;border:1px #009900 solid;text-shadow:1px 1px #cccccc;}
.click-wrap-status-pending-active{background-color:#ffffff;color:#F6A828;border:1px #F6A828 solid;text-shadow:1px 1px #cccccc;}
.click-wrap-status-declined-active{background-color:#ffffff;color:#FF0000;border:1px #FF0000 solid;text-shadow:1px 1px #cccccc;}
.click-wrap-status-default{background-color:#cccccc;color:#eeeeee;border:1px #999999 solid;}
/* Click-wrap page */
.noPaddingPanel .ui-panel-content{padding:0px !important;}
.ui-panel-title {text-shadow: 0 1px 0 rgba(123, 123, 123, 0.5); }

/*Remove padding from tabview tab in admin account search */
.nopadding{padding:0;}
/* Datatables containing regular table in header facet*/
.tableHeaderNoPad  div:first-of-type table tbody tr td{padding: 0px !important;border-style: none !important;border-width: 0px !important;}

div[id*="idContacts"] > div.ui-widget-header,
div[id*="syncDataTable"] > div.ui-widget-header,
div[id*="resultCustomersTable"] > div.ui-widget-header,
div[id*="openOpportunitiesTable"] > div.ui-widget-header
{
    background: #A5C5FC url('/portal/resources/images/bg/ui_bg_gloss-wave-blue.png')  50% 50% repeat-x !important;

    border: 1px solid #9595aC;
    color: #ffffff;
    font-weight: bold;

}

.noborder td, .noborder tr, .noborder tbody{border-style: none !important;}
.noborder th div.ui-dt-c, 
.noborder .ui-datatable-data td div.ui-dt-c, 
.noborder .ui-datatable-data-empty td div.ui-dt-c, 
.noborder tfoot td div.ui-dt-c{padding: 4px 0px !important;}
.noborder .ui-datatable-footer{text-align: right !important;}

.right{ text-align: right;}
img.exportImage{width:22px;height:22px;}
.width200{width:200px;}
.colorGreen{color:#006600;}
.colorGrey{color:#666666;}
.colorRed{color:#ff0000;}
.titleText{color:#999999;}
.rounded{-moz-border-radius: 5px;border-radius: 5px;}

/* Green color for text on "next" -> progress buttons""*/
.nextButton{color:#009900 !important;}
.smallOrangeButton > span{color: #EBBF00 !important;line-height: 1em !important;}
.smallBlueButton > span{color: #1C94C4 !important;line-height: 1em !important;}
.smallGreenButton > span{color: #0A0 !important;line-height: 1em !important;}
.button30pxWidth > button{width: 30px; height: 14px;}
.button30pxWidth19Height > button{width: 30px; height: 19px;}
.uploadSmallButtons span {line-height: 1em !important;}
/*Dont think these are working as expected - only strange box-shadow!*/
.button-green{
    border: #58ab5a;color: #313131;font-weight: bold;
    background: #6bcb5d linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background: #6bcb5d -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
    background: #6bcb5d -moz-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    -moz-box-shadow: 0 0 5px #6bcb5d;
    -webkit-box-shadow: 0px 0px 8px #6bcb5d;
    box-shadow: 0px 0px 8px #6bcb5d;
}
.button-red{
    border: #ab3f1d;color: #313131;font-weight: bold;
    background: #cb4240 linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background: #cb4240 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
    background: #cb4240 -moz-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    -moz-box-shadow: 0 0 5px #cb4240;
    -webkit-box-shadow: 0px 0px 8px #cb4240;
    box-shadow: 0px 0px 8px #cb4240;
}
/*Make tabview tabs less high*/
.ui-tabs-nav li a {padding: .35em 1em !important;}

/*Change coloring of panel headers*/
.panelHeaderGreen > div[id*="_header"]   {border: 1px solid #0A0 !important;background: #50DA50 url('/portal/resources/images/bg/ui_bg_gloss-wave-cfgreen.png') 50% 50% repeat-x !important;}
.panelHeaderLightGreen > div[id*="_header"] {border: 1px solid #0D0 !important;background: #50DA50 url('/portal/resources/images/bg/ui_bg_gloss-wave-green.png') 50% 50% repeat-x !important;}
.panelHeaderLightGreen > div[class*="ui-dialog-titlebar"] {border: 1px solid #0D0 !important;background: #50DA50 url('/portal/resources/images/bg/ui_bg_gloss-wave-green.png') 50% 50% repeat-x !important;}
.panelHeaderLightGreen > ul[class*="ui-widget-header"] {
    padding: 0px !important;
    border-top:    1px solid #0D0 !important; border-right:  1px solid #0D0 !important;
    border-bottom: none  !important; border-left:   1px solid #0D0 !important;
    background: #50DA50 url('/portal/resources/images/bg/ui_bg_gloss-wave-green.png')  50% 50% repeat-x !important;}

.panelHeaderPurple > div[id*="_header"] {border: 1px solid #53A !important;background: #B383DA url('/portal/resources/images/bg/ui_bg_gloss-wave-purple.png')  50% 50% repeat-x !important;}

.panelHeaderBlue > div[id*="_header"] {border: 1px solid #33A !important;background: #8383DA url('/portal/resources/images/bg/ui_bg_gloss-wave-blue.png')  50% 50% repeat-x !important;}
.panelHeaderBlue > div[class*="ui-dialog-titlebar"] {border: 1px solid #33A !important;background: #8383DA url('/portal/resources/images/bg/ui_bg_gloss-wave-blue.png')  50% 50% repeat-x !important;}
.panelHeaderBlue > ul[class*="ui-widget-header"] {
    padding: 0px !important;
    border-top:    1px solid #33A !important; border-right:  1px solid #33A !important;
    border-bottom: none  !important; border-left:   1px solid #33A !important;
    background: #A5C5FC url('/portal/resources/images/bg/ui_bg_gloss-wave-blue.png')  50% 50% repeat-x !important;}

.panelHeaderCfBlue > div[id*="_header"] {border: 1px solid #0072ad !important;background: #8383DA url('/portal/resources/images/bg/ui_bg_gloss-wave-cfblue.png')  50% 50% repeat-x !important;}
.panelHeaderCfBlue > div[class*="ui-dialog-titlebar"] {border: 1px solid #0072ad !important;background: #8383DA url('/portal/resources/images/bg/ui_bg_gloss-wave-cfblue.png')  50% 50% repeat-x !important;}
.panelHeaderCfBlue > ul[class*="ui-widget-header"] {
    padding: 0px !important;
    border-top:    1px solid #0072ad !important; border-right:  1px solid #0072ad !important;
    border-bottom: none  !important; border-left:   1px solid #0072ad !important;
    background: #A5C5FC url('/portal/resources/images/bg/ui_bg_gloss-wave-cfblue.png')  50% 50% repeat-x !important;}

.panelHeaderLightBlue > div[id*="_header"] {
    border: 1px solid #55C !important;
    background: #A5C5FC url('/portal/resources/images/bg/ui_bg_gloss-wave-lightblue.png')  50% 50% repeat-x !important;}
.panelHeaderLightBlue > div[class*="ui-dialog-titlebar"] {
    border: 1px solid #55C !important;
    background: #A5C5FC url('/portal/resources/images/bg/ui_bg_gloss-wave-lightblue.png')  50% 50% repeat-x !important;}
.panelHeaderLightBlue > ul[class*="ui-widget-header"] {
    padding: 0px !important;
    border-top:    1px solid #55C !important; border-right:  1px solid #55C !important;
    border-bottom: none  !important; border-left:   1px solid #55C !important;
    background: #A5C5FC url('/portal/resources/images/bg/ui_bg_gloss-wave-lightblue.png')  50% 50% repeat-x !important;}

/* class to hide header rows of datatable styleClass="hide-column-names"*/
.defaultContactTable .hide-column-names table thead tr{display: none;}
.hide-column-names th {display: none;}
.ui-datatable .ui-widget .campaignRulesTableFoldOut .ui-widget-header{background:none;color:#000000;font-weight: normal;}
/* ------ Style opportunity table in Commission -> Stage 1 */
.blueTable .ui-widget-header {
    height: 25px;color: #1C94C4;font-weight: normal;
    background: #85B2CB linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    background: #85B2CB -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))) !important;
    background: #85B2CB -moz-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    border: none !important; padding: 0px !important;
    box-shadow: 0 0 8px #85B2CB;
}
/* ------ Commission tables Stage 3 */
.high-blue-small-header {
    height: 25px;color: #313131;
    background: #85B2CB linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    background: #85B2CB -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))) !important;
    background: #85B2CB -moz-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    -moz-box-shadow: 0 0 5px #85B2CB;
    -webkit-box-shadow: 0px 0px 8px #85B2CB;
    box-shadow: 0px 0px 8px #85B2CB;
}

tr.commissionBlueTableExpansion :first-of-type table td{border-style:none;padding:0px;}

/********************************************/
/* End B)  CUSTOM CLASS specific css selectors */
/********************************************/


/********************************************/
/* Start C)  GLOBAL CLASS specific css selectors */
/********************************************/

/*remove border of td in table p:panelgrid*/
.ui-panelgrid td{border:0px !important;}
/* SORTLIST WIDTH (document categories sorting)*/
body .ui-orderlist .ui-orderlist-list {width: 500px; height:400px;}
/*odd and even datatable rows*/
.ui-datatable, .ui-datatable-even {background: #FbFbFb;}
/*theme switcher button*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-weight:normal;}
/* Text in datatable sort title left */
.ui-dt-c:nth-child(1){text-align: left;display:block;}
/* datatable search field left*/
th input{float:left;}
.ui-sortable-column-icon .ui-icon .ui-icon-carat-2-n-s{position:absolute;left:0;}
/* DataTables (removes column borders (reason: new sales) and prevent white-space:nowrap - causing tables to go outside ui area*/
.ui-datatable tbody td{border-style: none !important;white-space: normal !important;}
/* Datatable header padding and left align */
.ui-datatable thead th{padding: 2px 2px !important;text-align:left !important;}
/* Datatable border bottom of expanded row */
.ui-datatable .ui-expanded-row{border-bottom: 1px #eeeeee solid !important;background: #ffffff !important;}
/* primefaces add-on tooltip */
.ui-tooltip-content{padding:8px !important;color:#1C94C4;font-size:1.2em;background:#ffffff;}

/********************************************/
/* End C)  GLOBAL CLASS specific css selectors */
/********************************************/

/* Specify Swiper's Size: */

.arrow-right {right: 15px; top: 50%; width: 20px; height: 20px; z-index: 2;
    background: url('/portal/resources/images/icons/forward8.png') no-repeat; position: absolute;
    background-size: 100%}
.arrow-left {left: 15px; top: 50%; width: 20px; height: 20px; z-index: 2;
    background: url('/portal/resources/images/icons/back8.png') no-repeat; position: absolute;
    background-size: 100%}

.pagination{position:absolute;left:0;text-align:center;bottom:5px;width:100%; z-index: 3;}
.swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:10px;background:#999;box-shadow:0px 1px 2px #555 inset;margin:0 3px;cursor:pointer;}
.swiper-active-switch{background:#fff;}