body {
    margin-left: 20px;
    font-family: arial, sans-serif;
    font-size: 14px;
    color: #000000;
    background: #ffffff;
}


th {
    font-weight: bold;
    text-align: left;
}

td.input {
    color: #444;
    height: 2em;
    padding: 10px 0.75em;
    padding-left: 0.75em;
    margin-top: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
}

input[type="text"],
input[type="password"] {
    color: #444;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;

    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px;
    border-color: #bbb;

    background: transparent;
    display: block;
    height: 2em;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 0.75em;
    position: relative;

    z-index: 0;
    -webkit-transition: border .25s;
    -moz-transition: border .25s;
    -o-transition: border .25s;
    transition: border .25s;
}

input:focus {
    color: #111;
    border-color: #444;
}

textarea,
select {
    font-size: 14px;
    color: #444;

    border-radius: 0;
    border: solid 1px;
    border-color: #bbb;

    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0.25em 0.75em;
}

select {
    height: 2em;
}

textarea:focus {
    color: #111;
    border-color: #444;
}


h2 {
    font-size: 2.25em;
}

h3 {
    font-size: 1.375rem;
}

a {
     font-variant: normal;
     font-style: normal;
     color: #000080;
     text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p.about {
     color: #808080
}

a.about {
     font-variant: normal;
     font-style: normal;
     color: #808080;
     text-decoration: none;
}

pre {
     font-family: courier;
}

tt {
     font-family: courier;
}

.error {
     color: #ff0000;
}

.error2 {
     font-family: helvetica, arial, sans-serif;
     font-size: 14px;
     font-weight: bold;
     color: #ff0000;
     text-decoration: none;
}

.showmore {
     color: #808080;
     white-space: no wrap;
}

.showmorelink {
     color: #6F6FFF;
}

.description {
    font-style: italic;
    color: #606060;
    white-space: no wrap;
}


table.tickets th {
     border-bottom: 1px dotted #808080;
}

.isValid {
     border-bottom: 1px dotted #808080;
}

.isExpired {
     background: #ff8080;
     border-bottom: 1px dotted #808080;
}

.isValidInFuture {
     background: #BBFFBB;
     border-bottom: 1px dotted #808080;
}

.isDeleted {
     background: #b0b0b0;
     border-bottom: 1px dotted #808080;
}

/*.isValid { background: #FFFFFF } */
/*.isDeleted { color: #808080 } */

/** filter users **/
table.filterUsers a {
    color: black;
    text-decoration: underline;
}

table.filterUsers a.primary {
    color: #0D753D;
}

/** status search **/
form.statusSearch tr {
    float: left;
}

/** Filters tags **/
#userFilters {
    margin: 1em 0;
}

#userFilters td {
    background: #ddd;
    padding: 6px 16px;
    border-radius: 99em;
    margin: 0 4px;
}

#userFilters .close {
    text-decoration: none;
    color: red;
    margin: 0 0 0 8px;
}

/** Distribution status **/
.distributionStatus {
    background: #ddd;
    border-radius: 4px;
    color: black;
    font-size: 12px;
    padding: 4px 8px;
    margin: 0 4px 0 0;
}

/** NOT SET **/
.distributionStatus.s0 {
    color: gray;
}

/** REGISTERED **/
.distributionStatus.s1 {
    color: gray;
}

/** SCHEDULED **/
.distributionStatus.s2 {
    background: yellow;
}

/** SENT **/
/* .distributionStatus.s3 {} */

/** SENT_FAILED **/
.distributionStatus.s4 {
    background: red;
}

/** LINK_OPENED **/
/* .distributionStatus.s5 {} */

/** PREVIEW_OPENED **/
/* .distributionStatus.s6 {} */

/** PREPAID_TICKET_FETCHED **/
/* .distributionStatus.s7 {} */

/** TICKET_FETCHED **/
/* .distributionStatus.s8 {} */

/** TICKET_RECEIVED **/
.distributionStatus.s9 {
    background: green;
}

/** TICKET_USED **/
.distributionStatus.s10 {
    background: green;
}

/** CHANGED_VALIDITY **/
.distributionStatus.s11 {
    background: yellow;
}

/** TICKET_EXPIRED **/
.distributionStatus.s12 {
    background: red;
}



table.account th {
    padding: 8px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;

    background-color: #ddd;
}

table.account td {
    padding: 8px;
    border-bottom: 1px solid #DDD;
}

table.account>tbody>tr>td:first-child,
table.account>tbody>tr>th:first-child {
    border-left: 1px solid #DDD;
}

table.account>tbody>tr>td:last-child,
table.account>tbody>tr>th:last-child {
    border-right: 1px solid #DDD;
}

table.account>tbody>tr>th:first-child {
    border-top-left-radius: 3px;
}

table.account>tbody>tr>th:last-child {
    border-top-right-radius: 3px;
}

table.account>tbody>tr:last-child>td:first-child {
    border-bottom-left-radius: 3px;
}

table.account>tbody>tr:last-child>td:last-child {
    border-bottom-right-radius: 3px;
}

table.account:first-child {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom-left-radius: 3px;
}

table.account>tbody>tr:nth-of-type(even) {
    background-color: #f9f9f9
}




a.isActive {
     border-bottom: none;
}

.isActive {
     border-bottom: 1px dotted #808080;
}

a.isExported {
     border-bottom: none;
     color: #808080;
}

.isExported {
     border-bottom: 1px dotted #808080;
     color: #808080;
}

td.isInactive {
     font-style: italic;
     background: #b0b0b0;
     border-bottom: 1px dotted #808080;
}

a.isInactive {
     font-style: italic;
}

td.isCancelled {
     text-decoration: line-through;
     border-bottom: 1px dotted #808080;
}

a.isCancelled {
     text-decoration: line-through;
}

div.container {
     width: 100%;
     margin: 0px;
}

div.header,
div.footer {
     clear: left;
}

div.left {
     float: left;
     margin: 0;
     padding: 1em;
}

div.content {
     padding: 1em;
}

.vcStatus1 {
     background: #66f75b;
}

.vcStatusDef {
     background: #e14747;
}

/** lists **/

ul.horizontal {

     display: flex;
     flex-flow: row wrap;
     justify-content: space-between;
     list-style: none;
     margin: 0;
     padding: 0;
}

ul.horizontal li {
     margin: 0;
}

/** ticket status form **/

form.statusSearch {
     border: 2px solid #ddd;
     max-width: 1200px;
     padding: 1em;
}

form.statusSearch input[type=text],
form.statusSearch select {

     display: inline-block;
     padding: 0;

}

form.statusSearch label {
     font-weight: bold;
}

/** sortable.js table header **/

table.sortable th {
     cursor: pointer;
}

table.sortable th:hover,
table.sortable th.dir-d,
table.sortable th.dir-u {
     background: #ddd;
}

table.sortable th:after {
     /* simple up/down icon as inline gif */
     background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIUnC2nKLnT4or00PvyrQwrPzUZshQAOw==) no-repeat bottom left;
     content: '';
     display: inline-block;
     height: 1em;
     margin: 0 0 0 .3em;
     width: 1em;
}