﻿a {
    color: #2980B9;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
        cursor: pointer;
        color: blue;
    }

a.paginate_button {
	color: initial;
}

p + h1, p + h2, p + h3, p + h4, p + h5 {
    margin-top: 20px;
}

h2 {
    font-weight: normal;
     margin-bottom: 5px;
}

h3 {
    break-after: avoid;
    font-weight: normal;
    display: inline;
    font-size: 14pt;
}

.modal h3 {
    margin-bottom: 5px;
}

h4 {
    font-weight: normal;
}


.filters .filterBlock label.for, .advancedFilters .filterBlock label.for {
    max-width: unset;
}

label.for {
    display: block;
    font-weight: bold;
    margin-top: 10px;
    max-width: 200px;
    white-space: nowrap;
}

    label.for.toolTip, label.for.toolTipDarkStayUp, .modal label.for.toolTip, .modal label.for.toolTipDarkStayUp {
        cursor: help !important;
    }

    label.for.inline {
        display: inline-block;
    }

input + label.for {
    margin-top: 15px;
}

input, select, textarea {
    padding: 4px 0;
    border: 2px solid #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    input[type=file] {
        padding: 4px;
    }

select {
    min-width: 200px;
}

    select.small {
        max-width: initial;
        width: auto;
        min-width: 100px;
        min-width: 0;
    }

    select.natural {
        min-width: 0;
    }

textarea {
    min-width: 300px;
    min-height: 100px;
}

input[type=text], textarea, input[type=password], input[type=search] {
    padding: 4px;
    width: 200px;
}

    input[type=text].small, input[type=password].small, input[type=search].small {
        width: 75px;
        text-align: center;
        margin-bottom: 0;
    }
    /* Remove the IE search clear layer X*/
    input[type=text]::-ms-clear, input[type=password]::-ms-clear, input[type=search]::-ms-clear {
        display: none;
    }

	input[type=text].long {
		width:400px;
	}
	
	.small ul {
		list-style: none;
		margin: 10px 0;
	}

    ul.bullets {
        list-style: disc;
        list-style-position:inside;
    }

    ul li ul {
        margin: 0;
    }

li + ul {
    margin-top: 10px;
}

ul li:not(.ms-optgroup-container, .ms-elem-selection) {
    margin-left: 10px;
    margin-bottom: 5px;
}

hr {
    margin-bottom: 10px;
}

input[type='checkbox'], input[type='radio'] {
    transform: scale(1.8);
    border: none;
    vertical-align: middle;
}

    input[type='checkbox'] + label {
        margin-left: 15px;
    }

    input[type='checkbox'] + label, input[type='radio'] + label {
        cursor: pointer;
    }

    input[type='radio'] + label {
        margin: 0px 15px;
        display: inline-block;
        position: relative;
        top: 2px;
    }

html.ie9 input[type='checkbox'], html.ie9 input[type='radio'] {
    -ms-transform: scale(1.5); /* IE */
    margin: 5px;
}

/*********************************************
    touch radio & checkboxes
    *******************************************/
input[type='checkbox'].touch, span.touch input[type='checkbox'] {
    z-index: 2;
    position: relative;
    top: -1px;
}

    input[type='checkbox'].touch + label, span.touch input[type='checkbox'] + label {
        display: inline-block;
        background-color: lightgrey;
        border: 2px solid #555;
        text-align: right;
        padding: 10px 20px 10px 40px;
        margin-left: -30px;
        margin-right: 10px;
        position: relative;
        z-index: 1;
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    input[type='checkbox']:checked.touch + label, span.touch input[type='checkbox']:checked + label {
        background-color: #40D47D;
        color: #fff;
    }

input[type='checkbox'].touch, span.touch input[type='checkbox'] {
    z-index: 2;
    position: relative;
    top: -1px;
}


input[type='radio'].touch, span.touch input[type='radio'] {
    display: none;
}

    input[type='radio'].touch + label, span.touch input[type='radio'] + label {
        display: inline-block;
        background-color: lightgrey;
        border: 2px solid #555;
        text-align: center;
        padding: 10px;
        margin: 0px 10px 10px 0;
        position: relative;
        z-index: 2;
        cursor: pointer;
        min-width: 100px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    input[type='radio']:checked.touch + label, span.touch input[type='radio']:checked + label {
        background-color: #40D47D;
        color: #fff;
    }

input[type=text].touch, input[type=password].touch {
    height: 40px;
    margin-top: 2px;
    padding-left: 10px;
    font-size: 20px;
}

select.touch {
    height: 40px;
    margin-top: 2px;
    padding-left: 10px;
    font-size: 16px;
}

/*********************************************
    datepicker 
    *******************************************/
input[type=text].datepicker {
    width: 100px;
    text-align: left;
    background-image: url('../images/actions/calendarLightGrey.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 15%;
    background-repeat: no-repeat;
    background-position: 97% 50%;
}

/*********************************************
        Buttons
        *******************************************/
input[type=button], input[type=submit], button {
    border: 2px solid #333;
    background-color: #7F7F7F;
    color: #fff;
    font-family: 'Droid Sans', sans-serif;
    padding: 5px 20px;
    font-size: 20px;
    cursor: pointer;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    input[type=button]:hover, input[type=submit]:hover {
        background-color: #555555;
    }

    input[type=button] + input[type=button],
    input[type=submit] + input[type=submit],
    input[type=button] + input[type=submit],
    input[type=submit] + input[type=button] {
        margin-left: 20px;
    }

    input[type=submit].cancel, input[type=button].cancel {
        color: #333 !important;
        background-color: #fff !important;
    }

        input[type=submit].cancel:hover, input[type=button].cancel:hover {
            background-color: #E0E0E0 !important;
        }


    input[type=submit].save, input[type=button].save {
        min-width: 100px;
        background-color: #27AE60;
        color: white !important;
    }

        input[type=submit].save:hover, input[type=button].save:hover {
            background-color: #40D47D;
        }

	input[type=submit].saveSmall, input[type=button].saveSmall {
        min-width: 50px;
        background-color: #27AE60;
        color: white !important;
    }
		input[type=submit].saveSmall:hover, input[type=button].saveSmall:hover {
            background-color: #40D47D;
        }

    input[type=submit].small, input[type=button].small {
        font-size: 14px;
        padding: 5px 8px;
        height: 30px;
        margin-bottom: 0;
    }


.floatRight input[type=button], .floatRight input[type=submit] {
    margin: 0px 10px;
}

/*A container that is styled to look & act like a button*/
.divbutton {
    display: inline-block;
    min-width: 120px;
    padding: 8px 20px;
    background-color: #7F7F7F;
    cursor: pointer;
    color: white;
    text-align: left;
    border: 2px solid #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .divbutton:hover {
        background-color: #555555;
    }

    .divbutton img {
        float: left;
        margin-right: 20px;
        width: 50px;
        height: 50px;
        vertical-align: middle;
    }

    .divbutton input[type=text] {
        display: none;
    }

.squareButton {
    background-color: #7F7F7F;
    color: #fff;
    height: 100px;
    width: 100px;
    text-align: center;
    cursor: pointer;
    border: 2px solid #333;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .squareButton:hover {
        background-color: #555555;
    }

    .squareButton img, .squareButton svg {
        height: 50px;
        width: 80px;
        padding: 5px 25px;
        border-bottom: 2px solid #fff !important;
        fill: #fff;
    }

    .squareButton + .squareButton {
        margin-left: 10px;
    }


/*RMA scanner classes
    Consist of a textbox + a button*/


input[type=text].mergeText {
    border: 2px solid #000;
    border-right: none;
    height: 30px;
    vertical-align: top;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.mergeText + input[type=button], .mergeText + input[type=submit] {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    padding: 4px 5px;
    border: 2px solid #000;
    border-left: none;
    margin-left: -6px;
    height: 30px;
    vertical-align: top;
    /*reset*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 0px;
}

/**************************************
    Wrap multi select plugin list with this to center
************************************/
.multiSelectWrapper {
    width: 655px;
    margin: 0 auto;
}


/**************************************
    Datagrids / dataTables
    ************************************/
table td {
    padding: 2px 4px;
}

th:not(:empty), tfoot tr th {
    font-weight: bold;
    border-bottom: 1px solid #333;
}

.modal td, .modal th {
    text-align: left;
}

    .modal td.alignLeft, .modal th.alignLeft {
        text-align:left;
    }

    .modal td.alignRight, .modal th.alignRight {
        text-align:right;
    }

    .modal td.centered, .modal th.centered {
        text-align:center;
    }

.modal tr.centered td, .modal tr.centered th {
    text-align:center;
}


table.datagridLarge tr:hover, table.dataTable tr:hover, .dataTableNoInit tr:hover {
    background-color: lightgrey !important;
}

.datagridLarge td, .datagridalt td, .dataTable td, .dataTableNoInit tr td {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

.datagridLarge tr:nth-child(even), table.dataTable tr:nth-child(even), .dataTables_wrapper table.dataTable tr:nth-child(even), .dataTableNoInit tr:nth-child(even) {
    background-color: #e9e9e9;
}

.datagridLarge tr:nth-child(odd), table.dataTable tr:nth-child(odd), .dataTableNoInit tr:nth-child(odd) {
    background-color: #fff;
}

.datagridheader td, .datagridfooter td, .datagridheader th, table.dataTable thead tr th, table.dataTable tfoot tr td
, .dataTableNoInit th, .dataTableNoInit tfoot tr td {
    text-align: center;
    font-weight: normal;
    background-color: #5a5959;
    color: #fff;
    padding: 10px;
    border-collapse: collapse;
}

.dataTableNoInit, .dataTableNoInit td, .dataTableNoInit th {
    border: 1px solid #333;
}

.dataTableNoInit {
    border-collapse:collapse;
    margin:0 auto;
}

    .datagridheader td a {
        text-decoration: none;
        color: #fff;
    }

    .datagridfooter td a {
        text-decoration: none;
        color: #fff;
    }

.dataGridSmallButton {
    border: 1px solid white;
    height: 30px;
    width: 50px;
    margin: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    /*overwrite the .red class */
    .dataGridSmallButton.red {
        height: 30px !important;
        width: 50px !important;
        border: 1px solid white !important;
        position: relative;
        left: 0;
        top: 0;
    }

.dataGridButton {
    border: 1px solid white;
    height: 30px;
    margin: 0 5px;
    padding: 0px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Datatables plugin overwriting styles */


/* Filters */
/*the search element */
.dataTables_filter input[type=search] {
    width: 270px;
    padding: 8px 5px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

/*adjust the search box when there's a filters div */
.filters:not(:empty) + .dataTables_wrapper .dataTables_filter input[type=search] {
    position: relative;
    top: -5px;
}

.dataTables_length select {
    min-width: 0;
}

/*adjust the show X entries inside of a tableWrapper*/
.tableWrapper .dataTables_wrapper .dataTables_length {
    position: relative;
    top: 5px;
}


.dataTables_wrapper select {
    width: initial;
    display: inline-block;
    border: 1px solid #ccc;
}

.dataTables_wrapper label {
    width: initial;
}

.tableWrapper .dataTables_wrapper label:first-of-type {
    margin-left: 10px;
}

.tableWrapper .dataTables_filter input[type=search] {
    margin-right: 10px;
}

.dataTables_wrapper table.dataTable, .FixedHeader_Cloned table.dataTable {
    width: 100%;
    border-collapse: collapse !important;
}

    .dataTables_wrapper table.dataTable td, .dataTables_wrapper table.dataTable th, .FixedHeader_Cloned table.dataTable th {
        border: 1px solid gray;
    }

html.ie9 .FixedHeader_Cloned table.dataTable thead th {
    border: none;
}

html.ie9 .FixedHeader_Cloned table.dataTable thead tr {
    border: 1px solid #5a5959;
}

table.dataTable thead th, table.dataTable thead td, .FixedHeader_Cloned table.dataTable th {
    border-bottom: none;
}


.dataTables_wrapper table.dataTable th {
    border-top: none;
}

table.dataTable thead tr th, .FixedHeader_Cloned table.dataTable tr th {
    text-align: center;
    font-weight: normal;
    color: #fff;
    padding: 10px 15px;
}

.dataTables_wrapper table.dataTable tr:nth-child(odd) {
    background-color: #fff;
}

table.dataTable tr td input[type=text]:not(.datepicker), table.datagridLarge tr td input[type=text]:not(.datepicker) {
    width: 120px;
    text-align: center;
}

.gridCollapser {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

/*********************************************
    datepicker 
    *******************************************/
input[type=text].calendar {
    width: 150px;
    text-align: left;
    background-image: url('../images/actions/calendarLightGrey.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 15%;
    background-repeat: no-repeat;
    background-position: 97% 50%;
    cursor: default;
}


/*nicEdit plugin*/
.nicEdit-main {
    background-color: #fff;
    padding: 5px;
}

.expandResults {
  display: block;
  padding: 3px;
  cursor: pointer; }

.expandResults:hover {
  padding: 2px;
  border: 1px solid #2980B9;
  color: #2980B9; }


table.dataTable tbody tr td.delete {
	padding: 0;
}

td.child ul li {
    display: inline-block;
    margin: 10px 20px;
    min-width: 225px;
	vertical-align: top;
}

    td.child ul li span.dtr-title {
        display: block !important;
    }

tr td button.delete {
	border: none;
	background-color: transparent;
	width: 100%;
	padding: 0;
	margin-bottom: 0;
}

tr td button.delete svg {
	height: 25px;
	width: 25px;
}

	tr td button.delete:hover svg {
		height: 27px;
		width: 27px;
	}

table.dataTable > tbody > tr.child td.child ul li:first-child {
    padding-top: 0.5em;
}

/***************************************************************
	System Messages div
	*******************************************************/

/* Gotta wrap it so the :after elements don't trigger js to show the elements*/
#systemMessagesWrapper {
    position: fixed;
    top: 30px;
    min-width: 450px;
    max-width: 70%;
    display: none;
    z-index: 999;
}

#systemMessageCloser {
    padding: 10px 10px 10px 20px;
    float: right;
    font-weight: bold;
    color: #ccc;
    cursor: pointer;
    display: none;
}

    #systemMessageCloser:hover {
        color: #fff;
    }


#systemMessages {
    display: block;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 18px;
    z-index: 150;
    padding: 10px 30px 10px 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

    #systemMessages.error {
        background-color: red;
        border: solid 3px #e14714;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);
    }

    #systemMessages.success {
        background-color: green;
        border: solid 2px #ccc;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
    }

    #systemMessages.warning {
        background-color: orange;
        border: solid 2px darkOrange;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
    }

#systemMessagesWrapper li {
	list-style: none;
}

.sysMessTime {
	display: block;
	margin-top: 5px;
}

.messageAction:not(:empty) {
	text-decoration: underline;
	cursor: pointer;
	text-align: center;
}

/***********************************
    Modal Windows
    ********************************/

#modal-background, .modal-background {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .50;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    z-index: 900;
    overflow: auto;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#modal-background img, .modal-background img {
    /*spin it*/
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    z-index: 901;
}


.modal {
    position: fixed;
    background-color: white;
    min-height: 200px;
    min-width: 300px;
    max-width: 900px;
    max-width: 70%;
    display: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;
    z-index: 998;
    overflow: auto;
}

    .modal .column {
        padding-left: 20px;
    }

    .modal label.for {
        display: block;
        min-width: 130px;
        border-bottom: 1px solid #555;
        margin-right: 50px;
        margin-bottom: 3px;
    }

.overflowY {
    -webkit-border-radius: 10px;
    -webkit-border-top-right-radius: initial;
    -webkit-border-bottom-right-radius: initial;
    -moz-border-radius: 10px;
    -moz-border-radius-topright: initial;
    -moz-border-radius-bottomright: initial;
    border-radius: 10px;
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
}

    .overflowY .modalHeader {
        -webkit-border-top-right-radius: initial;
        -moz-border-radius-topright: initial;
        border-top-right-radius: initial;
    }

.modal hr {
    height: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 30px;
    float: right;
    text-align: center;
    width: 30px;
    height: 30px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 5px;
    /*make a circle*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 999;
    cursor: pointer;
}

    .close:hover {
        border: 3px solid white;
        line-height: 24px;
        font-weight: bolder;
        color: white !important;
        background-color: red !important;
    }

.modalHeader {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    clear: both;
}

.centered {
    margin: 0 auto;
    text-align: center;
}


.expandable {
	white-space: nowrap;
}

td.currency {
	white-space: nowrap;
}

.buttons-columnVisibility.active::after {
    content: url("../../resources/images/informational/checkmark.png");
    position: absolute;
    right: 5px;
}

.dt-button.buttons-columnVisibility span {
	padding-right: 20px;
}