.THIS.clear-user-agent-styles table,
.THIS.clear-user-agent-styles thead,
.THIS.clear-user-agent-styles tbody,
.THIS.clear-user-agent-styles tfoot,
.THIS.clear-user-agent-styles tr,
.THIS.clear-user-agent-styles th,
.THIS.clear-user-agent-styles td {
  font-weight: inherit;
}




.THIS .datepicker-table {
  border-color: rgb(128,128,128);
  border-collapse: collapse;
  box-sizing: border-box;
  font-family: "Salesforce Sans",Arial,sans-serif;
  height: auto;
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.THIS .datepicker-table table {
  color: rgb(22,50,92);
  display: table;
  line-height: 18px;
  width: 100%;
}

.THIS .datepicker-table thead tr {
  border-bottom-color: rgb(240, 241, 242);
  display: table-row;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
  width: auto;
}

.THIS .datepicker-table tbody {
  border-collapse: collapse;
  box-sizing: border-box;
  color: rgb(22, 50, 92);
  display: table-row-group;
  line-height: 18px;
  vertical-align: middle;
  width: auto;
}

.THIS .datepicker-table tbody tr {
  display: table-row;
}

.THIS .datepicker-table tbody tr td {
  display: table-cell;
  line-height: 18px;
  padding: .25rem;
  text-align: center;
  vertical-align: middle;
  width: auto;
  border: none;
}

.THIS.changeMe {
    background-color:red;
    width:200px;
}

.THIS .On{
  background: #5ec575;
   color: white;
}


.THIS #myBtn {
  display: block !important; /* Hidden by default */
  position: fixed !important; /* Fixed/sticky position */
  bottom: 59px !important; /* Place the button at the bottom of the page */
  right: 30px !important; /* Place the button 30px from the right */
  z-index: 99 !important; /* Make sure it does not overlap */
  border-color: red ;/* Remove borders */
  /*outline: none !important ; /* Remove outline */
  /*background-color: red !important; /* Set a background color */
  /*color: white !important; /* Text color */
 /* cursor: pointer !important; /* Add a mouse pointer on hover */
 /* padding: 15px !important; /* Some padding */
  /*border-radius: 32px!important; /* Rounded corners */
 /* font-size: 11px!important; /* Increase font size */ 
}

.THIS #myBtn:hover {
  background-color: #c9c7c5 !important;
  border-color: red !important; /* Add a dark-grey background on hover */
}

.THIS #myBtn svg{
  fill : white;
}

.THIS .iconstyles{
  color : white !important;
}

.THIS .iconstyles  svg{
   fill : white;
   background :#087ade;
}

.THIS .OppClosedate{
  border-bottom: solid;
  border-color: red;
  border-radius: 6px;
}

.THIS .tooltip {
    position: relative;
    display: inline-block;
    margin-top: 0% !important; 
    margin-left: 0% !important;
}

.THIS .tooltip .tooltiptext {
    overflow-wrap: break-word;
    word-wrap: break-word !important;
    white-space: normal;
    
   word-break: break-all;
    visibility: hidden;
    width: fit-content;
    height: auto;
    background-color: #0a4558;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    
    /*********toottip***/
    position: absolute;
    z-index: 2222;
    top: -5px;
    left: 105%;
}

.THIS .tooltip:hover .tooltiptext {
  visibility: visible;
}

.THIS .errormessage{
   border: solid thin;
   border-color: red;
}