.DTED_Lightbox_Background  {z-index:111 !important;}
div.DTED_Lightbox_Wrapper {z-index:111 !important;}
.side-nav > ul ul li > a , .side-nav > ul > li:nth-child(1) > a:not(.side-menu--active) , * > .intro-x:nth-child(1), * > .intro-y:nth-child(1),
* > .intro-x, * > .intro-y {
    opacity: 1 !important;
    transform: translateX(0px) !important;
    animation: 0s intro-submenu-animation ease-in-out 0s !important;
    animation-fill-mode: forwards !important;
    animation-delay: calc(0s) !important;
}
.dataTables_length {margin:3px 0 0 16px;}
td.action button {margin-right:6px; color:white;}
.black-shadow {filter: drop-shadow(0px 1px 2px #fff);}
.side-nav > ul ul.side-menu__sub-open ul.side-menu__sub-open {padding:10px 0;}
.side-nav > ul ul.side-menu__sub-open ul.side-menu__sub-open li a.side-menu {height: 36px; margin-left: 24px;}
.side-nav > ul ul li a.side-menu--active .side-menu__title {color:cyan !important;}
div.DTE_Body div.DTE_Body_Content div.DTE_Field {padding:6px 15px !important;}
div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input {width:100%;}
#dtTable thead, thead {background-color: #666; color:white;}
#dtTable thead th, thead th {font-weight: normal !important;}
div.DTE_Field input[type=color], div.DTE_Field input[type=date], div.DTE_Field input[type=datetime], div.DTE_Field input[type=datetime-local], div.DTE_Field input[type=email], div.DTE_Field input[type=month], div.DTE_Field input[type=number], div.DTE_Field input[type=password], div.DTE_Field input[type=search], div.DTE_Field input[type=tel], div.DTE_Field input[type=text], div.DTE_Field input[type=time], div.DTE_Field input[type=url], div.DTE_Field input[type=week],
#dtTable tbody td,div.DTE_Field_Type_textarea textarea,div.DTE_Field select {font-weight:500; color:black;}
div.DTE_Body div.DTE_Body_Content div.DTE_Field>label {font-weight:500; color:999;}

.approved {color:green;}
.rejected {color:red;}
.pending {color:brown; animation: blinker 0.87s linear infinite; text-transform: uppercase;}

@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.side-nav > ul ul.side-menu__sub-open ul.side-menu__sub-open li a.side-menu {margin-left:0;}
#responsive-table {position: relative;}
.params {display: block; clear:both; height:33px; color:black; margin:0; font-size: 16px; position: fixed; top: 10px; left:2px; font-weight: 500; color:navy;}
.params input {border:1px solid #333;}
#fetch {border:none; padding-top:6px;}
div.dt-buttons {float:right; margin: 15px 20px 0 0; position: fixed; top:0; right:0;}
.tfoot {
    margin-bottom: 12px;
    position: fixed;
    width: 100%;
    margin-top: 20px;
}
.dataTables_wrapper .dataTables_scroll {margin-top:50px;}
/*.table.table-striped tr:nth-of-type(odd) td {background-color: unset;}
.table.table-striped tr:nth-of-type(even) td {background-color: unset;}*/
.table.table-striped tr.gold, .table.table-striped tr.gold td  {background-color: aqua !important;}
table.dataTable tbody tr {background-color: white;}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    right: 80px !important;
    position: fixed;
    margin: 10px 0;
    top: 8px;
}

.light-green {background: lightgreen; color:black !important;}
th.blue, th.orange, th.green, th.light-orange, th.light-green {font-weight: bold !important;}
.green {background: green;
    color: white !important;
    font-weight: bold;}
.light-orange {background: gold;  color:black !important;}
.orange {background: orange;
    color: brown !important;
    font-weight: bold !important;}
.blue {background: lightskyblue; color: navy !important; font-weight: bold !important;}
.table.table-striped tr:nth-of-type(odd) td {background-color: nonex;}
tr.gold td.green {color:black !important;}
.side-nav > ul > li:nth-child(1) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(2) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(3) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(4) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(5) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(6) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(7) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(8) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(9) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(10) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(11) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(12) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(13) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(14) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(15) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(16) > a:not(.side-menu--active),
.side-nav > ul > li:nth-child(17) > a:not(.side-menu--active)
{
    opacity: 0;
    transform: translateX(6000px) ;
    animation: 0s intro-menu-animation ease-in-out 0s;
    animation-fill-mode: forwards;
    animation-delay: 0;
}
.hidden {display:none;}
.limitf {word-wrap: break-word; white-space: nowrap; max-width: 200px; overflow: hidden;text-overflow: ellipsis;}
.limitf100 {word-wrap: break-word; white-space: nowrap; max-width: 100px; overflow: hidden;text-overflow: ellipsis;}