﻿.tablelayout {
}

.tablelayout-100 {
    width: 100%;
}

.tablelayout-95 {
    width: 100%;
}

.tablelayout tr:not(#ir):not(.no-hover):hover,
.tablelayout table tr:not(#ir):not(.no-hover):hover {
    background-color: #a6c9e2 !important;
}


.prio-width {
    width: 4px;
}

.hourswidth {
    width: 50px;
}


.copywidth {
    width: 25px;
}

.datewidth, .hourswidth-large, width80 {
    width: 80px;
}

.ticketwidth {
    width: 120px;
    text-wrap: avoid;
}

.width100 {
width:100px;
}
.width125 {
    width: 125px;
}
.width150 {
    width: 150px;
}
.width175 {
    width: 175px;
}

.margin-all {
    margin: 10px 10px;
}

.tablelayout table td, .tablelayout table td {
    padding: 1px 3px 1px 4px;
/*    line-height: 18px;
    height: 18px;*/
    /*vertical-align: top;*/
}

.tablelayout table th, .tablelayout th {
    background-color: #465c71;
    color: #fff;
    line-height: 20px;
    height: 20px;
    vertical-align: top !important;
    text-align: left;
}

.tablelayout table td, .tablelayout td {
    overflow: hidden;
 /*   line-height: 20px;
    height: 20px;*/
    text-overflow: ellipsis;
    /*max-width: 500px;*/
}

    .tablelayout table td img {
        text-align: center;
        vertical-align: middle;
        display: inline-block;
    }


.tablelayout tr:nth-child(even), .tablelayout table tr:nth-child(even) {
    background-color: #E4EEF6;
}

.tablelayout tr:nth-child(odd), .tablelayout table tr:nth-child(odd) {
    background-color: #FFF;
}

.tablelayout table th a:hover {
    color: #000;
}



.margin-bottom-15 {
    margin-bottom: 15px;
}

.prio300 > td.priotd {
    background-color: #1b1919;
}

.prio1000 > td.priotd {
    background-color: red;
}

.prio1010 > td.priotd {
    background-color: orange;
}

.prio1020 > td.priotd {
    background-color: #2777B5;
}

.prio1030 > td.priotd {
    background-color: #ff479b;
}

.prio1040 > td.priotd, .prio1041 > td.priotd {
    background-color: #cf66ff;
}

/* Responsive without Bootstrap, yay. */
.float-none-small {
    float: left;
    /*  border: 1px solid black;*/
    width: 100%;
    display: inline-block;
}

.responsive-div {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.responsive-div-33 {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.responsive-div-large {
    width: 80%;
    display: inline-block;
    vertical-align: top;
}

.table-margin-top-10 {
    margin-top: 10px;
}

@media screen and (max-width: 1200px) {

    .float-none-small {
        float: none;
    }

    .responsive-div,.responsive-div-large {
        width: 100%;
    }
}

.text-tomato {
    color: crimson !important;
}

.text-orange {
    color: orange !important;
}

.text-ocean {
    color: #2777B5 !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right !important;
}

table input[type=checkbox] {
    cursor: pointer;
    margin: 3px 3px 0 0;
}
.filters {
    width: 100%;
}

.deadline-expired, .bold-danger {
    font-weight: bold;
    color: red;
}

[id^=TicketResult] table td, [id^=TicketResult] table td, .table-results td {
    padding: 1px 3px 1px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}

[id^=TicketResult] table th, [id^=TicketResult] th, .table-results th {
    background-color: #465c71;
    color: #fff;
    line-height: 20px;
    height: 20px;
    vertical-align: top !important;
    text-align: left;
}

[id^=TicketResult] table td img, table-results td img {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}


[id^=TicketResult] tr:nth-child(even), [id^=TicketResult] table tr:nth-child(even), .table-results tr:nth-child(even) {
    background-color: #E4EEF6;
}

[id^=TicketResult] tr:nth-child(odd), [id^=TicketResult] table tr:nth-child(odd), .table-results table tr:nth-child(odd) {
    background-color: #FFF;
}

[id^=TicketResult] table th a:hover, .table-results th a:hover {
    color: #000;
}


[id^=TicketResult] table, .table-results {
    border: 0;
    1px solid #999;
    table-layout: fixed;
}


.table-50 {
    min-width: 300px;
    width: 50%;
}

.table-75 {
    min-width: 450px;
    width: 75%;
}

.table-100 {
    min-width: 600px;
    width: 100%;
}

.ticketgroup {
    font-weight: bold;
    text-transform: uppercase;
}




.hidden-href a {
    color: black;
    text-decoration: none !important;
}

.hidden-href-alert a, .hidden-href-alert {
    color: red;
    font-weight: bold;
    text-decoration: none !important;
}