/* Add here all your CSS customizations */

/* datatable scroll fix for iOS10 */
@media (min-width: 768px) {
	html.mobile-device.flexbox .content-body {
		width: calc(100vw - 300px) !important;
	}
}

.ui-slider-tick-mark
{
    display: inline-block;
    width: 1px;
    background: #CCC;
    height: 14px;
    position: absolute;
    top: -4px;
}

.ui-slider-tick-label
{
    display: inline-block;
    color: #CCC;
    position: absolute;
    top: 10px;
    margin-left: -14px;
    font-size: 11px;
    white-space: nowrap;
}

/*bootstrap confirmation popup*/
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #000000;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

/* used to stop datatables wrapping text in columns */
.nowrap-table {
    white-space: nowrap;
}

/* forces plaveholder text to be white */
#txtSearchFor::-webkit-input-placeholder {  
color: white !important;  
}

#txtSearchTerm::-webkit-input-placeholder {  
color: white !important;  
}

#txtFilterReferenceNumber::-webkit-input-placeholder {  
color: white !important;  
}

/* used for datatables with fixedHeaders: true but does not work?? */
table.fixedHeader-floating {
	top: 114px !important;
	z-index: 99999 !important;
}

/* used by tables with back buttons in bottom right corner, next to pagination buttons */
.with-back-button .dataTables_paginate {
  margin-right: 80px !important;
}

/* flot chart style changes */
.tickLabel
{
    color: whitesmoke;
 }

/* text white */
.text-white
{
    color: white;
}

/* turn off number spinners */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button 
{ 
  -webkit-appearance: none; 
  margin: 0; 
}