﻿
table.pdsTable thead {
    background: #d8d9da;
}
div.DTS div.dataTables_scrollBody {
    background: white;
}
#ParadigmaTable_Search tr th input {
    margin:0px;
    margin-left:5px;
}
table.dataTable tbody tr.selected, table.dataTable tbody tr.even.selected {
    background-color: #B0BED9;
}

.ParadigmaCalendarHeader {
    padding: 0px;
    padding-left: 5px;
    background: #1e4b7c;
    color: white;
    font-weight: bold;
}

.ParadigmaTableHeader {
    background: #1e4b7c;
    color: white;
}
table.dataTable thead .ParadigmaTableToolbar th {
    padding: 0px;
    padding-left: 5px;
}
.ParadigmaTableToolbar th button {
    margin: 0px;
    width: 36px;
    height: 22px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin: 0px;
    width: 36px;
    height: 22px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid #ec9a00;
    background: #ec9a00;
    padding: 0;
    cursor: pointer;
    color: black;
    transition: background,border-color 100ms ease-in-out;
}

.ParadigmaTableToolbar th button:hover {
    border: 1px solid #52007d;
    background: #52007d;
    color:white;
}

#ParadigmaTable_wrapper div.row{
    width: 100%;
    max-width:100%;
    margin:0px;
    left:0px;
}

#ParadigmaTable_wrapper div.row .col-sm-12 {
    padding:0px;
}
.ParadigmaTableToolbarSeparator{
    width:20px;
    display:inline-block;
}
tr.odd td, tr.even td {
    border-bottom: 1px solid #c7c7c7;
}

#ParadigmaTable > tbody > tr > td {
    max-width: 1px;
    overflow: hidden;
}

th > input, th > select {
    width: 100%!important;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    z-index: 200!important;
}

table.dataTable tbody tr.group {
    text-align: center;
    background-color: #4879ad;
    color: white;
    font-weight: bold;
}


tr {
    user-select: none;
}

table.dataTable thead th, table.dataTable thead td {
    padding-left: 0px;
    padding-right: 0px;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting, table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 2px !important;
    padding-right: 20px !important;
}

.clearable {
    position: relative;
    display: inline-block;
    width: 100%;
}


.clearable input, .clearable select {
    padding: 0px;
    padding-left: 5px;
    width: calc(100% - 10px);
    box-sizing: border-box;
}

.clearable__clear {
    position: absolute;
    padding: 0 8px;
    font-style: normal;
    font-size: 1.2em;
    user-select: none;
    cursor: pointer;
    right: 5px;
    color: #9c9c9c;
    top: calc(50% - 7px);
    display: none !important;
}

.clearable:hover .clearable__clear {
    display: block !important;
}

.clearable input::-ms-clear {
    display: none;
}

#ParadigmaTable thead{
    opacity:0;
}

#ParadigmaTable tbody tr{
    cursor:default;
}


thead button, thead input, thead optgroup, thead select, thead textarea {
    height: 25px !important;
}

th.text-right {
    text-align: center !important;
}