/* Add here all your CSS customizations */
.field-validation-error {
    color: red;
}

.pagination {
    margin: 0;
}

/* when image is deleted, gray it out */
.marked-for-deletion {
    opacity: 0.3;
}


.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-left: 15px;
}


.datatable-search {
    /*margin-top: 10px;*/
    margin-left: 20px;
    max-width: 150px;
    float: right;
    border-radius: 6px;
    border: 1px solid rgb(229, 231, 233);
    padding: 5px;
}

.btn-group {
    /*margin-top: 5px;*/ /*summernote fix for buttons */
}

.btn-group > a {
    margin-right: 3px;
}


.preventclick {
    border-radius: 6px;
    border: 1px solid rgb(229, 231, 233);
    padding: 5px;
}


box .reorder ul li {
    list-style: none;
    background: url(../images/arrow.gif) no-repeat 10px 4px;
    padding-left: 25px;
}


.dd-handle {
    z-index: 40000!important;
}

.dd-dragel {
    z-index: 40000 !important;
}
.drag-item {
    cursor: pointer;
}
.dd-handle {
    color: black;
    border: none;
}

.table-calculate td:first-child {
    width: 90px;
}
.table-calculate td:nth-child(2) {
    width: 50px;
}
.table-calculate td:nth-child(3) {
    width: 20px;
}
.table-calculate td:nth-child(4) {
    width: 500px;
}
.table-calculate td:nth-child(5) {
    width: 90px;
}

.dd-header {
    background-color: lightgray;
    /*margin-left: 37px;*/
    margin-top: 2px;
    /*padding: 10px;*/
}
.dd-item > button {
    margin-bottom: 5px;
}
.sortable {
    list-style: none;
    padding-left: 0px;
}

.dd-handle:hover {
    cursor: pointer;
}

tr.strikeout td {
    position: relative
}
/* Setup a new coordinate system   */
tr.strikeout td:before { /* Create a new element that       */
    content: " "; /* …has no text content            */
    position: absolute; /* …is absolutely positioned       */
    left: 0;
    top: 50%;
    width: 99%; /* …with the top across the middle */
    border-bottom: 1px solid black; /* …and with a border on the top   */
    opacity: 0.5;
}

.dd-handle table tr td {
    padding: 4px!important;
}
.dd-header table tr td {
    padding: 4px !important;
}

.itemizedHighligh {
    border: 2px solid red;
    border-left: 3px solid red;
    border-top: 3px solid red;
}
.clientsreportHighligh {
    border: 2px solid red;
    border-left: 3px solid red;
    border-bottom: 2px solid red;
}

.toggle-column-configuration label {
    margin-top: 2px;
    margin-right: 6px;
    color: grey;
    font-size: 9px;
    cursor: pointer;
}
.toggle-column-configuration .toggle-vis {
    margin-right: 2px;
    margin-top: 4px;
    float: left;
    cursor: pointer;
}
input[type=checkbox] {
    mix-blend-mode: luminosity;
}
.dataTables_wrapper label select {
    height: 36px;
    padding: 8px;
}
.dataTables_column_configuration {
    float: left;
    width: 100px;
    background-color: yellow;
}
.table-column-configuration {
    cursor: pointer;
}

.dropdown-menu {
    min-width: 200px;
}

.dropdown-menu-medium {
    min-width: 300px;
}

.cursor-pointer:hover{
    cursor: pointer;
}

.label-round {
    border-radius: 30px!important;
}

.no-spinners {
    -moz-appearance: textfield;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.LockedForEdit {
    cursor: not-allowed;
}

table.table thead .sorting:hover {
    background-color: #f3f3f3 !important;
}
