.showHide
{
    cursor: pointer;
    vertical-align: middle;
}

.control, .details-control
{
    max-width: 22px;
    min-width: 20px;
}

table
{
    width: 100%;
}

/*table.dataTable {
    border-bottom: 0.5px solid #111;
    border-top: 0.5px solid #111;
}
table.dataTable tfoot th, table.dataTable tfoot td
{
    border-bottom: 0.5px solid #111;
}*/

table.dataTable tbody tr:first-child td
{
    border-top: 0.5px solid #111 !important;
}

table.dataTable tbody tr:last-child td
{
    border-bottom: 0.5px solid #111;
}


table.stripe thead tr, table.display thead tr
{
    background-color: #F2F3FD; /*color:White;*/
}

table.stripe tbody tr:nth-child(odd), table.display tbody tr:nth-child(odd)
{
    background-color: #f9f9f9;
}

table.dataTable
{
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details li
{
    padding: 0.3em 0;
}

table input[readonly]
{
    background-color: white !important;
}

table input
{
    font-weight: 600 !important;
}

.list table.dataTable thead input.form-control.input-sm
{
    padding: 2px;
    font-size: .8em;
    height: 25px !important;
}

table.compact.dataTable tbody th, table.compact.dataTable tbody td
{
    padding: 2px 4px !important;
}

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td
{
    padding: 2px 1px !important;
}

table .btn
{
    font-size: x-small;
    padding: 5px 6px !important; /*padding: 2px;*/
}

table .bootstrap-select.form-control
{
    font-size: .9em;
    height: 25px;
    padding: 0px;
}

table .bootstrap-select > .bs-placeholder.dropdown-toggle, table .bootstrap-select > .bs-placeholder.dropdown-toggle:active
{
    font-size: x-small;
}

table .popover-title
{
    font-weight: 500;
    font-size: x-small;
}

table button.close
{
    font-weight: 800;
    font-size: 16px;
}

table .dropdown-menu > li > a
{
    font-size: x-small;
}

div.dataTables_length label
{
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    padding-right: 10px;
}

.dataTables_wrapper .dataTables_length select
{
    margin: 0;
    width: auto;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background-color: #f9f9f9 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

div.dataTables_filter
{
    text-align: right;
    display: inline-block !important;
}

div.dataTables_filter label
{
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle !important;
}

div.dataTables_filter input
{
    vertical-align: middle;
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.footer .information div.dataTables_filter input
{
    width: 75% !important;
    margin-bottom: 0px !important;
    height: inherit !important;
    border-radius: 4px !important;
}

.footer .information table .form-control.input.input-sm, .footer .information table input
{
    padding: 2px;
    height: 25px !important;
    border-radius: 4px;
    margin-bottom: 0px;
}

.footer .information .card .form-control.input.input-sm
{
    margin-bottom: inherit;
}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
    padding: 3px 9px;
    font-weight: 400;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active
{
    color: #000000;
    font-weight: 400;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
    background-color: #66CCFF;
    color: #000099 !important;
    border: 1px solid #000099;
    background: linear-gradient(to bottom, #99CCFF 0%, #66CCFF 100%);
}

/*.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        border: 1px solid transparent;
        background: transparent;
        box-shadow: none;
    }*/

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}

button.dt-button, div.dt-button, a.dt-button
{
    padding: 5px 12px 5px 12px;
}

table.datatable td
{
    overflow: hidden; /* this is what fixes the expansion */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; /* not supported in all browsers, but I accepted the tradeoff */
    white-space: nowrap;
    padding: 10px;
    display: block;
    clear: both;
    cursor: pointer;
    vertical-align: middle;
    text-align: left;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td
{
    padding: 2px 1px !important;
}

/*table.dataTable tbody th, table.dataTable tbody td {   
    padding: 1px !important;
}*/

table.dataTable tbody td
{
    padding: 4px 2px !important;
    color: black;
    font-weight: 500;
}

table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc, table.dataTable thead th.sorting
{
    padding: 1px 16px 1px 4px !important;
}

/*div.container {
            min-width: 250px;
            margin: 0 auto;
        }*/

/* DataTables Responsive With FontAwesome */

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child
{
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before
{
    top: 1px;
    left: 1px;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New' , Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #31b131;
    clear: both;
    white-space: nowrap;
    vertical-align: middle;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before
{
    display: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before
{
    content: '-';
    background-color: #d33333;
    white-space: nowrap;
    vertical-align: middle;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th
{
    vertical-align: middle;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before
{
    display: none;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child
{
    padding-left: 27px;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before
{
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 12px;
}

table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control
{
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}

table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before
{
    top: 50%;
    left: 50%;
    height: 14px;
    width: 14px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New' , Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #31b131;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    font-size: .9em;
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before
{
    content: '-';
    background-color: #d33333;
    clear: both;
    white-space: nowrap;
    vertical-align: middle;
}

table.dataTable > tbody > tr.child
{
    padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover
{
    background: transparent !important;
}

table.dataTable > tbody > tr.child ul
{
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

table.dataTable > tbody > tr.child ul li
{
    border-bottom: 1px solid #efefef;
    padding: 0.5em 0;
}

table.dataTable > tbody > tr.child ul li:first-child
{
    padding-top: 0;
}

table.dataTable > tbody > tr.child ul li:last-child
{
    border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title
{
    display: inline-block;
    min-width: 75px;
    font-weight: bold;
}

table.dataTable td.details-control
{
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

table.dataTable tr.shown td.details-control
{
    background: url('../images/details_close.png') no-repeat center center;
}

table.dataTable tbody tr
{
    background-color: #ffffff;
}

table.dataTable tbody tr.selected
{
    background-color: #99CCFF;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td
{
    border-top: 1px solid #ddd;
}

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td
{
    border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td
{
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child
{
    border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td
{
    border-top: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd
{
    background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected
{
    background-color: #99CCFF;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover
{
    background-color: #CCCCFF;
    cursor: pointer;
}

table.dataTable.hover tbody tr:hover .selected, table.dataTable.display tbody tr:hover .selected
{
    background-color: #CCCCFF;
}

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3
{
    background-color: #fafafa;
}

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3
{
    background-color: #CCCCFF;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1
{
    background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2
{
    background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3
{
    background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1
{
    background-color: #99CCFF;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2
{
    background-color: #99DCFF;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3
{
    background-color: #99ECFF;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1
{
    background-color: #fafafa;
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2
{
    background-color: #fcfcfc;
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3
{
    background-color: #fefefe;
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1
{
    background-color: #99CCFF;
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2
{
    background-color: #99DCFF;
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3
{
    background-color: #99ECFF;
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1
{
    background-color: #CCCCFF;
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2
{
    background-color: #CCDCFF;
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3
{
    background-color: #CCECFF;
}

table.dataTable.display tbody tr:hover .selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover .selected > .sorting_1
{
    background-color: #99CCFF;
}

table.dataTable.display tbody tr:hover .selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover .selected > .sorting_2
{
    background-color: #99DCFF;
}

table.dataTable.display tbody tr:hover .selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover .selected > .sorting_3
{
    background-color: #99ECFF;
}

/**IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    table.dtr-column.dataTable > tbody > tr > td.control::before, table.dtr-column.dataTable > tbody > tr > th.control::before
    {
        top: 50%;
        left: 50%;
        height: 14px;
        width: 14px;
        margin-top: -10px;
        margin-left: -10px;
        display: block;
        position: absolute;
        color: white;
        border: 2px solid white;
        border-radius: 14px;
        box-shadow: 0px 0px 3px #444;
        box-sizing: content-box;
        text-align: center;
        font-family: "Courier New" , Courier, monospace;
        line-height: 14px;
        content: "+";
        background-color: #31b131;
    }

    table.dtr-column.dataTable > tbody > tr > td.control::before, table.dtr-column.dataTable > tbody > tr > th.control
    {
        /*top: 13.02px;*/
        top: auto;
        text-align: center;
        vertical-align: middle;
    }

}
/*============================================BUTTON STYLE=============================================================*/
/* === PRIMARY === */
button.dt-button.btn-primary, div.dt-button.btn-primary, a.dt-button.btn-primary
{
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
button.dt-button.btn-primary:hover:not(.disabled), div.dt-button.btn-primary:hover:not(.disabled), a.dt-button.btn-primary:hover:not(.disabled)
{
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
}
button.dt-button.btn-primary:focus:not(.disabled), div.dt-button.btn-primary:focus:not(.disabled), a.dt-button.btn-primary:focus:not(.disabled), button.dt-button.btn-primary:active:not(.disabled), div.dt-button.btn-primary:active:not(.disabled), a.dt-button.btn-primary:active:not(.disabled)
{
    background-color: #204d74;
    border-color: #122b40;
    color: #fff;
}
button.dt-button.btn-primary.disabled, div.dt-button.btn-primary.disabled, a.dt-button.btn-primary.disabled
{
    opacity: 0.65;
    cursor: not-allowed;
}

/* === SUCCESS === */
button.dt-button.btn-success, div.dt-button.btn-success, a.dt-button.btn-success
{
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
button.dt-button.btn-success:hover:not(.disabled), div.dt-button.btn-success:hover:not(.disabled), a.dt-button.btn-success:hover:not(.disabled)
{
    background-color: #449d44;
    border-color: #398439;
    color: #fff;
}
button.dt-button.btn-success:focus:not(.disabled), div.dt-button.btn-success:focus:not(.disabled), a.dt-button.btn-success:focus:not(.disabled), button.dt-button.btn-success:active:not(.disabled), div.dt-button.btn-success:active:not(.disabled), a.dt-button.btn-success:active:not(.disabled)
{
    background-color: #398439;
    border-color: #255625;
    color: #fff;
}
button.dt-button.btn-success.disabled, div.dt-button.btn-success.disabled, a.dt-button.btn-success.disabled
{
    opacity: 0.65;
    cursor: not-allowed;
}

/* === WARNING === */
button.dt-button.btn-warning, div.dt-button.btn-warning, a.dt-button.btn-warning
{
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}
button.dt-button.btn-warning:hover:not(.disabled), div.dt-button.btn-warning:hover:not(.disabled), a.dt-button.btn-warning:hover:not(.disabled)
{
    background-color: #ec971f;
    border-color: #d58512;
    color: #fff;
}
button.dt-button.btn-warning:focus:not(.disabled), div.dt-button.btn-warning:focus:not(.disabled), a.dt-button.btn-warning:focus:not(.disabled), button.dt-button.btn-warning:active:not(.disabled), div.dt-button.btn-warning:active:not(.disabled), a.dt-button.btn-warning:active:not(.disabled)
{
    background-color: #d58512;
    border-color: #985f0d;
    color: #fff;
}
button.dt-button.btn-warning.disabled, div.dt-button.btn-warning.disabled, a.dt-button.btn-warning.disabled
{
    opacity: 0.65;
    cursor: not-allowed;
}

/* === INFO === */
button.dt-button.btn-info, div.dt-button.btn-info, a.dt-button.btn-info
{
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
}
button.dt-button.btn-info:hover:not(.disabled), div.dt-button.btn-info:hover:not(.disabled), a.dt-button.btn-info:hover:not(.disabled)
{
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff;
}
button.dt-button.btn-info:focus:not(.disabled), div.dt-button.btn-info:focus:not(.disabled), a.dt-button.btn-info:focus:not(.disabled), button.dt-button.btn-info:active:not(.disabled), div.dt-button.btn-info:active:not(.disabled), a.dt-button.btn-info:active:not(.disabled)
{
    background-color: #269abc;
    border-color: #1b6d85;
    color: #fff;
}
button.dt-button.btn-info.disabled, div.dt-button.btn-info.disabled, a.dt-button.btn-info.disabled
{
    opacity: 0.65;
    cursor: not-allowed;
}

/* === NOTICE (custom orange) === */
button.dt-button.btn-notice, div.dt-button.btn-notice, a.dt-button.btn-notice
{
    background-color: #ff9800;
    border-color: #e68900;
    color: #fff;
}
button.dt-button.btn-notice:hover:not(.disabled), div.dt-button.btn-notice:hover:not(.disabled), a.dt-button.btn-notice:hover:not(.disabled)
{
    background-color: #e68900;
    border-color: #cc7a00;
    color: #fff;
}
button.dt-button.btn-notice:focus:not(.disabled), div.dt-button.btn-notice:focus:not(.disabled), a.dt-button.btn-notice:focus:not(.disabled), button.dt-button.btn-notice:active:not(.disabled), div.dt-button.btn-notice:active:not(.disabled), a.dt-button.btn-notice:active:not(.disabled)
{
    background-color: #cc7a00;
    border-color: #a86400;
    color: #fff;
}
button.dt-button.btn-notice.disabled, div.dt-button.btn-notice.disabled, a.dt-button.btn-notice.disabled
{
    opacity: 0.65;
    cursor: not-allowed;
}

/* === PRIMARY CLICK === */
button.dt-button.btn-primary:active:not(.disabled), div.dt-button.btn-primary:active:not(.disabled), a.dt-button.btn-primary:active:not(.disabled)
{
    background-color: #1d3f73; /* darker shade */
    border-color: #122b40;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); /* pressed effect */
}

/* === SUCCESS CLICK === */
button.dt-button.btn-success:active:not(.disabled), div.dt-button.btn-success:active:not(.disabled), a.dt-button.btn-success:active:not(.disabled)
{
    background-color: #2d682d;
    border-color: #255625;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

/* === WARNING CLICK === */
button.dt-button.btn-warning:active:not(.disabled), div.dt-button.btn-warning:active:not(.disabled), a.dt-button.btn-warning:active:not(.disabled)
{
    background-color: #b06d09;
    border-color: #985f0d;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

/* === INFO CLICK === */
button.dt-button.btn-info:active:not(.disabled), div.dt-button.btn-info:active:not(.disabled), a.dt-button.btn-info:active:not(.disabled)
{
    background-color: #1b6d85;
    border-color: #104e63;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

/* === NOTICE CLICK === */
button.dt-button.btn-notice:active:not(.disabled), div.dt-button.btn-notice:active:not(.disabled), a.dt-button.btn-notice:active:not(.disabled)
{
    background-color: #a86400;
    border-color: #7a4a00;
    color: #fff;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

/* === PRIMARY FOCUS OVERRIDE === */
button.dt-button.btn-primary:focus:not(.disabled), div.dt-button.btn-primary:focus:not(.disabled), a.dt-button.btn-primary:focus:not(.disabled)
{
    outline: none; /* remove browser outline */
    background-color: #286090; /* your chosen focus color */
    border-color: #204d74;
    color: #fff;
    box-shadow: none; /* explicitly remove shadow */
}

/* === SUCCESS FOCUS OVERRIDE === */
button.dt-button.btn-success:focus:not(.disabled), div.dt-button.btn-success:focus:not(.disabled), a.dt-button.btn-success:focus:not(.disabled)
{
    outline: none;
    background-color: #449d44;
    border-color: #398439;
    color: #fff;
    box-shadow: none;
}

/* === WARNING FOCUS OVERRIDE === */
button.dt-button.btn-warning:focus:not(.disabled), div.dt-button.btn-warning:focus:not(.disabled), a.dt-button.btn-warning:focus:not(.disabled)
{
    outline: none;
    background-color: #ec971f;
    border-color: #d58512;
    color: #fff;
    box-shadow: none;
}

/* === INFO FOCUS OVERRIDE === */
button.dt-button.btn-info:focus:not(.disabled), div.dt-button.btn-info:focus:not(.disabled), a.dt-button.btn-info:focus:not(.disabled)
{
    outline: none;
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff;
    box-shadow: none;
}

/* === NOTICE FOCUS OVERRIDE === */
button.dt-button.btn-notice:focus:not(.disabled), div.dt-button.btn-notice:focus:not(.disabled), a.dt-button.btn-notice:focus:not(.disabled)
{
    outline: none;
    background-color: #e68900;
    border-color: #cc7a00;
    color: #fff;
    box-shadow: none;
}
button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled), input.dt-button:focus:not(.disabled)
{
    border: 1px solid #204d74 !important;
    background-color: #286090 !important; /* solid color override */
    background-image: none !important; /* remove gradient */
    filter: none !important; /* remove IE gradient */
    text-shadow: none !important; /* remove text shadow */
    box-shadow: none !important; /* remove box shadow */
    outline: none !important; /* remove focus outline */
}