/* class file for coolcom ticket system */
.tsticketheader {
    background-color:silver;
    border: 1px white;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tsticketinfo {
    width: 100%;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 5px;
    background-color: #ffeab1;
    border-radius:5px;

}

.tsmessage {
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
}

.tsmessageedit {
    width: 99% !important;
    height: 150px !important;
    margin-left: 1px;
}

.tsmessageheader {
    background-color: silver;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.tsmessageuserinfo {
    border-right: 1px solid silver ;
    margin-top: 5px;
    vertical-align: top;
    width: 130px;
    padding-top: 5px;
    padding-left: 5px;
    display: table-cell;
}

.tsclientlink {
    color: #01a0e4;
}

.tsmessagebody {
    padding-left: 10px;
    margin-left:10px;
}


.tsmessageform {
    width: 100%;
    background-color: white;
    margin-top: 5px;
}

.tsmessagelist {
    width: 100%;
    background-color: white;
}

.tsyourip {
    border: 1px solid orange;
    border-radius: 3px;
    margin: 2px;
    padding: 2px;
    background-color: lightgoldenrodyellow;
    font-size: small;

}

.tssubmit {

}

.tsstaff1 {
    float: left;
    display: inline;
}

.tsstaff2 {
    float: left;
    display: inline-block;
    background-color:white;
}

.tsstaff1:after {
    clear: both;

}

.tshighlight {
    background-color: #FFD827;
}

.tsadminlist {
    border-spacing:0;
    border-collapse:collapse;
    border: 1px solid silver;
    font-size: 16px;
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.tsadminlist td {
    border-top: 1px solid gray;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tsstatus1 { /* open */
    color: green;
    font-weight: bold;
}
.tsstatus2 { /* closed */
    color: black;
}
.tsstatus3 { /* on hold  */
    color: red;
    font-weight: bold;
}
.tsstatus4 { /* waiting */
    color: olive;
}

.tsstaff21716 { /* roger */
    background-color: #E0E0E0;
}

.tsstaff13242 { /* justin*/
    background-color: #DFFB91;
}

.tsstaff6126 { /* chuck */
    background-color: #A8FCDE;
}

.tsstaff11058 { /* tony */
    background-color: #BCC1FD;
}

.tsstaff22604 { /* jeffries */
    background-color: #c6e7fd;
}

.tsstaff11064{ /* faith */
    background-color: #B4DEFF;
}

.tsstaff63{ /* henk */
    background-color: #B4DEFF;
}

.tsstaff19338{ /* brett */
    background-color: #98F296;
    /*    background: url("http://coolcom.com/components/com_coolts/images/flower-icon.png") 0 0;*/
    /*    background-color: #006dcc;*/
}

.tsstaff20543 { /* caitlyn */
    background-color: #D38A14;
}

.tsstaff19337 { /* carrie */
    background-color: #FDD4F1;
}

.tsstaff21183 { /* jim helding */
    background-color: #FFE779;
}

.tsstaff2546 { /* JoCool */
    /*	background-color: rgba(128,0,128, 0.3);*/
    background-color: #ffdbcb;
}

.tsstaff22173 { /* Transfer INs */
    background-color: rgba(128, 81, 0, 0.3);
}

.tsclientpro {
/*    background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(127,127,127,0.5) 25px, rgba(127,127,127,0.5) 50px);*/
    	font-weight: bold;

}

.tsbutton {
    background-color: #DDDDDD;
    border-top: 2px solid gray;
    border-left: 2px solid gray;
    border-bottom: 2px solid #777777;
    border-right: 2px solid #777777;
    border-radius: 3px;
    color: black !important;
    height: 26px;
    width:92px;
    display: inline-block;
    margin-left: 3px;
    margin-top:8px;
    text-align: center;
    vertical-align: middle;
}

.tsbutton:hover {
    background-color: #11AAFF;
    border-top: 2px outset gray;
    border-left: 2px outset gray;
    height: 26px;
    display: inline-block;
}

.tsbutton:active {
    background-color: #11AAFF;
    border-top: 2px inset gray;
    border-left: 2px inset gray;
    border-bottom: 2px inset #777777;
    border-right: 2px inset #777777;
}

.tsbuttonlink {
    background-color: #DDDDDD;
    border-top: 2px solid gray;
    border-left: 2px solid gray;
    border-bottom: 2px solid #777777;
    border-right: 2px solid #777777;
    border-radius: 3px;
    color: black !important;
    height: 22px;
    width:100px;
    display: inline-block;
    margin-left: 3px;
    margin-top:8px;
    text-align: center;
    /*	vertical-align: middle; */
}

.tsbuttonlink-note {
    background-color: #DD0000;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid #777777;
    border-right: 1px solid #777777;
    border-radius: 3px;
    color: black !important;
    height: 23px;
    width:100px;
    display: inline-block;
    margin-left: 3px;
    margin-top:8px;
    text-align: center;
    vertical-align: middle;
}

.tsbuttonlink:hover, .tsbuttonlink-note:hover {
    background-color: #11AAFF;
}

.tsstaffoptions {
    height: 30px;
    vertical-align: top;
    margin-top: 15px;
}

.tsstaffzone {
    padding:5px;
    display:inline-block;
    border:1px solid orange;
    border-radius: 5px;
    background-color: #ffdbcb;
    margin-top:15px;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.tsnoteedit {
    width: 500px;
    height:300px;
}

.tsmessageold {
    background-color:  rgba(255, 128, 128, 0.9);
}

.tsmessageold td {
    border-top: 3px solid orange;
    border-bottom: 3px solid orange;
}

.tsbutton2 {
    background-color: #669409;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid #777777;
    border-right: 1px solid #777777;
    border-radius: 3px;
    color: black ;
    height: 50px;
    width:125px;
    display: inline-block;
    margin-left: 3px;
    margin-top:8px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    color: #ffffff!important;
    font-weight: bold;
}

.tsbutton2:hover {
    background-color: #EEEEEE;
    border-top: 1px outset gray;
    border-left: 1px outset gray;
    border-bottom: 1px outset #777777;
    border-right: 2px outset #777777;
    border-radius: 3px;
    color: black !important;
    height: 50px;
    width:123px;
    display: inline-block;
    margin-left: 3px;
    margin-top:8px;
    text-align: center;
    vertical-align: middle;
}

.tsbutton2:active {
    background-color: #669409;
    border-top: 1px inset gray;
    border-left: 1px inset gray;
    border-bottom: 1px inset #777777;
    border-right: 2px inset #777777;
    border-radius: 3px;
    color: black !important;
    height: 50px;
    width:123px;
    display: inline-block;
    margin-left: 3px;
    margin-top:8px;
    text-align: center;
    vertical-align: middle;
}

.ticketip {
    border: 1px solid orange;
    border-radius: 3px;
    margin: 2px;
    padding: 2px;
    background-color: lightgoldenrodyellow;
    font-size: small;
}

.category {
    border: 1px solid orange;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 5px 5px #DDDDDD;
}

.panel-heading {
    background-color:#CCFF99;
    font-size: 18px;
    padding-left: 5px;
    margin: 0!important;
}
.margtop {
    margin-top: 5px;
}
.ticketline {
    padding-top: 5px;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:5px;
    border-top: 1px darkgrey dotted;
}
.ticketlink {
    text-decoration: underline;
}

.device {
    padding-left: 10px;
}

@media (max-width: 980px) {
    .desktop {
        display: none!important;
    }
    .device {
        margin-left: 0px;
    }
}

.announcement {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 99%;
    /*    background-color:#bbeebb;*/
    text-align: center;
    font-weight: bold;
    border-radius: 3px;
    padding:5px;
}

.ticketdate{
    width: 125px;
}

.tswarning {
    margin-top:10px;
    margin-bottom:10px;
    text-align: center;
    color: white;
    background-color: red;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 5px 5px #DDDDDD;
}

.tssuccess {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: white;
    background-color: limegreen;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 5px 5px #DDDDDD;
}

.notenumber {
    display: inline-block;
    width: 40px!important;
    height: 26px;
    border: 2px solid darkred;
    text-align: center;
    vertical-align: top;
    margin-left: 20px;
    margin-top:3px;
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    border-radius: 25%;
    font-size: smaller;
    font-weight: bold;
    background-color: darkred;
    color: white;
}