/* here you can put your own css to customize and override the theme */

.top-buffer { margin-top:20px; }

#formUpdateCampaign .radio{
  padding-top: 2px !important;
}

.access_status .radio{
  padding: 0 !important;
  margin-left: 0;
}

.tableFixHead          { overflow-y: auto; height: 500px; }
.tableFixHead thead th { position: sticky; top: 0;background-color: #ffffff }

#ticketEditForm .form_datetime input{
  margin-left: 0px;
  width: 200px;
}

#ticketEditForm .form_datetime button.date-set{
  margin-right: 12px;
}

#ticketEditForm .expectedTimeBlock,
#ticketEditForm .performedTimeBlock,
#ticketEditForm .officialBlackScreenDurationBlock{
  /* padding-left: 17px; */
}

#ticketEditForm .access_status .radio-inline{
  padding-left: 0;
}

#ticketEditForm .owner{
  margin-top: 8px;
  padding-left: 0;
}
#ticketEditForm .text-submit{
  text-align: right;
}

#ticketEditForm .accessStatusBlock{
  padding-left: 0;
}

th.thTitle{
  display: none;
}

.alert-item:first-child{
  margin-left: 0;
}

.alert-item{
  float: left;
  margin: 0 10px;
}

@media only screen and (max-width: 800px) {
  .flip-scroll table.flip-content thead tr{
    position: inherit !important;
  }

  .flip-scroll table.flip-content tbody td{
    white-space: inherit !important;
  }

  td.nb_alerts .popover{
    display: none !important;
  }

  .bulkUpdateBtn{
    padding-left: 5px !important;
  }

  .ticket-list-actions{
    float: left !important;
  }

  .ticket-list-actions .btn{
    padding: 4px 9px 5px 9px;
    font-size: 13px;
    line-height: 1.5;
  }

  #bulkUpdate{
    font-size: 13px;
    line-height: 1.5;
    float: right !important;
  }

  th.thTitle{
    display: block;
  }

  .rawAction{
    margin-top: 3px;
    text-align: justify !important;
  }

  .rawAction .btn{
    padding: 4px 10px 5px 10px;
    font-size: 13px;
    line-height: 1.5;
  }

  .alert-item{
    margin: 5px 10px !important;
  }

}

#launcher{
  transform: translateX(85%) !important;
  margin: auto 0 !important;
  top: 0;
}

#launcher:hover{
  transform: translateY(0%) !important;
}

#webWidget{
  /* left: 0; */
  margin: 0 auto !important;
}

table#alerts thead tr th:first-child span#sorttable_sortfwdind,
table#alerts thead tr th:first-child span#sorttable_sortrevind,
table#ticketList thead tr th:first-child span#sorttable_sortfwdind,
table#ticketList thead tr th:first-child span#sorttable_sortrevind,
table#emailTicketList thead tr th:first-child span#sorttable_sortfwdind,
table#emailTicketList thead tr th:first-child span#sorttable_sortrevind{
  display: none;
}

#chats ul.nav-tabs li a{
  color: #ffffff;
}

#chats ul.nav-tabs li a:hover,
#chats ul.nav-tabs li a:active{
  color: #555;
}

#chats ul.nav-tabs li.active a{
  color: #555;
}

td.comment-text{
  cursor: pointer;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

td.comment-text.fold{
  white-space: nowrap;
}

td.comment-text.unfold{
  white-space: normal;
}

.chat-form .ck.ck-content{
  min-height: 155px !important;
  padding: 0 0.5em !important;
}

#helpdesk .ck.ck-content {
  min-height: 150px !important;
  padding: 0 0.5em !important;
}

.ck.ck-content p{
  margin: 0;
}

ul.chats .ck.ck-content{
  min-height: 220px !important;
  padding: 0 0.5em !important;
}

.ck.ck-content ul li,
.ck.ck-content ol li{
  line-height: 0.5em !important;
  padding: 5px 0;
  margin: 10px auto;
}

figure table td, 
figure table th{
  min-width: 2em;
  padding: .4em;
  border: 1px solid #000000;
}

.instruction{
    font-size: 12px;
    font-style: italic;
    color: grey;
}

.editor .ck.ck-toolbar__items{
  margin-left: 20px;
}

.signature figure.image,
.editor .ck-content figure.image{
  margin: 7px 0;
}

.signature img,
.commentText img,
#commentContent img{
  max-width: 100%;
}

.signature p,
.commentText p,
#commentContent p{
  margin: 0;
}

.signature figure.image_resized img,
.commentText figure.image_resized img,
#commentContent figure.image_resized img{
  width: 100%;
}

.signature figure img,
.commentText figure img,
#commentContent figure img{
  max-width: 100%;
}

.signature ul li,
.signature ol li,
.commentText ul li,
.commentText ol li{
  padding: 0;
  margin: 0;
  list-style: inside;
  list-style-type: inherit;
}

li.out .commentText figure,
li.out .commentText figure table{
  margin-left: auto;
}

.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next, 
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: .5;
}

form#filterAlerts .checkbox-inline{
  margin: 5px 0;
}

/* Context menu */
.site-cm-box ul,
.site-cm-box li{
  margin:0;
  padding: 0;
}

#visualization-container .highcharts-input-group{
  display: none;
}

.dataTables_info{
    text-align: center;
    float: left;
    width: 84%;
}

.dataTables_filter{
  display: none;
}

.contacts{
  display: none;
}

.contacts .form-group label{
  display: block;
  font-weight: 600;
}

.contacts .form-group{
  margin-bottom: 0px;
  margin-right: 5px;
}

.bootstrap-tagsinput{
  width: 100%;
}

.bootstrap-tagsinput .tag{
  padding: 0px 4px;
  margin: 0px !important;
}

.bootstrap-tagsinput .label{
  font-size: 11px !important;
  border-radius: 10px !important;
}

.followers .bootstrap-tagsinput{
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
}

.followers .bootstrap-tagsinput input{
  display: none;
}

.followers .bootstrap-tagsinput .tag [data-role="remove"]{
  display: none;
}

.bootstrap-tagsinput .tag [data-role="remove"]{
  margin-left: 1px !important;
}

/* Tooltip container */
.recipients.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.rec_tooltip .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-left: -70px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

/* Show the tooltip text when you mouse over the tooltip container */
.rec_tooltip:hover .tooltiptext {
  visibility: visible;
}

.rec_tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

 

/* #alerts>tfoot>tr>td,
#alerts>tfoot>tr>th,
#alerts>thead>tr>td,
#alerts>thead>tr>th{
  padding: 8px 0 !important;
} */

#filterAlerts .bootstrap-switch{
  width: 99px !important;
}

.action-links{
  min-width: 60px;
}

.filter-search{
  margin: 9px 0;
  padding: 0;
  text-align: center;
}

.filter-aknow,
.filter-refresh{
  margin-left: 25px;
}

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
*/
@media screen and (min-width: 376px) and (max-width: 575px) {
  .input-medium {
      width: 190px !important;
  }

  #ticketEditForm .form_datetime input {
      width: 149px;
  }

  .control-label {
    text-align: right;
  }

  #ticketEditForm .access_status .radio-inline{
    padding-top: 0;
    margin-right: 0;
  }

  #ticketEditForm .owner{
    margin-top: 2px;
  }

  #ticketEditForm .text-submit{
    text-align: left;
  }
}

@media screen and (min-width: 320px) and (max-width: 375px) {
  .input-medium {
      width: 200px !important;
      margin-left: 15px;
  }

  #ticketEditForm .accessStatusBlock {
    margin-left: 15px;
}

  #ticketEditForm .form_datetime input {
      width: 149px;
      margin-left: 15px;
  }

  .control-label {
    text-align: left;
    width: 100%;
  }

  #ticketEditForm .access_status .radio-inline{
    padding-top: 0;
    margin-right: 0;
  }

  #ticketEditForm .owner{
    margin-top: 2px;
    margin-left: 15px;
  }

  #ticketEditForm .text-submit{
    text-align: left;
  }

  #ticketEditForm .expectedTimeBlock,
  #ticketEditForm .performedTimeBlock,
  #ticketEditForm .officialBlackScreenDurationBlock {
      padding-left: 17px;
  }

  @media (min-width: 768px){
    .filter-refresh{
      margin-left: 0 !important;
    }
  
    .filter-search {
      text-align: left !important ;
    }
  
    .filter-search-text{
      width: 90% !important;
    }
  
    .filter-button{
      float: right;
      margin: 10px 25px;
    }
  }
  
  @media (min-width: 1024px){
    .filter-search-text{
      width: auto !important;
    }
  
    .filter-button{
      float: none;
      margin: 0;
    }

    .action-links{
      width: 120px;
    }
  }

  @media (max-width: 480px) {
    .filter-search{
      margin-left: 25px !important;
      text-align: left !important;
    }

    .responsive-pagination{
      padding-left: 0 !important;
    }
  }