/* Add here all your CSS customizations */
/*.sorting_1 {
    background-color: rgba(163, 126, 222, 0.06) !important;
}
*/

/* employee working details START */
html,body {
    background: #fff;
}
.details-control {
    cursor: pointer;
}

td[colspan] { 
    padding: 0px !important;
}

tr td div.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

tr td div.row:hover {
    background: transparent !important;
}

tr td div.row div {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

tr td div.row:first-child {
    border-top: 0px !important; 
}
/* employee working details END */

/* permissions */
.multiselect-container {
    min-width: 400px;
}

/*survey star rating */
.rating-container {
    line-height: 40px;
}
.rating-container .rating-stars:before {
    text-shadow: none !important;
}
.rating-container .rating-stars{
    color:#ffb300 !important;
}

.invoice footer {
    border-top: 1px solid #DADADA;
    margin-top: 15px;
}

/* datatable */
.actions {
    width: 52px;
}

tr td div.operating-update {
    background-color: rgba(0, 0, 0, 0) !important;
}
.operating-update > [class*='col-'] {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

.operating-update input {
    min-width: 54px !important;
}

.operatingName {
    min-width: 150px;
    line-height: 32px !important;
}

.white-bg {
    background: #fff !important;
}

.pointer {
    cursor: pointer !important;
}

.apps {
    background: #fff;
    padding-bottom: 0 !important;
}

.col-datepicker {
    padding: 0;
}

.dropdown-menu-xs {
    font-size: 90% !important;
    min-width: 80px !important;
}

.table-responsive {
    overflow-x: visible !important;
    overflow-y: visible !important;
}

/* Autocomplete */
.ui-autocomplete {
  background: #FFF;
  border: 1px solid #D5D5D5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ui-autocomplete .ui-menu-item {
  background: #FFF;
  border-bottom: 1px solid #D5D5D5;
  line-height: 20px;
  padding: 8px 15px;
}
.ui-autocomplete .ui-menu-item:first-child {
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
.ui-autocomplete .ui-menu-item:last-child {
  border-bottom: 0px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.ui-autocomplete .ui-menu-item:hover {
  background: #F5F5F5;
}
.ui-autocomplete .ui-menu-item.ui-state-focus,
.ui-autocomplete .ui-menu-item.ui-state-active {
  margin: 0px;
}
.ui-autocomplete:after,
.ui-autocomplete:before {
  bottom: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ui-autocomplete:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 5px;
  margin-left: -5px;
}
.ui-autocomplete:before {
  border-color: rgba(213, 213, 213, 0);
  border-bottom-color: #D5D5D5;
  border-width: 6px;
  margin-left: -6px;
}
/* End Autocomplete */

.text-bold {
  font-weight: bold;
}

div.DTTT .btn {
  line-height: 20px;
  font: 16px;
  margin-right: 8px;
}

.working-table tbody tr td {
  line-height: 24px;
}


.working-table tbody tr td, .working-show-table tbody tr td:nth-child(-n+4) {
  font-size: 11px;
}

.working-table tbody tr td a {
  color: #777;
  display: block;
}

.working-table tbody tr td a:hover, .working-table tbody tr td a:active {
  color: rgba(13, 183, 219, 0.99);
}

.working-table tbody tr td:nth-child(2n+3), .working-table thead tr.in-out th:nth-child(odd) {
  background: rgba(199, 199, 199, 0.15);
}

.working-table thead tr th {
  padding-right: 5px !important;
}

div.create {
  height: 22px;
  text-align: center;
}

div.create button {
  display: none;
}

div.create:hover button {
  display: inline-block;
}

/* DataTable */ 
div.dataTables_wrapper div.dataTables_filter label {
    text-align: right;
}

.buttons-columnVisibility a {
    cursor: pointer;
}

table#dataTable td {
    font-family: "Roboto", cursive;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    padding-right: 26px;
    white-space: nowrap;
}

.td-email span {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -o-text-overflow: ellipsis !important;
}

.td-icon {
  width: 16px !important;
}

.td-name {
  padding-left: 0px !important;
}

.td-date {
  max-width: 150px !important;
}

.td-time {
  width: 36px !important;
}

.td-created-date {
  width: 96px !important;
}

.text-silinen {
  color: #dcd8da;
}

.text-normal {
  color: #777 !important;
}