SyncMadeEasy/force-app/main/default/aura/dynamicRow/dynamicRow.css

152 lines
3.2 KiB
CSS

.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;
}