/*#tvPlusPage {}*/
#tvPlusPage .txtc { text-align:center !important; }
#tvPlusPage .txtr { text-align:right !important; }
#tvPlusPage .txtl{ text-align:left !important; }
#tvPlusPage .hack { font-family:Hack !important; }
#tvPlusPage .widefat tbody td,
#tvPlusPage .widefat tbody tr,
#tvPlusPage code {
    font-family: Hack, monospace !important;
}

#tvPlusPage tbody tr,
#tvPlusPage tbody td
{
    font-family:Hack !important;
}
#tvPlusPage table.txtac,
#tvPlusPage table.txtac tr,
#tvPlusPage table.txtac th,
#tvPlusPage table.txtac td
{
    text-align: center;
}
#tvPlusPage .dataTable tbody td {
    font-family: Hack, monospace !important;
    font-size:14px;
}
#tvPlusPage .widefat td,
#tvPlusPage .widefat th,
#tvPlusPage .widefat tr {
    text-align: left; /* text-align: left; */
}

#tvPlusPage div.flex {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
/* Disable notices as they are so annoying */

/* These classes belong to plugins or themes that display nagging notices*/
.error, .notice-error, .notice-info,
.wpforms-license-notice, .notice-warning,
.updated, .update-nag,
.fs-notice, .fs-sticky,
.fs-has-title,
.notice.is-dismissible,
.vc_license-activation-notice, .itsec-notice,
.cff_review_notice,  .nf-admin-notice,
.wpforms-license-notice, .affiliates-rating,
.settings-error, #fca-pc-setup-notice {
    display: none !important;
}
.tvpNotice, .tvpNotice.notice {
    display:block !important;
}

/* Input status styles */
.tvp-error-message {
    color: #ff0000 !important;
}

.tvp-input-error {
    border: 1px solid #ff0000 !important;
}

/* Style the form - display items horizontally */
#tvPlusPage .form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

/* Add some margins for each label */
#tvPlusPage .form-inline label {
    /*font-size:14px;*/
    font-weight: bold;
    margin: 0 10px 5px 0;
}

/* Style the input fields */
#tvPlusPage .form-inline input {
    /*vertical-align: middle;*/
    /*margin: 5px 10px 5px 0;
    padding: 5px;*/
    /*background-color: #fff;
    border: 1px solid #ddd;*/
}
#tvPlusPage .form-inline select {
    margin:0;
    padding: 0;
    font-size:12px;
    font-weight: bold;
    font-family: Hack, monospace;
}

/* Style the submit button */
#tvPlusPage .form-inline .button {
    margin: 0 5px 0 10px;
    vertical-align: middle;
}

#tvPlusPage .form-inline button:hover {
    background-color: royalblue;
}

/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
@media (max-width: 800px) {
    #tvPlusPage .form-inline input { margin: 10px 0; }
    #tvPlusPage .form-inline {
        flex-direction: column;
        align-items: stretch;
    }
}

#tvPlusPage .right { float:right; }
#tvPlusPage .left { float:left; }
#tvPlusPage input {
    max-width: 30em;
}

#tvPlusPage .tab-content {
    margin-top:20px;
}
#tvPlusPage .tab-pane {
    display: none;
}

#tvPlusPage dl {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    /*border: 3px double #ccc;*/
    /*padding: 0.5em;*/
}
#tvPlusPage dt {
    float: left;
    clear: left;
    width: 150px;
    text-align: right;
    font-weight: bold;
    color:#000;
}
#tvPlusPage dt::after { content: ":"; }

#tvPlusPage dd {
    color: #424242;
    word-break: break-word;
    word-wrap: break-word;
    margin: 0 0 0 160px;
    padding: 0 0 0.5em 0;
}

#tvPlusPage div.page-content {
    width:auto;
    height:auto;
}
#tvPlusPage p.form-help {
    color: #000000;
    font-size:12px;
    margin-left:5px;
    font-family: Hack;
}
#tvPlusPage div.head-descr {
    color: #6a6a6a;
    font-size:13px;
    margin-top:-15px;
    margin-bottom:20px;
    font-family: Hack;
}
#tvPlusPage h1.page-title {
    font-size: 20px;
    font-family: Hack;
    /*font-size: 24px;
    border-bottom: 4px solid #C0C0C0;
    display: inline-block;*/
}
#tvPlusPage tbody tr {
    width:100%;
}
#tvPlusPage tbody td.field
{
    font-size:14px;
    width:220px;
    text-align: right;
    font-weight: bold;
    /*text-transform: uppercase;*/
}

#tvPlusPage tbody td.value
{
    font-size: 14px;
    color:#444;
    font-style: italic;
    font-family:Hack !important;
}

#tvPlusPage tbody td.st-field {
    width:10%;
    max-width: 300px;
    min-width:200px;
    padding-right:0px;
    color:#464646;
    text-align:right;
    font-size: 14px;
    font-weight: bold;
    font-family: Hack, monospace;
    text-transform: uppercase;
}

#tvPlusPage tbody td.st-value {
    width:90%;
    color: #333333;
    font-size: 14px;
    text-align:left ;
    font-weight: bold;
    font-style: oblique;
    font-family: Hack, monospace;
}

#tvPlusPage .widefat {
    margin-top:20px;
    margin-bottom:20px;
}
#tvPlusPage .tvpformtbl {
    font-family: Hack, monospace;
}
#tvPlusPage .tvpformtbl input:not([type=checkbox]),
#tvPlusPage .tvpformtbl select {
    width:100%;
}
#tvPlusPage h4.tbltitle {
    margin:0;
    padding:0;
    color:#444;
    font-size:16px;
    font-weight: bold;
    font-family: Hack, monospace;
}
#tvPlusPage h4.tbltitle a {
    font-size: 14px;
}
#tvPlusPage td.label {
    width:220px;
    color:#555555;
    text-align: right;
    font-size:14px;
    font-weight: bold;
    font-family: Hack, monospace;
    vertical-align:middle;
}
#tvPlusPage div.title {
    width:100%;
    border-bottom: 1px solid #BDBDBD;
    margin-bottom: 20px;
}
#tvPlusPage .bold {
    font-weight: bold;
}
#tvPlusPage .italic {
    font-style: italic;
}
#tvPlusPage .st-active {
    color: #069100;
    font-weight: bold;
}
#tvPlusPage .st-inactive {
    color: #c00d00;
    font-weight: bold;
}
#tvPlusPage .st-suspend {
    color: #e57100;
    font-weight: bold;
}

#tvPlusPage code {
    color: #292929;
    margin: 0;
    padding: 0.2em 0.4em;
    background-color: rgba(27,31,35,0.05);
    border-radius: 3px;
    word-break: break-word;
    word-wrap: break-word;
}

/* buttons */
#tvPlusPage .page-title-action,
#tvPlusPage .page-title-action:active {
    border: 1px solid #ccc;
    background: #f7f7f7;
    color: #0073aa;
}
#tvPlusPage .page-title-action:hover {
    border-color: #008EC2;
    background: #00a0d2;
    color: #fff;
}
#tvPlusPage .page-title-action:focus {
    color: #124964;
    border-color: #5b9dd9;
    box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
}

#tvPlusPage .act-btn-danger {
    color: #ca1100;
    border-color: rgba(202, 17, 0, 0.3);
}
#tvPlusPage .act-btn-danger:hover,
#tvPlusPage .act-btn-danger:focus {
    color: #ffffff;
    background: #ca1100;
    border-color: #aa1100;
    box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
}
#tvPlusPage .clr_grey {
    color: #555c66;
}

#tvPlusPage .tvpDTable
{
    width:100% !important;
    border-spacing: 0;
    clear: both;
    margin: 0;

}
#tvPlusPage table a,
#tvPlusPage table button.button-link {
    color:#0073aa;
    text-decoration: none;
}

#tvPlusPage thead td.ui-state-default,
#tvPlusPage thead th.ui-state-default {
    border:none;
    font-family: Hack, monospace;
    border-bottom: 1px solid #e1e1e1;
    background:#fff;
}

#tvPlusPage tfoot td.ui-state-default,
#tvPlusPage tfoot th.ui-state-default {
    border:none;
    border-bottom: 1px solid #e1e1e1;
    background:#fff;
}

.account-migration-form-wrapper {
    text-align: center;
}

.account-migration-form {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#tvpNetStreamAccountsTbl tbody td {
    text-align: center;
}

.dataTables_processing {
    border: 1px solid #585858;
    border-radius: 3px;
    box-shadow: 2px 4px #b1b1b1;
    font-weight: bolder;
    background: #a1ddf3 !important;
    top: 40% !important;
    z-index: 1 !important;
    left: 75% !important;
    width: 50% !important;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-color: #ebebeb !important;
    border-bottom: 4px solid #868686 !important;
}

table.tvpHome thead tr th a {
    text-decoration: none;
}

.tvp-pagination {
    display: flex;
    justify-content: space-between;
}

.tvp-page-links {

}

.tvp-page-link {
    border: 1px solid #c3c3c3;
    background-color: #c3c3c3;
    border-radius: 10%;
    color: black;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 14px;
    margin: 2px;
}

.tvp-page-link:hover {
    font-weight: 500;
    color: black;
}

.tvp-current-page {
    background-color: #e8e8e8 !important;
}

.table-options {
    display: flex;
    justify-content: space-between;
}

.search-bar {
    display: flex;
    align-items: center;
}

.show-entries {
    display: flex;
    align-items: center;
}

.tvp-link-btn {
    border-radius: 2px;
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    margin-left: 5px;
}

.tvp-bnt-primary {
    border: 1px solid #0073aa;
    background-color: #0073aa;
}

.tvp-bnt-warning {
    border: 1px solid #df8338;
    background-color: #df8338;
}

.tvp-link-btn:hover {
    text-decoration: none;
    color: white;
}

.tvp-tooltip {
    position: relative;
    display: inline-block;
  }
  
  /* Tooltip text */
  .tvp-tooltip .tvp-tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: lightgrey;
    color: black;
    text-align: center;
    padding: 7px;
    border-radius: 6px;
    font-size: 13px;
    
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tvp-tooltip:hover .tvp-tooltiptext {
    visibility: visible;
  }