/* Tabs BEGIN */

#tabs,
#tabs ul.ui-tabs-nav{
    background: none;
    border:none;
    padding:0;
}
/* T190649 Only tabs in the ticket system should be styled*/
#tabs ul li.ui-state-default.ui-corner-top{
  background: #b9bcc6;
  padding:2px 10px;
  margin-right:5px;
}
#tabs ul li a {
    color:#fff;
}
#tabs .ui-tabs-panel {
    border:thin solid #b9bcc6;
    padding:10px;
    margin-top: -1px;
    /* LB: make tabs great again */
    display:inline-block;
    width:100%;
    overflow-x: auto;
}
/* active tab 
 T190649 Only tabs in the ticket system should be styled */
#tabs li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
  border-top: 1px solid #b9bcc6;
  border-left: 1px solid #b9bcc6;
  border-right: 1px solid #b9bcc6;
  border-radius:5px 5px 0px 0px;
  background-color:#fff;
  position:relative;
    top:2px;
}
#tabs .ui-state-active a {
    color: #3b434c;
}
#tabs .ui-widget-content{
    background-color:#fff;
}
.ui-widget-content{
    border:none;
}
.ui-tabs .ui-tabs-panel {
    display:block;
    padding:0;
}

.important-hint{
  color: #ea5355;
  font-weight: bold;
  border: 1px solid #ea5355;
  padding: 5px;
  margin: -13px 0px 10px 0px;
  width: 350px;
}


/*
missing input values in jquery-tab
feel free to increase fanciness here!
*/

#tabs ul li.missing a{
    color:#eb5355;
}

/* Tabs END */


/* Subforms BEGIN */

.subform select{
    width:auto;
    max-width:200px;
}

/* please don't do this - internationalization is already hard enough...  */
th.xrefgoto::before {
    content: "Link";
}

/* Subform END */

/* Input Fields START */

/*make checkboxes handsome*/
.autogen_checkbox {
  display:none;
}

.autogen_checkbox + span {
  width: 20px;
  height: 20px;
  display: inline-block;
  border:1px solid #3b434c;
  margin-right:5px;
  cursor: pointer;
}

.autogen_checkbox:checked + span {
  background-image:url('check_icon');
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}

/*make radio buttons handsome*/
.autogen_radio {
  display:none;
}

.autogen_radio + span {
  width: 20px;
  height: 20px;
  display: inline-block;
  border:1px solid #3b434c;
  margin-right:5px;
  border-radius:10px;
}

.autogen_radio:checked + span {
  background-color:#3b434c;
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
}

/* handsome buttons*/


/* Input Fields END */

/* Buttons BEGIN */
button span,
button i{
    color:white;
}
button[disabled=""] span{
    color:#0087cb;
}
#tutorial{
    float:right;
}

/* Buttons END*/

/* Global START*/

div.editform{
    overflow-x: visible;
}

/* Global END*/

#tabs ul li a.greenColor,
a i.fa.fa-check{
    color:#18a48c;
}


/* FROM TICKETS*/
/* Icon Container START */
.custmsg-icon, .msg-icon, .stop-icon, .newmsg-icon, .online-icon, .sendmsg-icon {
  font-size:20px;
    padding:1px;
    margin:1px;
    top: -1px;
  color:white;
  position: relative;
}

i.finished-icon{
    background-color:#18a48c;
    color:#fff;
    padding:5px;
}
div.finished-icon{
    vertical-align:text-bottom;
}
.newmsg-icon{
  background-color:#0087cb;
}
.msg-icon{
  background-color:#ea5355;
}
.stop-icon{
  background-color:#ea5355;
}
.custmsg-icon{
    background-color:yellow;
    color: #3b444d;
}
.online-icon{
  color:#18a48c;
}
.sendmsg-icon{
  color:#0087cb;
}
.sendmsg-icon:hover{
  cursor:pointer;
}
.legend-container div span{
  position:relative;
  vertical-align:text-bottom;
  margin-right:15px;
}
.legend-container{
  float:left;
}
.legend-container>div {
  float:right;
}

/* Icon Container END */

/* db_search START */

div.search{
  margin:25px 10px;
}

div.search td.click_entry a
{
    display: none;
}

/* disable searching */
.search_label select.search-mobilefilter--select option[value=row_stop],
.search_label th.row_stop input,
.search_label th.row_stop span{
    display:none;
}
.search_label .row_finished:not(.mobile-selected) input,
.search_label .row_finished:not(.mobile-selected) span{
    display:none;
}
.search_label select.search-mobilefilter--select option[value=row_online],
.search_label .row_online input,
.search_label .row_online span{
    display:none;
}
.search_label select.search-mobilefilter--select option[value=row_working],
.search_label .row_working input,
.search_label .row_working span{
    display:none;
}
.search_label select.search-mobilefilter--select option[value=row_message_customer],
.search_label .row_message input,
.search_label .row_message span{
    display:none;
}

.search_label .row_message_customer:not(.mobile-selected) span,
.search_label .row_message_customer:not(.mobile-selected) input{
    display:none;
}

.search_label .row_message_tech:not(.mobile-selected) span,
.search_label .row_message_tech:not(.mobile-selected) input{
    display:none;
}

.search_label .row_feedback:not(.mobile-selected) span,
.search_label .row_feedback:not(.mobile-selected) input{
    display:none;
}

/* style Icons */
@media screen and (min-width: 769px) {
    div.search td.row_online,
    div.search td.row_stop,
    div.search td.row_finished,
    div.search td.row_working,
    div.search td.row_message,
    div.search td.row_message_customer,
    div.search td.row_message_tech,
    div.search td.row_feedback{
        min-width:30px;
        width: 30px;
        padding:0px;
        text-align: center;
    }
}

/* hide header from "goto xref" */
div.search th.tsticket_id * {
    display: none;
    width: 40px;
    padding-left: 40px;
}

/* db_search END */


/* editform START */

.header-buttons{
    float:right;
}

/* Subform  */
.TsticketxAbcontact br{
    display:none;
}
button span{
    color:white;
}

/* editform END */


/* background of tds with icons */
tr.feedback td.row_message,
tr.stop td.row_stop
{
    background-color: #ea5355;
}
tr.newmsg td.row_message {
    background-color: #0087cb;
    padding: 1px 1px;
}
tr.finished td.row_finished{
    background-color:#18a48c;
}
tr.finished td.row_finished div i{
    color:#fff;
}
tr.custmsg td.row_message_customer, tr.custmsg td.row_message_tech{
    background-color: yellow;
}
td.row_message_customer.custmsg, td.row_message_tech.custmsg{
    background-color: yellow;
}

/* Print Button BEGIN */
#preview_report{
  text-transform: uppercase;
  border: none;
  margin-top: 5px;
  margin-right: 10px;
  background-color: #0087cb;
  cursor: pointer;
  padding: 5px;
  float:right;
}

#preview_report span,
#preview_report i{
    color:white
}
/* Print Button END */

/* Flex Container BEGIN */
.flex-container{
    display:flex;
}
.flex1{
    flex:1;
    max-width:100%;
    margin-top:10px;
    margin-right:5%;
}
.flex2{
    flex:2;
}
/* Flex Container END */

.button-container{
    margin-bottom:15px;
}


@media screen and (max-width: 800px) {

  #selector{
      width:200px;
  }

}

div.editform .required.fa.fa-exclamation-triangle.missing{
    visibility: visible;
    color: #eb5355;
}