@import url("https://fonts.googleapis.com/css?family=Montserrat");
/*

Version: delivery mobile - 1.0.5 - MN
-----------------------------------------------------------------------------------

CSS INDEX
===================

1. Theme default CSS
2. Header
3. General widget
	3.1 Button
	3.2 Report
  3.3 Tooltip
  3.4 Modal
  3.5 Inputs
4. Structuring widgets
  4.1 section
  4.2 tab
  4.3 array
-----------------------------------------------------------------------------------
*/
/*
===========================================================
	1. Theme Default CSS
=============================================================
*/
/*
    Used Colors (material default)
    PrimaryColor: #1c1c1b;
    secondaryColor: #f0c105;
*/
* {
  font-family: "Montserrat", sans-serif;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
option,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  outline: none;
}

a:visited {
    color: #C4262E;
}

body {
  background: #fff;
}

#globalContent {
  margin: auto !important;
  background: #fff;
  box-shadow: none;
  border-radius: 0;
  width: 100%!important;
  padding: 0 !important;
}
@media screen and (min-width: 640px) {
    #globalContent {
        padding: 12px!important;
    }
}

#applicationContent {
  overflow: auto;
  padding: 10px;
  width: calc(100% - 20px);
  /*position: absolute;*/
}

#loading-indicator {
  float: top;
  background: white;
  margin: auto;
  text-align: center;
  padding: 10px 0;
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
  margin-top: 10px;
}

table.rowStyle {
  border-spacing: 0;
}

.gwt-HTML canvas {
  width: 100% !important;
  height: 100% !important;
}

.childPanel.fillParentHeight > table.Buttons {
  height: auto !important;
}

.colStyle td:not([width]) {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}

.colStyle > table > tbody > tr:not(.array-list) {
  background: transparent !important;
  flex-direction: column;
}

.required::after {
  padding: 0 0.15rem;
}

input[disabled] + label {
  color: #bdbdbd !important;
}

.rmpList > tbody > tr {
  flex-wrap: wrap !important;
}

@media only screen and (min-width: 591px) and (max-width: 960px) {
  .colStyle > table > tbody > tr > td {
    -webkit-box-flex: 1 !important;
    flex: 1 1 100% !important;
  }
}

@media screen and (max-width: 1024px) {
  .gwt-CheckBox-switch #id_switch_label,
  .gwt-CheckBox-disabled #id_switch_disabled_label {
    margin: -1px 4px 0 36px !important;
  }
}

@media screen and (min-width: 1024px) {
  .rmpCaptcha > tbody > tr > td:nth-child(2) {
    -webkit-box-flex: 0 !important;
    flex: 0 0 60px !important;
  }

  .colStyle > table > tbody > tr > td:not(.array-td-buttons) {
    -webkit-box-flex: 1 !important;
    flex: 1 1 30% !important;
  }
}

/*
===========================================================
	2. Header
=============================================================
/* Add the below JS code to the screen 
This will display the header on Mobile Browser but use the inbuilt header for the RMP App  
 
var isRMPapp = /runmyapp/.test( window.navigator.userAgent.toLowerCase())
var element = document.getElementById("header");
if (isRMPapp) {
    element.className += " in_rmp_app";
} else {
    element.className += " in_browser";
}    

With the above in place the CSS can display or hid the header as follows:
The class #header.in_browser  displays the headder
The class #header.in_rmp_app  suppress the header */

/* Enable Menu & title for mobile browser*/
#header.in_browser {
  display: block;
}
  
#header.in_rmp_app {
  display: none;
}

#rmpmenu {
  padding: 0;
  margin: 0;
  background-color: #505050;
  top: 32px;
}

#rmpmenu li.children:before {
  display: none;
}

.rmplevel0 {
  text-transform: uppercase;
}
  
.logoBox .menuToggle {
  position:absolute;
  left:0;
  top:-40px;
  background-image:unset;
  width:32px;
  height:32px;
  background:url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' ?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='32px' id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' fill='white' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z'/%3E%3C/svg%3E");
}

.rmpmenu .menuToggle {
  position:absolute;
  left:5px;
  background-image:unset;
  width:20px;
  height:20px;
  background: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 212.982 212.982' fill='white' style='enable-background:new 0 0 212.982 212.982;' xml:space='preserve'%3E%3Cg id='Close'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;' d='M131.804,106.491l75.936-75.936c6.99-6.99,6.99-18.323,0-25.312 c-6.99-6.99-18.322-6.99-25.312,0l-75.937,75.937L30.554,5.242c-6.99-6.99-18.322-6.99-25.312,0c-6.989,6.99-6.989,18.323,0,25.312 l75.937,75.936L5.242,182.427c-6.989,6.99-6.989,18.323,0,25.312c6.99,6.99,18.322,6.99,25.312,0l75.937-75.937l75.937,75.937 c6.989,6.99,18.322,6.99,25.312,0c6.99-6.99,6.99-18.322,0-25.312L131.804,106.491z'/%3E%3C/g%3E%3C/svg%3E");
}


.rmpmenu{
    width: unset;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 999;
    height:100%;
    background: #505050!important;
    top: 0;
    width: 100%;
    opacity: 0.95;
}
  
#rmpmenu > li > a > img {
  margin: 7px 0px 0px 0px;
  height: 20px;
/*  -o-object-position: -99999px 99999px;
  object-position: -99999px 99999px;*/
  background-repeat: no-repeat;
  background-size: contain;
/*  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 481.99 429.82'%3E%3Ctitle%3E1%3C/title%3E%3Cpath d='M18.65, 286.77H57.91v157a16.87, 16.87, 0, 0, 0, 16.83, 16.83h115a16.87, 16.87, 0, 0, 0, 16.83-16.83v-115h70.11v115a16.87, 16.87, 0, 0, 0, 16.83, 16.83H402.83a16.87, 16.87, 0, 0, 0, 16.83-16.83v-157h47.67a16.76, 16.76, 0, 0, 0, 11.78-28.6L259.81, 35.79c-6.45-6.45-17.11-6.73-23.56-.28L7.15, 257.89A16.84, 16.84, 0, 0, 0, 3.23, 276.4, 16.4, 16.4, 0, 0, 0, 18.65, 286.77ZM247.48, 71.41, 426.95, 253.12H402.83A16.87, 16.87, 0, 0, 0, 386, 269.95V427H310.29V312a16.87, 16.87, 0, 0, 0-16.83-16.83H189.71A16.87, 16.87, 0, 0, 0, 172.88, 312V427H91.56v-157a16.87, 16.87, 0, 0, 0-16.83-16.83H60.15Z' transform='translate(-2 -30.81)' fill='%23ffffff'/%3E%3C/svg%3E") !important;*/
} 

#rmpmenu li:first-child, 
#rmpmenu li:nth-child(2) {
    border-top:none;
}

#rmpmenu li:hover>a, #rmpmenu li>a{
    padding:10px;
} 

#rmpmenu .rmplevel0:hover img {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 481.99 429.82'%3E%3Ctitle%3E1%3C/title%3E%3Cpath d='M18.65, 286.77H57.91v157a16.87, 16.87, 0, 0, 0, 16.83, 16.83h115a16.87, 16.87, 0, 0, 0, 16.83-16.83v-115h70.11v115a16.87, 16.87, 0, 0, 0, 16.83, 16.83H402.83a16.87, 16.87, 0, 0, 0, 16.83-16.83v-157h47.67a16.76, 16.76, 0, 0, 0, 11.78-28.6L259.81, 35.79c-6.45-6.45-17.11-6.73-23.56-.28L7.15, 257.89A16.84, 16.84, 0, 0, 0, 3.23, 276.4, 16.4, 16.4, 0, 0, 0, 18.65, 286.77ZM247.48, 71.41, 426.95, 253.12H402.83A16.87, 16.87, 0, 0, 0, 386, 269.95V427H310.29V312a16.87, 16.87, 0, 0, 0-16.83-16.83H189.71A16.87, 16.87, 0, 0, 0, 172.88, 312V427H91.56v-157a16.87, 16.87, 0, 0, 0-16.83-16.83H60.15Z' transform='translate(-2 -30.81)' fill='%23f0c105'/%3E%3C/svg%3E") !important; 
}
  
#rmpCustomerLogo img {
  /* height: 57px;
  width: 102px;
  background-size: 102px 57px;
  margin: 8px 0px 0px 10px; */
  height: 36px;
  max-width: 306px;
  width: calc(100% - 20px);
  background-size: 306px 36px;
  margin: 8px 0px 0px 10px;
}

#rmpmenu a {
  white-space: nowrap;
}

#rmpmenu li:hover>a, #rmpmenu li>a{
    color:#fff !important;
}
  
#rmpmenu li>ul {
  border-top: solid 2px #999;
  border-right: solid 1px #999;
  box-shadow: -2px 2px 2px 2px #999;
  background-color: #00041b;
}

.rmplevel1 {
  display: none;
  padding: 0;
  background: #1c1c1b !important;
  overflow: visible !important;
  z-index: 500;
}
  
.rmplevel1 > a {
  z-index: 500 !important;
}
  
.rmplevel1 {
  text-transform: uppercase;
  background: #9e9e9e;
  text-align: left;
  z-index: 500;
  float: left;
  clear: left;
  margin: 0;
  width: 100%;
}
  
.rmplevel0 a {
  line-height: 36px;
  margin: 1px 10px;
}

.rmplevel0:hover > a,
.rmplevel1:hover > a {
  color: #f0c105 !important;
}

#rmpmenu > .rmplevel0:hover > a {
  color: #fff !important;
}
  
#rmpmenu > .rmplevel0 > .rmpoption0 > .rmplevel1 {
  background: #00041b !important;
  float: none;
}
  
@media screen and (max-width: 960px) {
  #header {
    background-color: white;
    color: #fff;
    display: block;
  }

  #header .actionBox {
    position: relative;
    float: right;
    right: 0px;
    display: inline;
  }

  #headerbanner {
    /* display: flex; */
    display: block;
	justify-content: space-between;
    height: 100px;
  }
  
  #rmpCustomerLogo {
    /* display: none; */
    height: 36px;
/*    width: 306px;*/
    width: calc(100% - 10px);
    background-size: 306px 36px;
    margin-left: 5px;
    margin-top: 3px;
  }  

  .logoBox {
    /* float: right;
    display: inline;
	width: 32px; */
	position: absolute;
	top: 42px;
	display: block;
/*    width: 306px;*/
    width: 100%;
  }
  
  .actionBox > span {
    display: none;
  } 
  
  .appliName {
      /*
    width: 50%;
    height: 34px;
    float: left;
    padding-top: 6px;
    font-size: 20px;
    padding-left: 25%;
    overflow-x: visible;
    white-space: nowrap;
    text-align: center;
    display: inline;
    */
    position: absolute;
    top: 0;
    background-color: #c2262f;
    padding-left: 52px;
    padding-top: 0px;
    text-align: left;
    line-height: 34px;
    word-break: unset;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    width: 100%;
  }

  #all_basket {
    color: white;
    float: left;
    width: 45%;
  }
    
  #rmp_basket {
      /*
    overflow: visible !important;
    padding: 2px 20px 2px 10px !important;
    z-index: 1000;
    top: 30px;
    */
    /* position: absolute!important; */
    /* left: 0; */
    /* right: 0!important; */
    /*
    bottom: 0;
    height: 100%;
    background-color: #818286!important;
    */
    padding: 0!important;
    z-index: 999;
    height: 100%;
    background: #505050!important;
    top: 34px;
    width: 100vw!important;
    opacity: 0.95;
    left: 0px;
    margin: 0!important;
    border: 0;
    position: fixed!important;
    float: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    display: block;
  }
  
  #rmp_mini_basket {
    border: 1px solid #fff!important;
    background: #c2262f!important;
    color: #fff!important;
  }

  #rmp_mini_basket.changed {
    color: #fff!important;
  }

  #rmp_basket_container {
    padding: 1px 5px;
    width: fit-content;
    height: 28px;
  }
  
  .actionBox #rmp_basket span {
    line-height: 17px;
    color: white!important;
  }

  #rmp_basket > ul > span.label {
    width: 100%;
    display: block;
    font-size: 20px;
    height: 38px!important;
    line-height: 38px!important;
    background: #505050;
    border-bottom: 4px solid #c2262f;
  }

  #rmp_basket ul {
    margin: 0;
  }

  #rmp_basket li {
    padding: 10px!important;
    width: calc(100% - 40px);
  }

  #rmp_basket > ul > li > span.value {
    float: right;
    background: transparent;
    /*color: black;*/
  }

  .actionBox #rmp_basket span::before {
    content: '';
  }

  .actionBox #rmp_basket span::after {
    content: '';
  }

  #rmp_basket #rmpbasketoption {
    padding: 0 10px;
    width: calc(100% - 20px);
    font-weight: 300;
    color: white;
  }

  input[type=checkbox], input[type=radio] {
    /* opacity: 100; */
    position: relative;
    top: auto;
  }
  
  .icon-poweroff {
    background-image: none!important;
    display: inline-block;
    margin: 7px 0;
  }

#header .icon-poweroff::before {
    font-family: "Font Awesome 5 Free";
    content: "\f011";
    font-size: 20px;
    font-weight: 900;
    color: #fff;
}

  /*
  .rmpmenu {
    height: 36px;
    border-top: solid 1px #CCC;
    background-color: #1c1c1b !important;
    position: static;
    -webkit-transform: none;
    transform: none;
  }
  
  .rmpmenu li {
    display: inline !important;
    padding: 11px 0 6px 0 !important;
    border-top: none !important;
  }
  
  #rmpmenu, #rmpmenu li.open>ul {
    position: relative !important;

    display: inline-block;
  }

  #rmpmenu > .rmplevel0 > a {
    padding: 10px 0px 10px 5px;
    color: #fff !important;
    font-size: 13px;
  }
  
  #rmpmenu>li:last-child {
    border-bottom: none;
  }
    
  .rmpoption0 {
    display: none;
    padding: 0;
    position: absolute !important;
    top: -1px;
    background: #1c1c1b !important;
    overflow: visible !important;
    z-index: 500;
  }
  
  #rmpmenu > .rmplevel0 > .rmpoption0 > .rmplevel1 > a {
    color: #fff !important;
    padding: 3px 0px 3px 0px;
    font-size: 13px;
  }
  
  #rmpmenu > .rmplevel0 > .rmpoption0 > .rmplevel1 > .rmpoption1 > .rmplevel2 > a {
    color: #fff !important;
    padding: 10px 0px 10px 0px;
    font-size: 13px;
  }
  */
  .rmppgbstepsubname,
  .rmppgbstep {
    display: none;
  }

  .rmppgbstepcurrent {
    display: block !important;
    background: #818286;
  }

  .rmppgbstep {
    -webkit-box-flex: 100%;
    flex: 100% 0 1;
  }

  .rmppgbstep:before {
    border: none;
  }

  .rmppgbsteps .rmppgbstepnum,
  .rmppgbsteps .rmppgbsteplastnum {
    padding: 0.6rem 0 0.6rem 0.5rem;
    width: 30px;
    background-color: #505050;
  }

  .rmppgbstep::after {
    right: auto;
    left: 37px;
    border-left: 20px solid #505050 !important;
  }

  .rmppgbstepname {
    top: 9px;
    left: 37px;
    font-size: 15px;
    max-width: 275px;
    padding-right: 5px;
  }

  .rmppgbstep::after {
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    right: -20px;
    top: -1px;
    z-index: 1;
    border-bottom: 22px solid transparent;
    border-top: 20px solid transparent;
    border-left: 20px solid #e3e3e3;
    font-size: 0;
  }
}

@media screen and (max-width:480px) {
  .appliName {
    position: absolute;
    top: 0;
    background-color: #c2262f;
    padding-left: 52px;
    padding-top: 0px;
    text-align: left;
    line-height: 34px;
    word-break: unset;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    width: calc(100% - 35px);
  }
/*
  #rmpmenu > .rmplevel0 > a {
    padding: 10px 0px 10px 0px;
    margin-right: 2px;
  }
*/
}

@media screen and (min-width: 961px) {
  #header {
    background-color: white;
    color: #fff;
    display: block;
  }

  #header .appliName {
    position: absolute;
    top: 0;
    background-color: #c2262f;
    padding-left: 52px;
    padding-top: 0px;
    text-align: left;
    line-height: 34px;
    word-break: unset;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    width: calc(100% - 52px);
  }

  .logoBox {
    position: absolute;
    top: 42px;
    display: block;
    width: 100%;
  }

  #headerbanner {
    /* display: flex; */
    display: block;
    align-items: center;
    justify-content: space-between;
    height: 100px;
  }

  #header .actionBox {
    position: relative;
    float: right;
    right: 80px;
    }

  /*
  .rmpmenu {
    height: 36px;
    margin: 3px 0 !important;
    background-color: #1c1c1b !important;
    position: static;
    -webkit-transform: none;
    transform: none;
  }
  
  .rmpmenu li {
    display: inline !important;
    padding: 11px 0 6px 0 !important;
  }
  
  #rmpmenu>li:last-child {
    border-bottom: none;
  }
  
  #rmpmenu, #rmpmenu li.open>ul {
    position: relative !important;
    top: 0px;
    display: inline-block;
  }

  #rmpmenu > .rmplevel0 > a {
    padding: 10px 0px 10px 5px;
    color: #fff !important;
    font-size: 14px;
  }
*/
  #rmp_mini_basket {
    border: 1px solid #fff!important;
    background: #c2262f!important;
    color: #fff!important;
  }
  
  .actionBox #rmp_basket {
    z-index: 500;
    top: 34px;
  }
  
  #rmp_basket {
    /*position: absolute!important; */
    /* left: 0; */
    /* right: 0!important; */
    padding: 0!important;
    z-index: 999;
    height: 100%;
    background: #505050!important;
    top: 34px;
    width: 100vw!important;
    opacity: 0.95;
    left: 0px;
    margin: 0!important;
    border: 0;
    position: fixed!important;
    float: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    display: block;
  }
  
  #rmp_basket_container {
    padding: 1px 5px;
  }
  
  .actionBox #rmp_basket span {
    line-height: 25px;
    font-size: 18px;
    color: white!important;
  }

  #rmp_basket ul {
    margin: 0;
    width: 100%;
    padding: 0!important;
  }

  #rmp_basket li {
    width: calc(100% - 80px);
    padding: 8px 0 8px 10px!important;
  }

  #rmp_basket > ul > span.label {
    width: 100%;
    display: block;
    font-size: 20px;
    height: 38px!important;
    line-height: 38px!important;
    background: #505050;
    border-bottom: 4px solid #c2262f;
  }

  #rmp_basket > ul > li > span.value {
    float: right;
    background: transparent;
  }

  .actionBox #rmp_basket span::before {
    content: '';
  }

  .actionBox #rmp_basket span::after {
    content: '';
  }

  .actionBox #rmp_basket #rmpbasketoption {
    padding: 0 10px;
    width: calc(100% - 20px);
    font-weight: 300;
    color: white;
    font-size: 18px;
  }

  input[type=checkbox], input[type=radio] {
    opacity: 100;
    position: relative;
    top: auto;
  }
  
  .icon-poweroff {
    background-image: none!important;
    display: inline-block;
    margin: 7px 0;
  }
  
  #header .icon-poweroff::before {
    font-family: "Font Awesome 5 Free";
    content: "\f011";
    font-size: 20px;
    font-weight: 900;
    color: #fff;
  }

  #header .actionBox * {
    float: left;
  }
  
  #header .actionBox > span {
    padding-top: 5px;
    padding-right: 10px;
  }
  
  .rmpoption0 {
    display: none;
    padding: 0;
    position: absolute !important;
    top: 35px;
    background: #1c1c1b !important;
    overflow: visible !important;
    z-index: 500;
  }
  
  #rmpmenu > .rmplevel0 > .rmpoption0 > .rmplevel1 > a {
    color: #fff !important;
    padding: 3px 0px 3px 0px;
    font-size: 14px;
  }
  
  #rmpmenu > .rmplevel0 > .rmpoption0 > .rmplevel1 > .rmpoption1 > .rmplevel2 > a {
    color: #fff !important;
    padding: 10px 0px 10px 0px;
    font-size: 14px;
  }
  
  .rmppgbstep {
    -webkit-box-flex: unset;
    flex: unset;
    text-align: unset;
    background: none;
    color: #666;
    width: 100px;
  }

  .rmppgbstepcurrent {
    background: unset;
  }

  .rmppgbstepname {
    text-align: center !important;
    position: initial !important;
    padding: 0 !important;
    top: initial;
    width: 100%;
    white-space: initial;
  }

  .rmppgbstep:before {
    width: unset !important;
    height: unset !important;
  }

  .rmppgbstep:after,
  .rmppgbstepcurrent:after {
    border-top: none !important;
    border-left: none !important;
  }

  .rmppgbsteps .rmppgbstepnum,
  .rmppgbsteps .rmppgbsteplastnum {
    padding: 0 2px !important;
    text-align: center;
    border: 3px solid gray;
    border-radius: 50%;
  }

  .rmppgbsteps .rmppgbstepprevious .rmppgbstepnum,
  .rmppgbsteps .rmppgbstepprevious .rmppgbsteplastnum {
    background-color: darkgray;
    border: 3px solid darkgray;
  }

  :root .rmppgbsteps,
  _:-ms-fullscreen {
    justify-content: flex-start;
  }

  .rmppgbsteps {
    padding-left: 0;
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    margin-bottom: 20px;
    flex-wrap: wrap;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .rmppgbsteps .rmppgbstepname {
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 14px;
  }

  .rmppgbstep {
    margin-right: 0;
    position: relative;
    -webkit-box-flex: 1;
    flex-grow: 1;
    float: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    align-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    z-index: 0;
    max-width: 170px;
  }

  .rmppgbsteps .rmppgbstepcurrent .rmppgbsteplastnum,
  .rmppgbsteps .rmppgbstepcurrent .rmppgbstepnum {
    background-color: #f0c105;
    border: 3px solid #f0c105;
  }

  .rmppgbsteps .rmppgbstepcurrent .rmppgbsteplastnum::after,
  .rmppgbsteps .rmppgbstepcurrent .rmppgbstepnum::after {
    background: none repeat scroll 0 0 darkgray;
  }

  .rmppgbsteps .rmppgbsteplastnum,
  .rmppgbsteps .rmppgbstepnum {
    background: white;
  }

  .rmppgbsteplastnum,
  .rmppgbstepnum {
    line-height: 2em;
    width: 26px !important;
    margin: 10px 0 5px;
  }

  .rmppgbstep .rmppgbsteplastnum::after,
  .rmppgbstep .rmppgbstepnum::after {
    position: absolute;
    background: none repeat scroll 0 0 darkgray;
    bottom: 58px;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    width: 100%;
    z-index: -1;
  }

  .rmppgbstep .rmppgbsteplastnum::after {
    left: 0;
    width: 0;
  }

  .rmppgbsteps .rmppgbstepsubname {
    -webkit-box-pack: end;
    justify-content: flex-end;
    font-size: 14px;
    position: static;
    display: block;
    height: 36px;
  }

  .rmppgbstephidden {
    display: none;
  }

  .gwt-HTML-check.rmp-ProgressBar .rmppgbsteps .rmppgbstepprevious .rmppgbstepnum::before {
    content: "";
    width: 8px !important;
    height: 16px !important;
    position: absolute;
    z-index: 100;
    margin-left: -4px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 1px;
  }

  .gwt-HTML-check.rmp-ProgressBar .rmppgbsteps .rmppgbstep1.rmppgbstepprevious .rmppgbstepnum::before {
    margin-left: -4px;
  }

  .gwt-HTML-check.rmp-ProgressBar .rmppgbsteps .rmppgbstepprevious .rmppgbstepnum {
    color: darkgray;
  }
}

.select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow {
  background: none !important;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-drop-active {
  border: 1px solid #f0c105 !important;
}

.select2-results .select2-highlighted {
  background: #f0c105 !important;
}

.rmppgbstep::after {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  right: -20px;
  top: -1px;
  z-index: 1;
  border-bottom: 22px solid transparent;
  border-top: 20px solid transparent;
  border-left: 20px solid #e3e3e3;
  font-size: 0;
}

/*
===========================================================
	3. General widget
===========================================================
*/
/*
	3.1 Button
----------------------------
*/
.gwt-Button, .gwt-PushButton, button {
    background: #c2262f !important;
    border-radius: 0;
    padding: 13px 15px;
}
.gwt-Button,
.gwt-Button:hover,
.gwt-Button-Bubble {
    background: #c2262f !important;
    border-radius: 0;
    padding: 13px 15px;
}
.gwt-Button:hover,
.gwt-Button:hover:hover,
.gwt-Button-Bubble:hover {
    background: #779d2f;
    border: 1px solid #c2262f;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.gwt-Button-cancel,
.gwt-Button-cancel:hover,
.gwt-Button-cancelBubble {
  background: #cf0b2a !important;
}

.gwt-Button-cancel:hover,
.gwt-Button-cancel:hover:hover,
.gwt-Button-cancelBubble:hover {
  background: #cf0b2a;
}

.gwt-Button-save,
.gwt-Button-save:hover,
.gwt-Button-saveBubble {
  background: #d98f00 !important;
}

.gwt-Button-save:hover,
.gwt-Button-save:hover:hover,
.gwt-Button-saveBubble:hover {
  background: #d98f00;
}

.gwt-Button-other,
.gwt-Button-other:hover,
.gwt-Button-otherBubble {
  background: #2e769e !important;
}

.gwt-Button-other:hover,
.gwt-Button-other:hover:hover,
.gwt-Button-otherBubble:hover {
  background: #2e769e !important;
}

.gwt-Button[disabled],
.gwt-Button[disabled]:hover,
.gwt-PushButton[disabled],
.gwt-PushButton[disabled]:hover,
button[disabled],
button[disabled]:hover {
  color: #c1c1c1 !important;
  background: #dcdcdc !important;
}

.gwt-Button-disabled,
.gwt-Button[disabled]:hover {
  color: #c1c1c1 !important;
  background: #dcdcdc !important;
  border: none;
}

@media screen and (max-width: 590px) {
  .gwt-Button,
  .gwt-PushButton,
  button {
    margin: 0.25rem 7.5px 0.25rem 7.5px;
    font-weight: normal;
    font-size: 20px;
    width: -webkit-calc(100% - 15px);
    width: calc(100% - 15px);
  }
}

/* MN Fix radio button alignment */
.gwt-RadioButton label, .gwt-CheckBox label {
  padding: .25rem .5rem !important;
}

/*
	3.2 Report
----------------------------
*/

/* MN Fix header padding */
.Report > table > tbody > tr > td > div > div > div > div > table > tbody > tr > td:nth-child(1),
.Report > table > tbody > tr > td > div > div > div > div > table > tbody > tr > td:nth-child(2) {
  padding: 0 !important;
}
/* MN Fix header padding */
.ColumnHeader:not(.ColumnFilter) {
  padding: .25rem .25rem !important;
}


@media only screen and (min-width: 961px) {
    /* Suppress "more details" arrow - remove padding for "more details" arrow*/
    .Report > table > tbody > tr > td > div > div > div > div > div > .gwt-TreeItem .Leaf> table > tbody > tr,
    .ATHeader tbody tr:first-child {
      padding: 0 0 0 0 !important;
    }
    /* Suppress "more details" arrow */
    .gwt-TreeItem > div > table > tbody > tr:before {
      display: none;
    }
    
    
    /* Add the "more details" arrow back without breaking the format */
    /* Note does not function at this stage */
    /*.Report .ArrayTree tr > td:last-child:after { */
    /* .Report .ArrayTree tr:first-line { */
    /*    content: url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNTBDOUJCRkNDMzhFNDExOTU1QTk0MkNERDJBNTAxQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRENCNDhBMDM4Q0QxMUU0Qjk3MkE4Q0REMDNCQjkwMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRENCNDg5RjM4Q0QxMUU0Qjk3MkE4Q0REMDNCQjkwMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA4MEM5QkJGQ0MzOEU0MTE5NTVBOTQyQ0REMkE1MDFCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1MEM5QkJGQ0MzOEU0MTE5NTVBOTQyQ0REMkE1MDFCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7PaxbgAAAJJJREFUeNqslbEKwCAMRJPQqZNL//8PC12cCmmEFApVSWIOgoPy9E6DyMzwChEhoi+DOvOlsSGoHnCXOqS2LCAo7FB4ChDUdvFGQIY1rgjIuLE5AnLEY4qAAhc5jYCCz20YQRQ43SmiW+rUcRlYpa7WwqsnZAXVDMtDixHg1KIHaLJoBZotWoAui7/+zP4CHgEGAIrSJIgX2WTaAAAAAElFTkSuQmCC");
        width: 24px;
        height: 24px;
        position: absolute;
        top: 7px;
        right: 8px
    }*/
    
    
    /* Fix report body column formatting */
    .gwt-TreeItem .Leaf > table {
      display: table;
    }
    .gwt-TreeItem .Leaf > table > tbody {
      display: table-row-group;
    }
    .gwt-TreeItem .Leaf > table > tbody > tr {
      display: table-row !important;
    }
    /* Fix report column formatting */
    .gwt-TreeItem .Leaf > table > tbody > tr > td {
       display: table-cell !important;
    }
    
    /* Fix report header formatting */
    .ATHeader {
      display: table; /* Fix report header formatting */
    }
    .ATHeader tbody {
      display: table-row-group; /* Fix report header formatting */
    }
    .ATHeader tbody tr:first-child {
      display: table-row; /* Fix report header formatting */
    }
    .ATHeader > tbody > tr:nth-child(1) > td {
       display: table-cell;
    }
    /* Format column headers with no specified width in table */
    .Report > table > tbody > tr > td > div > div > div > div:nth-child(3) > .ATHeader > tbody > tr:nth-child(1) > td:not([width]) {
      width: 100%;
    }
}

.ATHeader tbody tr:first-child {
  background: #505050 !important;
  border-top: none !important;
}

@media only screen and (min-width: 961px) {
.editWrapperStyle, .viewWrapperStyle,
.ImageButton-SelectAll, .ImageButton-DeselectAll,
.ImageButton-filter,
.ImageButton-Refresh, .ImageButton-Refresh-only,
    table.Buttons > tbody > tr > td > div > table > tbody > tr > td {
      Display: inline; /* MN - Show Filter/refresh */
    }
    
    table.Buttons > tbody > tr > td > div > table > tbody > tr > td > div {
      Display: table-row; /* MN - Show Filter/refresh */
    }
    
    table.Buttons > tbody > tr > td:nth-child(3) {
      width: 20%; /* MN - Right align Export/Printer/Edit */
    }
    
    /* MN - Right align Export/Printer/Edit */
    table.Buttons.Buttons-Right {
      float: right;
      width: 20%;
    }
    
    .Buttons-Right .ImageButton,
    .editWrapperStyle .ImageButton {
      margin-left: 6px !important; /* MN Made important to stop override */
      margin-right: 6px !important; /* MN Made important to stop override */
    }
    
    /* MN Use new icons in report */
    img.ImageButton-SelectAll {
      background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Calque_2' data-name='Calque 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 507.46 511.2'%3E%3Ctitle%3E2%3C/title%3E%3Crect x='256' y='462.29' width='251.46' height='48.91' fill='%232F779D'/%3E%3Cpolygon points='20.53 85.34 81.92 146.72 199.01 29.64 223.04 53.67 223.04 0 0 0 0 105.87 20.53 85.34' fill='%232F779D'/%3E%3Cpolygon points='112.32 177.12 112.32 177.12 85.42 204.02 55.02 173.62 55.02 173.62 0 118.61 0 223.04 223.04 223.04 223.04 66.4 112.32 177.12' fill='%232F779D'/%3E%3Crect x='256' y='174.13' width='251.46' height='48.91' fill='%232F779D'/%3E%3Crect x='256' y='90.51' width='251.46' height='48.91' fill='%232F779D'/%3E%3Cpolygon points='20.53 373.5 81.92 434.88 199.01 317.8 223.04 341.83 223.04 288.16 0 288.16 0 394.03 20.53 373.5' fill='%232F779D'/%3E%3Cpolygon points='112.32 465.28 112.32 465.28 85.42 492.18 55.02 461.79 55.02 461.79 0 406.76 0 511.2 223.04 511.2 223.04 354.56 112.32 465.28' fill='%232F779D'/%3E%3Crect x='256' y='378.67' width='251.46' height='48.91' fill='%232F779D'/%3E%3C/svg%3E");
      -o-object-position: -99999px 99999px;
      object-position: -99999px 99999px;
      background-repeat: no-repeat;
      background-size: contain;
    }
    
    /* MN Use new icons in report */
    img.ImageButton-DeselectAll {
      background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Calque_2' data-name='Calque 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 507.46 511.2'%3E%3Ctitle%3E2%3C/title%3E%3Crect x='256' y='174.13' width='251.46' height='48.91' fill='%232F779D'/%3E%3Crect x='256' y='90.51' width='251.46' height='48.91' fill='%232F779D'/%3E%3Crect x='256' y='462.29' width='251.46' height='48.91' fill='%232F779D'/%3E%3Crect x='256' y='378.67' width='251.46' height='48.91' fill='%232F779D'/%3E%3Cpath d='M0, 0V223H223V0ZM201.71, 202.38H16.6V17.27H201.71Z' fill='%232F779D'/%3E%3Cpath d='M0, 288.2v223H223v-223ZM201.71, 490.54H16.6V305.43H201.71Z' fill='%232F779D'/%3E%3C/svg%3E");
      -o-object-position: -99999px 99999px;
      object-position: -99999px 99999px;
      background-repeat: no-repeat;
      background-size: contain;
    }
    
    /* MN Use new icons in report */
    img.ImageButton-filter {
      background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.12 24'%3E%3Ctitle%3E2%3C/title%3E%3Cpath d='M23.56, 3.24C23.56, 1.11, 17.74, 0, 12, 0S.44, 1.11.44, 3.24a1.64, 1.64, 0, 0, 0, 0.83, 1.29l8, 10.88v8.1l0, 0.49h.67l4.85-4.85V15.41l8-10.88A1.64, 1.64, 0, 0, 0, 23.56, 3.24ZM12, 0.92c6.49, 0, 10.63, 1.37, 10.63, 2.31S18.49, 5.55, 12, 5.55, 1.37, 4.18, 1.37, 3.24, 5.51.92, 12, 0.92Z' transform='translate(-0.44)' fill='%232F779D'/%3E%3C/svg%3E");
      -o-object-position: -99999px 99999px;
      object-position: -99999px 99999px;
      background-repeat: no-repeat;
      background-size: contain;
    }
    
    /* MN Use new icons in report */
    img.ImageButton-Refresh { /* Filter Reset */
      background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 493.13 512'%3E%3Ctitle%3E2%3C/title%3E%3Cpath d='M246.56, 0C124, 0, 0, 23.71, 0, 69, 0, 79.28, 6.43, 88.43, 17.71, 96.46L187.39, 328.68V501.53L188, 512h9.86l4.51-.18, 82.19-82.15a133.84, 133.84, 0, 1, 1, 119-234.91L475.41, 96.5c11.29-8, 17.72-17.18, 17.72-27.46C493.13, 23.71, 369.09, 0, 246.56, 0Zm0, 118.35C108.09, 118.35, 19.72, 89.15, 19.72, 69s88.37-49.27, 226.84-49.27S473.41, 48.93, 473.41, 69, 385, 118.35, 246.56, 118.35Z' fill='%232F779D'/%3E%3Cpath d='M325.66, 194.55A109.78, 109.78, 0, 1, 0, 435.45, 304.33, 109.78, 109.78, 0, 0, 0, 325.66, 194.55Zm55.26, 194.22-55.65-55.65L270, 388.38, 240.84, 359.2l55.26-55.26-55.65-55.65, 29.17-29.17, 55.65, 55.65, 56-56, 29.17, 29.17-56, 56, 55.65, 55.65Z' fill='%232F779D'/%3E%3C/svg%3E");
      -o-object-position: -99999px 99999px;
      object-position: -99999px 99999px;
      background-repeat: no-repeat;
      background-size: contain;
    }
    
    /* MN Use new icons in report */
    img.ImageButton-Refresh-only {
      background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.42 24'%3E%3Ctitle%3E2%3C/title%3E%3Cpath d='M2.73, 10A1.92, 1.92, 0, 0, 0, 4.49, 8.86a8.15, 8.15, 0, 0, 1, 7.51-5, 8, 8, 0, 0, 1, 4.94, 1.7l-1.07.17a.84.84, 0, 0, 0-.22, 1.59L21.55, 10a.84.84, 0, 0, 0, 1.18-.76l0-6.5a.84.84, 0, 0, 0-1.53-.47l-.81, 1.22A12, 12, 0, 0, 0, 0.94, 7.34, 1.93, 1.93, 0, 0, 0, 2.73, 10Z' transform='translate(-0.79)' fill='%232F779D'/%3E%3Cpath d='M22.89, 14.84a1.92, 1.92, 0, 0, 0-3.38.31, 8.15, 8.15, 0, 0, 1-7.51, 5, 8, 8, 0, 0, 1-4.94-1.7l1.07-.17a.84.84, 0, 0, 0, 0.22-1.59L2.45, 14a.84.84, 0, 0, 0-1.18.76l0, 6.5a.84.84, 0, 0, 0, 1.53.47l.81-1.22a12, 12, 0, 0, 0, 19.47-3.89A1.93, 1.93, 0, 0, 0, 22.89, 14.84Z' transform='translate(-0.79)' fill='%232F779D'/%3E%3C/svg%3E");
      -o-object-position: -99999px 99999px;
      object-position: -99999px 99999px;
      background-repeat: no-repeat;
      background-size: contain;
    }
}

.pagerWrapperStyle .Pager td:first-child .gwt-Image {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.49 16'%3E%3Ctitle%3E2%3C/title%3E%3Cpath d='M9.28, 8l6.3-6.3a.51.51, 0, 0, 0, 0-.74l-.8-.8a.5.5, 0, 0, 0-.74, 0L6.57, 7.63a.5.5, 0, 0, 0, 0, 0.74L14, 15.84a.5.5, 0, 0, 0, 0.74, 0l.8-.8a.5.5, 0, 0, 0, 0-.74Z' transform='translate(-0.26)' fill='%232F779D'/%3E%3Cpath d='M3.13, 8l6.3-6.3a.5.5, 0, 0, 0, 0-.74l-.8-.8a.5.5, 0, 0, 0-.74, 0L.42, 7.63a.5.5, 0, 0, 0, 0, 0.74l7.47, 7.47a.5.5, 0, 0, 0, 0.74, 0l.8-.8a.5.5, 0, 0, 0, 0-.74Z' transform='translate(-0.26)' fill='%232F779D'/%3E%3C/svg%3E");
  -o-object-position: -99999px 99999px;
  object-position: -99999px 99999px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 16px;
}

.pagerWrapperStyle .Pager td:nth-child(2) .gwt-Image {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.27 16'%3E%3Ctitle%3E2%3C/title%3E%3Cpolygon points='8 0 0 8 8 16 10.27 13.73 4.54 8 10.27 2.27 8 0' fill='%232F779D'/%3E%3C/svg%3E");
  -o-object-position: -99999px 99999px;
  object-position: -99999px 99999px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 16px;
}

.pagerWrapperStyle .Pager td:nth-child(4) .gwt-Image {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.27 16'%3E%3Ctitle%3E2%3C/title%3E%3Cpolygon points='2.27 16 10.27 8 2.27 0 0 2.27 5.73 8 0 13.73 2.27 16' fill='%232F779D'/%3E%3C/svg%3E");
  -o-object-position: -99999px 99999px;
  object-position: -99999px 99999px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 16px;
}

.pagerWrapperStyle .Pager td:nth-child(5) .gwt-Image {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.49 16'%3E%3Ctitle%3E2%3C/title%3E%3Cpath d='M15.58, 7.63, 8.11.16a.5.5, 0, 0, 0-.74, 0l-.8.8a.5.5, 0, 0, 0, 0, 0.74L12.87, 8l-6.3, 6.3a.5.5, 0, 0, 0, 0, 0.74l.8.8a.5.5, 0, 0, 0, 0.74, 0l7.47-7.47a.51.51, 0, 0, 0, 0-.74Z' transform='translate(-0.26)' fill='%232F779D'/%3E%3Cpath d='M9.59, 8a.51.51, 0, 0, 0-.16-.37L2, 0.16a.5.5, 0, 0, 0-.74, 0L.42, 1a.5.5, 0, 0, 0, 0, 0.74L6.72, 8, 0.42, 14.3a.5.5, 0, 0, 0, 0, 0.74l.8.8a.5.5, 0, 0, 0, 0.74, 0L9.43, 8.37A.51.51, 0, 0, 0, 9.59, 8Z' transform='translate(-0.26)' fill='%232F779D'/%3E%3C/svg%3E");
  -o-object-position: -99999px 99999px;
  object-position: -99999px 99999px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 16px;
}

.pagerWrapperStyle .Pager td .gwt-Image[aria-disabled=true] {
  opacity: 0.5; 
  cursor: default;
}

/* MN - Fix for Safari limitation */
img[src^='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAA6ElEQVR42mNgWP5IigEb2P+fhWH5fQUGgmD5fQeGFXfVGOr/M2ExACj3SIdh1X9m/AaA8NL7Bgwzz7BiGAAxxJRh/n0O/AaA8JL7FgyrXvFgGACWe2gNNEQAv'] {
/*img[src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAA6ElEQVR42mNgWP5IigEb2P+fhWH5fQUGgmD5fQeGFXfVGOr/M2ExACj3SIdh1X9m/AaA8NL7Bgwzz7BiGAAxxJRh/n0O/AaA8JL7FgyrXvFgGACWe2gNNEQAvwFgl9yzY1h0RwzDABBedt+eYdVjafwGwA16rIpTbtl9DUSY4VJECC++p47fgGUPtXHL3dNDxAw2BavuymENA5jX/v9nxB4GoABcdVsUayxgDUAUAx5YMSy5zYc1HSx/ZAvULIQnJWJJKDADQGlj0Qtu3ClxyWNdrEkVZMCKB0YMq66wMZAFQAGFnj+wAABtV+wnKt2GXgAAAABJRU5ErkJggg=='] {*/
/*.pagerWrapperStyle .Pager td:nth-child(5) .gwt-Image {*/
  opacity: 0.5;
  cursor: default !important;
}

@media only screen and (min-width: 961px) {
    /* MN Use new icons in report */
    img.ImageButton-Export {
      background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.32 24'%3E%3Ctitle%3E2%3C/title%3E%3Cpath d='M23.52, 19.81l-3.17-3.17a1.16, 1.16, 0, 0, 0-2, 0.82v.48a.21.21, 0, 0, 1-.2.2h-.32V4.92a.48.48, 0, 0, 0-.14-.34L13.25.14A.48.48, 0, 0, 0, 12.91, 0H.82A.48.48, 0, 0, 0, 0.34.48v23A.48.48, 0, 0, 0, 0.82, 24H17.36a.48.48, 0, 0, 0, 0.48-.48V22.16h.32a.21.21, 0, 0, 1, 0.2.2v.48a1.16, 1.16, 0, 0, 0, 2, 0.82l3.17-3.17a.48.48, 0, 0, 0, 0-.68ZM13.39, 1.63l2.81, 2.81H13.39ZM16.88, 23H1.3V1H12.44v4a.48.48, 0, 0, 0, 0.48.48h4V18.14h-1a.48.48, 0, 0, 0-.48.48v3.06a.48.48, 0, 0, 0, 0.48.48h1ZM19.67, 23a.2.2, 0, 0, 1-.35-.14v-.48a1.16, 1.16, 0, 0, 0-1.16-1.16h-1.8V19.1h1.8a1.16, 1.16, 0, 0, 0, 1.16-1.16v-.48a.2.2, 0, 0, 1, 0.35-.14l2.84, 2.83Z' transform='translate(-0.34)' fill='%232F779D'/%3E%3Cpath d='M3.71, 8.32h7.91a.48.48, 0, 0, 0, 0-1H3.71a.48.48, 0, 1, 0, 0, 1Z' transform='translate(-0.34)' fill='%232F779D'/%3E%3Cpath d='M14.47, 10.52H3.71a.48.48, 0, 0, 0, 0, 1H14.47a.48.48, 0, 1, 0, 0-1Z' transform='translate(-0.34)' fill='%232F779D'/%3E%3Cpath d='M14.47, 13.67H3.71a.48.48, 0, 0, 0, 0, 1H14.47a.48.48, 0, 1, 0, 0-1Z' transform='translate(-0.34)' fill='%232F779D'/%3E%3Cpath d='M14.47, 16.83H3.71a.48.48, 0, 0, 0, 0, 1H14.47a.48.48, 0, 1, 0, 0-1Z' transform='translate(-0.34)' fill='%232F779D'/%3E%3Cpath d='M14.47, 7.36H13.42a.48.48, 0, 0, 0, 0, 1h1.05a.48.48, 0, 1, 0, 0-1Z' transform='translate(-0.34)' fill='%232F779D'/%3E%3C/svg%3E");
      -o-object-position: -99999px 99999px;
      object-position: -99999px 99999px;
      background-repeat: no-repeat;
      background-size: contain;
    }
    
    /* MN Use new icons in report */
    img.ImageButton-Print {
      background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.81 24'%3E%3Ctitle%3E2%3C/title%3E%3Cpath d='M19.86, 4.92h-.62V3.55A3.55, 3.55, 0, 0, 0, 15.7, 0H8.25A3.55, 3.55, 0, 0, 0, 4.7, 3.55V4.92H4.14A3.55, 3.55, 0, 0, 0, 0.59, 8.47v5.72a3.55, 3.55, 0, 0, 0, 3.55, 3.55H4.7v4.5A1.77, 1.77, 0, 0, 0, 6.47, 24h11a1.77, 1.77, 0, 0, 0, 1.77-1.77v-4.5h.62a3.55, 3.55, 0, 0, 0, 3.55-3.55V8.47A3.55, 3.55, 0, 0, 0, 19.86, 4.92ZM6, 3.55a2.21, 2.21, 0, 0, 1, 2.2-2.2h7.44a2.21, 2.21, 0, 0, 1, 2.2, 2.2V4.92H6ZM17.89, 22.24a.43.43, 0, 0, 1-.43.43h-11A.43.43, 0, 0, 1, 6, 22.24V14.82H17.89Zm4.17-8a2.21, 2.21, 0, 0, 1-2.2, 2.2h-.62V14.82h.89a.67.67, 0, 0, 0, 0-1.34H3.71a.67.67, 0, 0, 0, 0, 1.34h1v1.57H4.14a2.21, 2.21, 0, 0, 1-2.2-2.2V8.47a2.21, 2.21, 0, 0, 1, 2.2-2.2H19.86a2.21, 2.21, 0, 0, 1, 2.2, 2.2Z' transform='translate(-0.59)' fill='%232F779D'/%3E%3Cpath d='M7.67, 18.13h8.55a.67.67, 0, 0, 0, 0-1.34H7.67a.67.67, 0, 0, 0, 0, 1.34Z' transform='translate(-0.59)' fill='%232F779D'/%3E%3Cpath d='M16.27, 19.53H7.72a.67.67, 0, 0, 0, 0, 1.34h8.55a.67.67, 0, 0, 0, 0-1.34Z' transform='translate(-0.59)' fill='%232F779D'/%3E%3Cpath d='M19.84, 7.56H18.48a.67.67, 0, 0, 0, 0, 1.34h1.36a.67.67, 0, 0, 0, 0-1.34Z' transform='translate(-0.59)' fill='%232F779D'/%3E%3C/svg%3E");
      -o-object-position: -99999px 99999px;
      object-position: -99999px 99999px;
      background-repeat: no-repeat;
      background-size: contain;
    }
    
    /* MN Use new icons in report */
    img.ImageButton-Edit {
      background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3E2%3C/title%3E%3Cg id='Pencil'%3E%3Cpath d='M22.71, 1.29a4.41, 4.41, 0, 0, 0-6.23, 0L3.22, 14.47a.74.74, 0, 0, 0-.18.28L0, 23a.75.75, 0, 0, 0, 0.71, 1A.74.74, 0, 0, 0, 1, 24l7.46-2.29a.75.75, 0, 0, 0, 0.31-.19l14-14a4.41, 4.41, 0, 0, 0, 0-6.23ZM7.57, 20.37l-2.79.86A3.2, 3.2, 0, 0, 0, 4, 20a4.05, 4.05, 0, 0, 0-1-.72l1.28-3.51H6v1.5a.75.75, 0, 0, 0, 0.75.75H8.07Zm11-10.87L9.47, 18.64l.26-1.24A.75.75, 0, 0, 0, 9, 16.5H7.5V15a.75.75, 0, 0, 0-.75-.75H5.57l8.92-8.87h0A2.91, 2.91, 0, 1, 1, 18.61, 9.5Zm3-3-.7.7a4.39, 4.39, 0, 0, 0-4.12-4.11l.7-.7h0a2.91, 2.91, 0, 1, 1, 4.11, 4.11Zm-4.93-.25-7.5, 7.5a.75.75, 0, 1, 0, 1.06, 1.06l7.5-7.5a.75.75, 0, 0, 0-1.06-1.06Z' transform='translate(0)' fill='%232F779D'/%3E%3C/g%3E%3C/svg%3E");
      -o-object-position: -99999px 99999px;
      object-position: -99999px 99999px;
      background-repeat: no-repeat;
      background-size: contain;
    }
}



.Clickable .gwt-Label {
  cursor: pointer;
}

.Report a.customRemove {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 404.7 512'%3E%3Ctitle%3Erubbish-bin%3C/title%3E%3Cpath d='M423.45, 60.29H355.08V15.86A15.88, 15.88, 0, 0, 0, 338.93, 0a2.4, 2.4, 0, 0, 0-1.73.58A2.2, 2.2, 0, 0, 0, 336, 0h-163a15.63, 15.63, 0, 0, 0-15.86, 15.86V60.29H88.55a34.47, 34.47, 0, 0, 0-34.9, 34.9V152.3H83.94V477.39c0, 19.61, 15, 34.61, 34.61, 34.61h274.9c19.61, 0, 34.9-15, 34.9-34.61V152.3h30V95.19A34.47, 34.47, 0, 0, 0, 423.45, 60.29ZM188.93, 31.73H323.07V60.29H188.93Zm207.4, 445.66c0, 2-.87, 2.88-2.88, 2.88H118.55c-2, 0-2.88-.86-2.88-2.88V152.3H396.33Zm30-356.81H85.67V95.19c0-2, 0.87-3.17, 2.88-3.17h334.9c2, 0, 2.88, 1.15, 2.88, 3.17v25.39Z' transform='translate(-53.65)' fill='%23cf0b2a'/%3E%3Crect x='260.47' y='189.52' width='32.02' height='262.49' fill='%23cf0b2a'/%3E%3Crect x='186.63' y='189.52' width='32.02' height='262.49' fill='%23cf0b2a'/%3E%3Crect x='112.78' y='189.52' width='32.02' height='262.49' fill='%23cf0b2a'/%3E%3C/svg%3E");
  height: 20px;
  width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0 5px;
}

.Report a.customEdit {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3E2%3C/title%3E%3Cg id='Pencil'%3E%3Cpath d='M22.71, 1.29a4.41, 4.41, 0, 0, 0-6.23, 0L3.22, 14.47a.74.74, 0, 0, 0-.18.28L0, 23a.75.75, 0, 0, 0, 0.71, 1A.74.74, 0, 0, 0, 1, 24l7.46-2.29a.75.75, 0, 0, 0, 0.31-.19l14-14a4.41, 4.41, 0, 0, 0, 0-6.23ZM7.57, 20.37l-2.79.86A3.2, 3.2, 0, 0, 0, 4, 20a4.05, 4.05, 0, 0, 0-1-.72l1.28-3.51H6v1.5a.75.75, 0, 0, 0, 0.75.75H8.07Zm11-10.87L9.47, 18.64l.26-1.24A.75.75, 0, 0, 0, 9, 16.5H7.5V15a.75.75, 0, 0, 0-.75-.75H5.57l8.92-8.87h0A2.91, 2.91, 0, 1, 1, 18.61, 9.5Zm3-3-.7.7a4.39, 4.39, 0, 0, 0-4.12-4.11l.7-.7h0a2.91, 2.91, 0, 1, 1, 4.11, 4.11Zm-4.93-.25-7.5, 7.5a.75.75, 0, 1, 0, 1.06, 1.06l7.5-7.5a.75.75, 0, 0, 0-1.06-1.06Z' transform='translate(0)' fill='%232F779D'/%3E%3C/g%3E%3C/svg%3E");
  height: 20px;
  width: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0 5px;
}

.reportBarStyle,
.pagerStyle,
.Report .childPanel .Buttons {
  background: #f7f7f7 !important;
}

/*
	3.3 Tooltip
----------------------------
*/
.info,
.success,
.warning,
.error {
  display: block;
  padding: 8px 10px 8px 35px;
  margin: 10px 0;
}

.info {
  background: #90caf9;
  color: #0d47a1;
  border-left: 5px solid #0d47a1;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Ctitle%3Einformation%3C/title%3E%3Cpath d='M165, 0C74, 0, 0, 74, 0, 165S74, 330, 165, 330s165-74, 165-165S256, 0, 165, 0Zm0, 300C90.56, 300, 30, 239.44, 30, 165S90.56, 30, 165, 30, 300, 90.56, 300, 165, 239.44, 300, 165, 300Z' fill='%231976d2'/%3E%3Cpath d='M165, 70a20, 20, 0, 1, 0, 20, 20A20, 20, 0, 0, 0, 165, 70Z' fill='%231976d2'/%3E%3Cpath d='M165, 140a15, 15, 0, 0, 0-15, 15v90a15, 15, 0, 0, 0, 30, 0V155A15, 15, 0, 0, 0, 165, 140Z' fill='%231976d2'/%3E%3C/svg%3E");
  background-size: auto 25px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

.success {
  background: #a5d6a7;
  color: #1b5e20;
  border-left: 5px solid #1b5e20;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 486.46 367.66'%3E%3Ctitle%3Echeck%3C/title%3E%3Cpath d='M5.91, 249.83a19, 19, 0, 0, 1, 0-27.57l27.57-27.57a19, 19, 0, 0, 1, 27.57, 0l2, 2, 108.3, 116.18a9.52, 9.52, 0, 0, 0, 13.79, 0L425, 64.73h0c7.88-7.88, 20.15-6.64, 28, 1.23l27.57, 27.57a19, 19, 0, 0, 1, 0, 27.57h0L191, 421.15c-3.94, 3.94-7.88, 5.91-13.79, 5.91s-9.85-2-13.78-5.91L9.85, 255.74l-3.94-5.91Z' transform='translate(0 -59.4)' fill='%23388e3c'/%3E%3C/svg%3E");
  background-size: auto 20px;
  background-repeat: no-repeat;
  background-position: 5px 7px;
}

.warning {
  background: #ffcc80;
  color: #e65100;
  border-left: 5px solid #e65100;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 486.46 444.7'%3E%3Ctitle%3Ewarning%3C/title%3E%3Cpath d='M243.23, 333.38a25, 25, 0, 0, 0, 0, 50c13.1, 0, 25-11.4, 24.39-24.4A24.4, 24.4, 0, 0, 0, 243.23, 333.38Z' transform='translate(0 -20.88)' fill='%23f57c00'/%3E%3Cpath d='M474.62, 422a85.37, 85.37, 0, 0, 0, 0.21-86.4L318.23, 64.38a86.28, 86.28, 0, 0, 0-149.8-.1L11.63, 335.78a86.61, 86.61, 0, 0, 0, 75, 129.8H399.42C430.73, 465.58, 458.83, 449.28, 474.62, 422Zm-34-19.6a47.25, 47.25, 0, 0, 1-41.29, 23.9H86.53a46.61, 46.61, 0, 0, 1-40.8-23.4, 47.32, 47.32, 0, 0, 1-.1-47.7l156.8-271.4a47.09, 47.09, 0, 0, 1, 81.8.1l156.7, 271.4A46.67, 46.67, 0, 0, 1, 440.62, 402.38Z' transform='translate(0 -20.88)' fill='%23f57c00'/%3E%3Cpath d='M237, 157.88c-11.9, 3.4-19.3, 14.2-19.3, 27.3.6, 7.9, 1.1, 15.9, 1.7, 23.8, 1.7, 30.1, 3.4, 59.6, 5.1, 89.7a18.32, 18.32, 0, 0, 0, 18.7, 17.6c10.2, 0, 18.2-7.9, 18.7-18.2, 0-6.2, 0-11.9.6-18.2, 1.1-19.3, 2.3-38.6, 3.4-57.9.6-12.5, 1.7-25, 2.3-37.5a30.88, 30.88, 0, 0, 0-2.3-12.5A25.05, 25.05, 0, 0, 0, 237, 157.88Z' transform='translate(0 -20.88)' fill='%23f57c00'/%3E%3C/svg%3E");
  background-size: auto 25px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

.error {
  background: #ef9a9a;
  color: #b71c1c;
  border-left: 5px solid #b71c1c;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.97 47.97'%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath d='M28.23, 24, 47.09, 5.12A3, 3, 0, 0, 0, 42.85.88L24, 19.74, 5.12.88A3, 3, 0, 0, 0, 0.88, 5.12L19.74, 24, 0.88, 42.85a3, 3, 0, 1, 0, 4.24, 4.24L24, 28.23, 42.85, 47.09a3, 3, 0, 0, 0, 4.24-4.24Z' transform='translate(0 0)' fill='%23d32f2f'/%3E%3C/svg%3E");
  background-size: auto 25px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

/*
	3.4 Modal
----------------------------
*/
.gwt-DialogBox .Caption {
  background: #C2252F;
  color: #fff;
  border-top: none;
}

html > body .gwt-DialogBox .dialogTopRight,
html > body .gwt-DialogBox .dialogTopLeft,
.gwt-DialogBox .dialogMiddleLeft,
.gwt-DialogBox .dialogMiddleRight,
html > body .gwt-DialogBox .dialogBottomCenter,
html > body .gwt-DialogBox .dialogBottomLeft,
html > body .gwt-DialogBox .dialogBottomRight,
html > body .gwt-DialogBox .dialogMiddleRight {
  background: none;
}

.gwt-DialogBox .dialogMiddleCenter {
  background: #f7f7f7;
}

.ui-front {
  z-index: 99999 !important;
}

.ui-dialog-titlebar {
  border: none !important;
  background: rgb(194,38,47) !important;
  padding: 15px 18px !important;
  color: white !important;
  font-size: 15px !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-bottom: 10px !important;
  padding-left: 18px !important;
  text-transform: uppercase !important;
}

.ui-dialog-title {
  font-size: 15px !important;
}

.ui-dialog-titlebar-close::before {
  content: "" !important;
  color: white !important;
  font-size: 18px !important;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 3px;
  top: 2px;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.53 438.53'%3E%3Ctitle%3Ecross-mark-on-a-black-circle-background%3C/title%3E%3Cpath d='M409.13, 109.2a218.26, 218.26, 0, 0, 0-79.8-79.79Q278.95, 0, 219.27, 0T109.21, 29.41a218.26, 218.26, 0, 0, 0-79.8, 79.79Q0, 159.6, 0, 219.27T29.41, 329.33a218.29, 218.29, 0, 0, 0, 79.8, 79.8q50.39, 29.4, 110.06, 29.4t110.06-29.4a218.36, 218.36, 0, 0, 0, 79.8-79.8q29.4-50.4, 29.4-110.06T409.13, 109.2ZM322.62, 270.94a17.54, 17.54, 0, 0, 1, 5.43, 12.85, 17.86, 17.86, 0, 0, 1-5.43, 13.13l-25.69, 25.7A17.93, 17.93, 0, 0, 1, 283.79, 328, 17.57, 17.57, 0, 0, 1, 271, 322.62l-51.68-51.68-51.68, 51.68A17.57, 17.57, 0, 0, 1, 154.74, 328a17.91, 17.91, 0, 0, 1-13.13-5.42l-25.7-25.7a17.89, 17.89, 0, 0, 1-5.42-13.13, 17.59, 17.59, 0, 0, 1, 5.42-12.85l51.68-51.67-51.68-51.68a17.57, 17.57, 0, 0, 1-5.42-12.85, 17.89, 17.89, 0, 0, 1, 5.42-13.13l25.7-25.7a17.91, 17.91, 0, 0, 1, 13.13-5.42, 17.57, 17.57, 0, 0, 1, 12.85, 5.42l51.68, 51.68L271, 115.91a17.55, 17.55, 0, 0, 1, 12.84-5.42, 17.93, 17.93, 0, 0, 1, 13.14, 5.42l25.69, 25.7a17.86, 17.86, 0, 0, 1, 5.43, 13.13, 17.54, 17.54, 0, 0, 1-5.43, 12.85L271, 219.27Z' fill='%23fff'/%3E%3C/svg%3E");
}

.ui-dialog-titlebar-close {
  border: none !important;
}

.ui-dialog .ui-dialog-content {
  padding: 0.5em !important;
}

.ui-dialog.ui-widget-content {
  border: none !important;
  background: #fff !important;
  border-radius: 0 !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  width: auto !important;
}

.ui-dialog-buttonpane {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  padding: 0.3em 1em 0.5em 1.2em !important;
}

.ui-dialog-titlebar-close {
  background: initial !important;
}

.ui-dialog-titlebar-close {
  top: 45% !important;
}

.ui-dialog {
  padding: 0 !important;
}

.ui-state-default .ui-icon {
  background-image: none !important;
}

.ui-dialog-titlebar-close .ui-button-text {
  display: none;
}

/*
	3.5 Inputs
----------------------------
*/
.rmpInput>tbody>tr>td {
 display: block;
 -webkit-flex: none!important;
  flex: none!important;
}

.rmpList>tbody>tr>td:nth-child(1), .rmpInput>tbody>tr>td:nth-child(1) {
    width: 100%!important;
    -webkit-flex: none!important;
    flex: none!important;
}
.rmpList>tbody>tr>td:nth-child(2), .rmpInput>tbody>tr>td:nth-child(2) {
    width: 100% !important;
    -webkit-flex: 1 1 58.333% !important;
    flex: none!important;
}

.gwt-TextBox, .gwt-PasswordTextBox {
    height: 36px;
    width: 100%;
    border: 1px solid #818286!important;
    border-radius:4px !important;
}

.gwt-PasswordTextBox {
    height: 24px;
}

/*
===========================================================
	4. Structuring widgets
===========================================================
*/
/*
	4.1 Section
----------------------------
*/
.gwt-DisclosurePanel {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: transparent;
  margin-bottom: 0.8em;
  box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.16);
}

.gwt-DisclosurePanel a.header {
  background: #505050 !important;
  border-bottom: 0;
  border-top: 3px solid #505050;
}

.gwt-DisclosurePanel a.header table > tbody > tr > td:nth-child(2) {
  text-transform: uppercase;
  height: 18px;
  line-height: 18px;
  color: #fff;
  position: relative;
  padding-left: 25px;
}

.gwt-DisclosurePanel tbody > tr > td > div {
  margin: 5px;
}

img.sectionButton {
  display: none;
}

.gwt-DisclosurePanel a.header > table > tbody > tr > td:nth-child(2)::before {
  content: '';
  background: url("data:image/svg+xml;charset=utf8, %3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.98 12'%3E%3Ctitle%3ESans titre - 1%3C/title%3E%3Cpolygon points='0 0.04 16.98 0 8.48 12 0 0.04' fill='%23fff'/%3E%3C/svg%3E");
  color: #fff;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position-y: center;
  left: -10px;
  width: 18px;
  height: 18px;
}

.gwt-DisclosurePanel-closed a.header > table > tbody > tr > td:nth-child(2)::before {
  content: '';
  background: url("data:image/svg+xml;charset=utf8, %3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16.98'%3E%3Ctitle%3ESans titre - 2%3C/title%3E%3Cpolygon points='0.04 16.98 0 0 12 8.5 0.04 16.98' fill='%23fff'/%3E%3C/svg%3E");
  color: #fff;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position-y: center;
  left: -10px;
  width: 18px;
  height: 18px;
}

.gwt-DisclosurePanel .header td:nth-child(1) {
  padding: 0;
  width: 0 !important;
}

td.colStyle {
  padding: 0 10px;
}

.gwt-DisclosurePanel tbody > tr > td > div > table > tbody > tr > td > table > tbody > tr > .colStyle {
  -webkit-box-flex: 1 !important;
  flex: 1 1 100% !important;
}

.gwt-DisclosurePanel,
.gwt-TabPanel {
    background-color: #f7f7f7;
}

.gwt-DisclosurePanel .content .gwt-TabPanel > tbody > tr:nth-child(2) {
  border: 1px solid rgba(0, 0, 0, 0.12);
  width: 99% !important;
}

@media screen and (min-width: 1024px) {
  .gwt-DisclosurePanel tbody > tr > td > div > table > tbody > tr > td > table > tbody > tr > .colStyle {
    margin: 0 0.5rem;
  }

  .gwt-DisclosurePanel .content .gwt-TabBar {
    background: transparent !important;
  }
}

.rmpSplitted {
    width: calc(100% - 2px)!important;
}

/*
	4.1 Tab
----------------------------
*/
.array-slider::before {
  background: #1c1c1b;
  padding: 0.35rem;
}

.gwt-TabBarItem {
  background-color: #1c1c1b !important;
  color: rgba(255, 255, 255, 0.7);
}

.gwt-TabBarItem-selected {
  background-color: #1c1c1b !important;
  color: #f0c105;
}

.gwt-TabBarItem::before {
  content: "";
  position: absolute;
  height: 25px;
  width: 25px;
  top: 7px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 244.74 315.37'%3E%3Ctitle%3ESans titre - 1%3C/title%3E%3Cpolygon points='122.37 0 0 95.87 31.5 127.37 122.37 49.5 213.24 127.37 244.74 95.87 122.37 0' fill='%23f0c105'/%3E%3Cpolygon points='122.37 315.37 244.74 219.5 213.24 188 122.37 265.87 31.5 188 0 219.5 122.37 315.37' fill='%23f0c105'/%3E%3C/svg%3E");
}

.gwt-TabBarItem-wrapper.noselect::before,
.gwt-TabBarFirst-wrapper::before {
  background-color: transparent !important;
}

@media screen and (min-width: 1024px) {
  .gwt-TabBarItem::before {
    display: none;
  }

  .gwt-TabBarItem {
    margin: 0 1px 0 0 !important;
  }

  .gwt-TabBar {
    background: #fff !important;
  }
}

.gwt-TabPanel > tbody > tr:first-child {
  border-bottom: none;
}

/*
	4.1 Array
----------------------------
*/
.addSmallStyle.add-button {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Ctitle%3E2%3C/title%3E%3Cpath d='M9.5, 0A9.5, 9.5, 0, 1, 0, 19, 9.5, 9.5, 9.5, 0, 0, 0, 9.5, 0ZM11, 11v6H8V11H2V8H8V2h3V8h6v3Z' fill='%232F779D'/%3E%3C/svg%3E");
  -o-object-position: -99999px 99999px;
  object-position: -99999px 99999px;
  background-repeat: no-repeat;
  background-size: contain;
}

.dashStyle.delete-button {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Ctitle%3E2%3C/title%3E%3Cpath d='M9.5, 0A9.5, 9.5, 0, 1, 0, 19, 9.5, 9.5, 9.5, 0, 0, 0, 9.5, 0ZM2, 11V8H17v3Z' fill='%232F779D'/%3E%3C/svg%3E");
  -o-object-position: -99999px 99999px;
  object-position: -99999px 99999px;
  background-repeat: no-repeat;
  background-size: contain;
}

.ColumnHeader:not(.ColumnFilter),
.array-column-footer,
.array-header td,
.array-header .array-td-buttons {
  background: #505050 !important;
  color: #fff;
}

.Array-hideBtn .array-td-buttons {
  display: none;
}

.array-footer > td,
.array-header {
  background: #f0c105 !important;
}

.array-footer {
  border-bottom: solid 1px #ddd;
}

.array-header {
  border-top: #f0c105 !important;
}

.array-column-footer {
  min-height: 27.5px;
}

.array-list {
  background: #f7f7f7 !important;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.array-list .array-td-buttons {
  background: transparent !important;
}

.ATHeader > tbody > tr.array-slider,
tr.array-slider {
  padding: 2.75rem 0 !important;
}

.array-slider {
  background-color: #fff !important;
}

.array-slider .rmpInput,
.array-slider .rmpList,
.array-slider .rmpFileUpload {
  padding: 0.5rem;
}

tr.array-slider.in {
  background-color: #fff !important;
}

.array-slider > td[class*="ArrayTreeColumn"]::before,
.array-slider > td[class*="array-column"]::before {
  font-size: 1rem;
  color: #fff;
  background-color: #f0c105;
  padding: 0.5rem;
}

.array-slider > td:not(.hide) {
  border-top: none !important;
}

tr.array-slider > td > div {
  padding-left: 0.5rem;
  margin: 1rem 0 !important;
}

.gwt-TreeItem td {
  border-bottom: none !important;
}

/* Suppress "more details" arrow - remove padding for "more details" arrow*/
    .Report > table > tbody > tr > td > div > div > div > div > div > .gwt-TreeItem .Leaf> table > tbody > tr,
    .ATHeader tbody tr:first-child {
      padding: 0 0 0 0 !important;
    }
    /* Suppress "more details" arrow */
    .gwt-TreeItem > div > table > tbody > tr:before {
      display: none;
    }

@media only screen and (max-width: 960px) and (min-width: 591px) {
  .array-header .array-td-buttons ~ td {
    display: block !important;
  }
}

.GBCBR3SCGF {
    background: #818286!important;
}

.gwt-TextBox-missing, .gwt-DateBox-missing, .cellListWidget-missing, .gwt-ListBox-missing, .radioButtonsContainer-missing, .checkBoxsContainer-missing, .gwt-PasswordTextBox-missing, .gwt-DateBox-missing, .gwt-TextArea-missing, .gwt-HTML-missing .select2-choice, .gwt-HTML-missing .select2-choices {
  border: 1px solid red !important;
}
