#jot-recip-groups-table-top {
border-spacing:0;
}
#jot-recip-groups-table-top td { 
padding: 5px;
}
#jot-recip-groups-table-bottom {
border-spacing:0;
}
#jot-recip-groups-table-bottom td { 
padding: 5px;
}
.jot-group-memcount {
font-weight: normal;  
}
.jot-tab-group-members {
overflow-x:scroll ;
}
.jot-recip-controls  {    
background-color:#456789;
color:#FFFFFF; 
font-size:16px;
font-family:arial;   
}
.jot-recip-group-header {
font-size:16px;
font-family:arial;
font-weight:bold;
cursor:pointer;
background-color:#F0E68C;
color:black;     
}
.jot-recip-groups-table {
border: none;
border-spacing:0;
}
.jot-send-clicked {
background:  #aaa !important;
border-color: #666 !important;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #666 !important;
}
#jot-recip-parent-table {
width:100%;
border: none !important;
border-spacing:0;    
}
#jot-groupsend-recip-div{
border: 1px solid #A9A9A9;    
height: 400px;    
overflow: auto;    
}
#jot-groupsend-recip-tab {
overflow:scroll;
width:auto;
white-space: nowrap;
}
#jot-groupsend-table table td {
border: none !important;
border-spacing:0;    
}
#jot-groupsend-recip-groups-table-top table td{
border: none !important;
border-spacing:0;    
}
#jottabgroupsend table td {
border: none !important;
border-spacing:0;    
}
.exclude-recip-column {
background: #FF0000;
}
#jot-groupinbox-div{
border: 1px solid #A9A9A9;    
height: 400px;    
overflow: auto;    
}
#jot-groupinbox-tab {
overflow:scroll;
width:500px;
white-space: nowrap;
}
#jot-recip-div {
border: 1px solid #A9A9A9;    
height: 400px;    
overflow: auto;    
}
.jot-recip-group-td {
font-size:16px;
font-family:arial;
font-weight:bold;
background-color:#456789;
cursor:pointer;
color:white;
}
.jot-chat-hist-div {
width:100%; height:90%;
float:left;
overflow-y: scroll;
overflow-x: hidden;
background: white;
}
.jot-chat-hist-table {
width:100%;
background: white;
}
.jot-chat-hist-table td {
width:100%;
color:gray;    
}
.jot-chathist {
display:none;
}
.jot-help-div {
display:none;
border: solid #456789 2px;
}
#jot-help-image { text-align: center;
vertical-align: middle;
image-rendering:optimizeQuality;
}
.jot-chathist .ui-dialog-titlebar {
background: grey;    
}
.jot-chathist .ui-dialog-titlebar .ui-dialog-title {
font-weight: bold;
color:white;
width: 100%;
text-align: center;
}
.jot-chathist  .ui-widget-content {
background: white;
color: black;    
padding:0px !important;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px; border-width: 2px 2px 2px 2px;
}
.jot-chat-sms-left {
font-family: Arial;
font-size: 14px;
font-style: normal;
float:left;
max-width:80%;
background: lightgray;
color: black;
border: 5px solid;
border-color:  lightgray;
border-radius: 10px;
text-align: left;
border-spacing:30px;
}
.jot-chat-sms-right {
font-family: Arial;
font-size: 14px;
font-style: normal;
float:right;
max-width:80%;
background: #007bff;
color: white;
border: 5px solid;
border-color: #007bff;
border-radius: 10px;
text-align:left;
border-spacing:30px;
}
.jot-chat-call-right {
font-family: Arial;
font-size: 14px;
font-style: normal;
float:right;
max-width:80%;
background: PaleGreen;
color: black;
border: 5px solid;
border-color: PaleGreen;
border-radius: 10px;
text-align:left;
}
.jot-chat-fail-right {
font-family: Arial;
font-size: 14px;
font-style: normal;
float:right;
width:80%;
background: gray;
color: black;
border: 5px solid;
border-color: gray;
border-radius: 10px;
text-align:left;
}
.jot-chat-td-left {
width:100%;
text-align:left;   
}
.jot-chat-td-right {
width:100%;
text-align:right;    
}
.jot-chat-send-container {
height:10%;
}
.jot-chat-send-div {
background: gray;
height:100%; 
width:80%;
float:left;    
}
.jot-chat-send-input {
width:100%;
background: lightgray;
height:99%;
resize: none;
font-family: Arial !important;
color:black !important;
font-size:14px !important; 
}
.jot-chat-send-button-parent {
background: gray;
height:100%;
width:20%;
float:right;
text-align: center;  
}
.jot-chat-date {
color:gray;
text-align:center;
padding:5px; 
display:inline-block;
}
.jot-chat-time {
font-family: Arial !important;
font-size: 10px;
color : gray;
padding:5px; 
display:inline-block;
}
.jot-helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.jot-chat-send-button-anchor {
vertical-align:middle;
display: inline-block;
}
.jot-chat-send-button-anchor img {
vertical-align:middle;
}  
.jot-tooltip {
max-width: 300px !important;
border: 1px solid black !important;
color : black !important;
background:  #F5F5F5 !important;
padding: 5px 10px;
border-radius: 5px !important;
font: 12px "Helvetica Neue", Sans-Serif;
box-shadow: 0 0 5px black !important;
position: absolute;
white-space: pre-line;
opacity: 1 !important;
}
.jot-link {
text-decoration: none;
border-bottom: 1px solid gray;    
}
.jot-section-header {    
text-decoration: underline;
}
.jot-group-list-tab {
width:100%;
}
.jot-group-list-tab-tr {
width:100%;   
}
#jot-group-list-controls-tab {
width:100%; 
}
.jot-formtab {
width:100%;
}
.jot-group-add-buttons {
display:inline-block;    
}
.jot-bulk-add-buttons {
display:inline-block;
}
.jot-group-search-div {
display:inline-block;
}
#jot-group-add-fields-form {
width:70%;
}
#jot-group-list-tab tbody tr:hover {
background-color: orange;
cursor: pointer;
}
.jot-highlight { background: gold; }
.jot-group-list:nth-of-type(even) {
background-color:#fffff0;
}
.jot-group-list:nth-of-type(odd) {
background-color:#DCDCDC;
} #jot-hist-list-tab th{
background-color:#456789;
color:#FFFFFF;
}
.jot-hist-list-tab {
width:100%;
}
#jot-hist-list-tab tbody tr:hover {
background-color: orange;
cursor: pointer;
}  #jot-batchmgr-list-tab th{
background-color:#456789;
color:#FFFFFF;
}
.jot-batchmgr-list-tab {
width:100%;
} #jot-batchmgr-errors-list-tab th{
background-color:#456789;
color:#FFFFFF;
}
.jot-batchmgr-errors-list-tab {
width:100%;
}
.jot-batch-errors .ui-dialog-titlebar .ui-dialog-title {
font-weight: bold;
color:black;
width: 100%;
text-align: center;
} #jot-batchmgr-queued-list-tab th{
background-color:#456789;
color:#FFFFFF;
}
.jot-batchmgr-queued-list-tab {
width:100%;
}
.jot-batch-queued .ui-dialog-titlebar .ui-dialog-title {
font-weight: bold;
color:black;
width: 100%;
text-align: center;
} #jot-batchmgr-all-list-tab th{
background-color:#456789;
color:#FFFFFF;
}
.jot-batchmgr-all-list-tab {
width:100%;
}
.jot-batch-all .ui-dialog-titlebar .ui-dialog-title {
font-weight: bold;
color:black;
width: 100%;
text-align: center;
}
.jot-member-list {
background-color:#d1cdc4;
} 
.jot-member-add {
background-color:#B0C4DE;
} 
.jot-td-l {
text-align:left;
}
.jot-td-c {
text-align:center;
}
.jot-td-r {
text-align:right;
} #jot-memhistbridge {
text-align:center;
}
#jot-memhistdelete {
text-align:right;
}
.jot-td-mem-actions {
width:70px;
}
#jot-sendstatus-div{
border:1px;
width:100%;
height: 160px;
overflow: auto;
}
#jot-restartbatch-div a {
font-size: 11px;
}
#jot-sendstatustab {
width:100%;
background-color:#B0C4DE;
border-collapse: separate;
border-spacing: 1px;   
}
#jot-sendstatustab td{
padding: 1px;
background-color:#D3D3D3;
}
#jot-bulkaddstatus-div {
border:1px;
width:50%;
height: 160px;
overflow: auto;
}
#jot-bulkaddstatustab {
width:100%;
background-color:#B0C4DE;
border-collapse: separate;
border-spacing: 1px;   
}
#jot-bulkaddstatustab td{
padding: 1px;
background-color:#D3D3D3;
}
#jot-bulk-table {
width:500px;
}
#jot-bulkdeletestatus-div {
border:1px;
width:50%;
height: 160px;
overflow: auto;
}
#jot-bulkdeletestatustab {
width:100%;
background-color:#B0C4DE;
border-collapse: separate;
border-spacing: 1px;   
}
#jot-bulkdeletestatustab td{
padding: 1px;
background-color:#D3D3D3;
}
#jot-bulkdeletestatustab th{
padding: 1px;
text-align: center;
}
.jot-filter-td {
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;    
}
.jot-bulk-td {
vertical-align: middle;
text-align:center;
width:300px;
}
.jot-grouplist-div { width:100%;
height: 95px;
overflow: auto;
}
.jot-groupmem-div { height: 300px;
overflow: auto;
}
#jot-group-list-tab th{
background-color:#456789;
color:#FFFFFF;
}
.jot-mem-table-headers{ 
background-color:#456789;
color:#FFFFFF;
}
.jot-mem-table-headers th:not(:first-child):not(:last-child) { 
cursor: pointer;
}
.jot-sort-col-header {
background-color:#32CD32;
cursor: pointer;
}
#tabgroupmembers {
}
.jot-messagered{
color:red;
font-weight: bold;
}
.jot-messagegreen{
color:green;
font-weight: bold;
}
.jot-messageblack {
color:black;
font-weight: bold;
}
.jot-messageamber {
color:#e62e00;
font-weight: bold;
}
.jot-meta-keys {
font-style: italic;
}
.divider{
width:10px;
height:auto;
display:inline-block;    
}
.jot-pagination-tab {
width:100%;
}
.jot-pagination-tab tr{
padding-top:2px;
margin-top:10px;
padding:10px;
}
.jot-paginated-links a {
background:#FFFFFF;
color:#000;
margin-right:0.2em;
padding:0.1em 0.2em;
text-decoration:none;
}
.jot-paginated-links .current {
background:#FFCCFF;
color:#000;    
margin-right:0.2em;
padding:0.1em 0.2em;
text-decoration:none;
}
#jot-navlist li
{
display: inline;
list-style-type: none;
padding-left: 5px;
padding-right: 5px;
}
.jot-getstarted li {
list-style-type: disc;
font-weight:bold;
font-size: 18px;
margin: 15px 0;
}
.getstarted-description {
font-weight:normal;
font-size: 16px;
font-style: normal;
}
.jot-getstarted-nested  {
padding-left: 25px;   
}
.jot-memlist-selects {
font-size:12px;   
} .jot-special { display: none; }
#jot-plugin-smsprovider\[jot-systeminfo\] {
font-family: monospace;
} .jottextus > .ui-dialog-titlebar {
background:darkgray;
}
#jot-textus-send,
#jot-textus-close {       
margin-right: 2px;
padding: 0.75em 2em;
} #jot-groupsend-recip-search,
#jot-groupinbox-search {
background: #f7f7f7;
padding: 2px;
border-radius: 6px;
border: 3px solid #456789;
width: 100%;
} [id^=jot-subscriber-form] fieldset {
margin: 0 auto;
max-width: 500px;
}
#jot-confirm-header h3 {
font-size:14px;
}
.jot-fieldset {
border: 0;
}
[id^=jot-subscriber-form] input[type="checkbox"] {
background: #f7f7f7;
margin-right: 5px;
border-radius: 4px;
border: 3px solid #eaeaea;	
}
[id^=jot-subscriber-form] input[type="text"],
[id^=jot-subscriber-form] select {
background: #f7f7f7;
padding: 10px;
border-radius: 6px;
border: 3px solid #eaeaea;
width: 100%;
}
[id^=jot-subscriber-form] button:hover,
[id^=jot-subscriber-form] input[type="button"]:hover,
[id^=jot-subscriber-form] input[type="reset"]:hover,
[id^=jot-subscriber-form] input[type="submit"]:hover,
[id^=jot-subscriber-form] button:focus,
[id^=jot-subscriber-form] input[type="button"]:focus,
[id^=jot-subscriber-form] input[type="reset"]:focus,
[id^=jot-subscriber-form] input[type="submit"]:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
outline: 0;
}
.jot_info, .jot_success, .jot_warning, .jot_error {
margin: 10px 0px;
padding:12px;
}
.jot_info {
color: #00529B;
background-color: #BDE5F8;
}
.jot_success {
color: #4F8A10;
background-color: #DFF2BF;
}
.jot_warning {
color: #9F6000;
background-color: #FEEFB3;
}
.jot_error {
color: #D8000C;
background-color: #FFBABA;
}
.jot-multi-item {
}
.jot-group-checkbox {
font-weight: 200;
}
.jot-container{
width: 800px;
margin: 0 auto;
} ul.jot-tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.jot-tabs li{
background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
}
ul.jot-tabs li.current{
background: #ededed;
color: #222;
}
.jot-tab-content{
display: none;
background: #ededed;
padding: 15px;
}
.jot-tab-content.current{
display: inherit;
} .jot-quicksend-form fieldset {
margin: 0 auto;
max-width: 500px;
}
.jot-quicksend-textarea {
background: #f7f7f7;
padding: 10px;
border-radius: 6px;
border: 3px solid #eaeaea;
width: 100%;
}
.jot-quicksend-button {
background-color: #909090;
border: none;
color: white;
padding: 5px 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
.jot-quicksend-button button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background-color: #707070;
background-color: rgba(51, 51, 51, 0.7);
outline: 0;
} #wpadminbar #wp-admin-bar-jot-messages-toolbar .ab-icon:before {
content: '\f525'; 
top: 3px;
}
.jot-submenus {
font-size: 10px;
} .ui-progressbar {
position: relative;
}
.jot-progress-label {
position: absolute;
left: 50%;
top: 4px;
font-weight: bold;
text-shadow: 1px 1px 0 #fff;
} .jot-media-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.jot-media-column {
display: flex;
flex-direction: column;
flex-basis: 100%;
justify-content: start;
flex: 1;
}
.jot-figcaption {
border: 1px dotted blue;
text-align: center;
width:150px;
} @-webkit-keyframes yellowfade {
from { background: #F0E68C; }
to { background: transparent; }
}
@-moz-keyframes yellowfade {
from { background: yellow; }
to { background: transparent; }
}
.statusfade {
-webkit-animation: yellowfade 1.5s;
-moz-animation: yellowfade 1.5s;
animation: yellowfade 1.5s;
}