#body {
    border-bottom: 0px !important;
    height: 100% !important;
}

div.clear
{
    clear: both;
}

table.dataTable {
    width: 100% !important;
}
table.dataTable th
{
    color: #000;
    background-color: #eee !important;
    font-weight: normal;
}

table.table-column-two th
{
    color: #666;
}
table.table-column-two tbody tr:first-child th
{
    border-top-width:0px; width:30%;
}
table.table-column-two tbody tr:first-child td
{
    border-top-width:0px; width:70%;
}
table.table-column-two-wide th {
    color: #666;
}
table.table-column-two-wide tbody tr:first-child th {
    border-top-width: 0px;
    width: 40%;
}
table.table-column-two-wide tbody tr:first-child td {
    border-top-width: 0px;
    width: 60%;
}

table.table-column-adj th {
    color: #666;
}
table.table-column-adj tbody tr:first-child th {
    border-top-width: 0px;
    width: 30%;
}
table.table-column-adj tbody tr:first-child td:nth-child(2) {
    border-top-width: 0px;
    width: 25%;
}
table.table-column-adj tbody tr:first-child td:nth-child(3) {
    border-top-width: 0px;
    width: 20%;
}
table.table-column-adj tbody tr:first-child td:nth-child(4) {
    border-top-width: 0px;
    width: 25%;
}
table.table-column-adj tbody tr td:nth-child(3) {
    text-align: center !important;
}
table.table-column-adj tbody tr td:nth-child(4) {
    text-align: right !important;
}

table.table-contact {
    
}
    table.table-contact th {
        background-color: #eee;
        text-align: left;
        color: #666;
        padding: 2px 2px 2px 5px;
        border: solid 1px #fff;
    }
    table.table-contact td {
        padding: 2px 2px;
        border: solid 1px #fff;
    }
    table.table-contact tbody tr:first-child th {
        width: 40%;
    }
    table.table-contact tbody tr:first-child td {
        width: 60%;
    }

table.table-kpi {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
    table.table-kpi thead td {
        padding: 2px 4px;
        color: #ffffff;
        background-color: #009879;
    }
    table.table-kpi tbody td:nth-child(2),
    table.table-kpi tbody td:nth-child(3),
    table.table-kpi tbody td:nth-child(4) {
        text-align: right;
    }

td.ok {
    color: #37b7f3;
}
td.good {
    color: #52e136;
}
td.bad {
    color: #d12610;
}


span.display-info {
    color: #666;
}
.span4 table.table-column-two tbody tr:first-child th {
    border-top-width: 0px;
    width: 50%;
}

.span4 table.table-column-two tbody tr:first-child td {
    border-top-width: 0px;
    width: 50%;
}
.span6 table.table-column-two tbody tr:first-child th {
    border-top-width: 0px;
    width: 40%;
}
.span6 table.table-column-two tbody tr:first-child td {
    border-top-width: 0px;
    width: 60%;
}


.tab-custom-ui { 
    font-family: 'Arial';
    font-size: 13px;
    padding: 0px; 
    background: none; 
    border-width: 0px; 
} 
.tab-custom-ui .ui-widget-content {
    margin: 0;
}
.tab-custom-ui .ui-widget-content a:not(.btn) {
	color: #016FA7;
}
    .tab-custom-ui .ui-widget-content ui.dropdown-menu li a:not(.btn):hover {
        color: #fff;
    }
.tab-custom-ui .ui-tabs-nav { 
    padding-left: 0px; 
    padding-right: 0px;
    background: transparent; 
    border-color: #ddd;
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
.tab-custom-ui .ui-tabs-panel { 
    background: #fff; 
    border: 1px solid #d4d4d4;
    border-top: none;
}
    .tab-custom-ui .ui-state-default:not(button) {
        background: transparent;
        margin-right: 2px;
        border: none;
        border-top: 2px solid transparent;
        margin-top: 3px;
    }
.tab-custom-ui .ui-state-active:not(button) {
  border-top: 3px solid #d12610; 
  background: #fff; 
  border-right: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-bottom-color: transparent; 
  margin-top: 0; 
  border-radius: 0;
}
    .tab-custom-ui .ui-state-default:not(.ui-state-active) a {
        color: #016FA7;
        padding: 0.4em 0.8em !important;
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
        border-top: solid 1px #ccc;
        background-color: #f1f1f1;
    }
    .tab-custom-ui .ui-state-active a {
	    color: #555555;
        font-weight: bold;
    }
div.tab-action {
    position:absolute; 
    top:7px; 
    right:0px;
    z-index: 1;
}

/* dataTable */
.relative
{
    position: relative;
}
.dataTables_processing {
    position: absolute;
    top: 5px;
    left: 50%;
    width: 250px;
    margin-left: -125px;
    border: 0px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 11px;
    padding: 2px 0;
}

table tr.inactive
{
    color: #ddd;
}
table tr.inactive td span:not(.label)
{
    color: #ddd;
}

table th.right, table td.right {
    text-align: right !important;
}

table th.center, table td.center {
    text-align: center !important;
}

.nodisplay
{
    display: none;
}

select option:disabled
{
    color: #bbb;
}

div.upload-queue {
    min-height: 55px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.75);
    padding: 2px 2px;
    overflow: auto;
}

table.amounts
{
    width: 280px;
    float: right;
}
    table.amounts th
    {
        width: 67%;
        padding: 0px;
        text-align: right;
    }
    table.amounts td
    {
        width: 33%;
        padding: 0px;
    }

.form-widelabel label.control-label {
    width: 300px !important;
}

.form-widelabel div.controls {
    margin-left: 320px !important;
}

.form-widelabel div.form-actions {
    padding-left: 335px !important;
}

.text-success {
    color: #468847 !important;
}
.text-warning {
    color: #c09853 !important;
}
.text-danger {
    color: #b94a48 !important;
}
.bg-info {
    background-color: #d9edf7 !important;
}
.bg-success {
    background-color: #dff0d8 !important;
}
.bg-warning {
    background-color: #c09853 !important;
}
.bg-danger {
    background-color: #f2dede !important;
}
.bg-chocolate {
    background-color: #d2691e !important;
}
.bg-white {
    background-color: #fff !important;
}

label.required:after
{
    content: " *";
    color: #ff0000;
}


div.table-report table.table-panel th.panel {
    padding: 2px !important;
}
div.table-report .dataTables_info {
    padding-top: 1px;
}
div.table-report .dataTables_paginate ul li a {
    padding: 1px 5px !important;
}

table.table-report thead tr th,
table.table-report tfoot tr th {
    text-align: left;
}
table.table-report tbody tr th,
table.table-report tbody tr td {
    padding: 3px;
}
table.table-report tbody tr.report-alert-line td {
    background-color: #ffe6e6;
}
table.table-report tr.total th {
    font-weight: bold;
    background-color: #ccc !important;
    border: solid 1px #bbb !important;
    padding: 3px;
}
table.table-report-header thead tr th, table.table-report-header thead tr td {
    padding: 2px;
}

table tr.row-success th, table tr.row-success td {
    background-color: #dff0d8 !important;
}
table tr.row-warning th, table tr.row-warning td {
    background-color: #c09853 !important;
}
table tr.row-danger th, table tr.row-danger td {
    background-color: #f2dede !important;
}
table tr.row-bold th, table tr.row-bold td {
    font-weight: bold;
}
table tr.row-firstitem th, table tr.row-firstitem td {
    background-color: #ffff7b !important;
    font-weight: bold;
}

.text-nowrap {
    white-space: nowrap;
}

table.table-scrolling thead tr:first-child {
    border-top: solid 2px #999;
}

    table.table-scrolling thead tr:first-child > th {
        position: sticky;
        top: 0px;
    }


.detail-btn {
    width: 52px;
    height: 35px;
    padding: 10px;
    margin: 0px 1px 2px 2px;
    border: 1px solid #ddd;
    font-size: 10px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
    background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
    background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
    background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffefefef', GradientType=0) !important;
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
    -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
    box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block !important;
    color: #646464;
    text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}
    .detail-btn i {
        font-size: 20px;
    }
    .detail-btn div {
        font-size: 11px !important;
    }
.ie8 .detail-btn:hover {
    filter: none !important;
}

.detail-btn:hover {
    text-decoration: none !important;
    border-color: #999 !important;
    color: #444 !important;
    text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .55) !important;
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.55) !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .55) !important;
}

    .detail-btn:hover .badge {
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.7) !important;
        -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.7) !important;
        box-shadow: 0px 0px 4px rgba(0,0,0,.7) !important;
    }
.detail-btn .badge {
    position: absolute;
    font-size: 10px !important;
    top: -5px;
    right: -5px;
    height: 12px;
    padding: 0px 5px 4px 5px;
    color: white !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.55);
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
}
.detail-btn-disabled {
    background: #ccc !important;
    /*pointer-events: none !important;*/
}

a.text-white {
    color: #fff !important;
}

div.modal-body .control-label { 
    width:160px !important;

}
form.form-horizontal div.modal-body .controls {
    margin-left: 170px !important;
}

div.filter-section .popover {
    max-width: none !important;
}
div.filter-section form.filter-form {
    margin-bottom: 0px;
}
div.filter-section form.filter-form .control-group {
    margin-bottom: 5px;
}
div.filter-section form.filter-form .control-label {
    width: 100px !important;
    text-align: left;
}
div.filter-section form.filter-form .controls {
    margin-left: 120px !important;
}
div.filter-section span.filter-selected {
    color:#e06203;
    font-size:11px;
}

div.filter-panel div.filter-control {
    margin-right: 5px;
    float: left;
}
div.filter-panel div.filter-control label {
    margin-left:2px;
    margin-bottom:2px;
}

.date-picker input[readonly] {
    background-color: #eee;
    cursor: pointer;
}

.chart-container {
    position: relative;
    margin: auto;
    height: 100%;
    width: 100%;
}

.stats-overview .details {
    float:right;
}
    .stats-overview .details .title {
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
    .stats-overview .details .numbers {
        float:right;
    }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    min-width: unset !important;
}

.filter-panel .select2 {
    margin-left: 0px !important;
}

.show-print {
    display: none;
}

.msg-title {
    text-decoration:underline; 
    margin-top:0px;
}
.msg-date {
    font-size: 16px;
    color: #999;
    font-style: italic;
    margin: 5px;
}

div.doc table {
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

div.doc p {
    margin-top: 15px;
}

div.doc .accent {
    font-size: 14px;
    font-weight: bold;
}

div.doc .accent {
    font-size: 14px;
    font-weight: bold;
}

.text-underline {
    text-decoration: underline;
}

.text-bold {
    font-weight: bold;
}

.text-info {
    color: #3a87ad;
}

.text-primary {
    color: #006dcc;
}

.signature {
    border: solid 1px #999999;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

.with-500 {
    width: 500px;
}
a.noaction {
    color: #000000 !important;
    pointer-events: none;
    cursor: default;
}
.select-all {
    user-select: all; /* Someday */
    -webkit-user-select: text; /* Covers Blink-land & Firefox (yup) */
}

a.disabled {
    color: #999999 !important;
    pointer-events: none;
    cursor: default;
}

a.dropdown-item:hover {
    color: #ffffff !important;
}

.p-0 {
    padding: 0px !important;
}
.pt-0 {
    padding-top: 0px !important;
}
.pb-0 {
    padding-bottom: 0px !important;
}
.pr-0 {
    padding-right: 0px !important;
}
.pl-0 {
    padding-left: 0px !important;
}
.px-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.m-0 {
    margin: 0px !important;
}
.mt-0 {
    margin-top: 0px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mr-0 {
    margin-right: 0px !important;
}
.ml-0 {
    margin-left: 0px !important;
}
.mx-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.mt-1 {
    margin-top: 2.5px !important;
}
.ml-2 {
    margin-top: 5px !important;
}
.m-4 {
    margin: 10px !important;
}

.float-right {
    float:right;
}

.sub-item {
    color: #999;
}

.d-none {
    display:none !important;
}

.dataTables_wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}

th.line-left, td.line-left {
    border-left: solid 1px #666666 !important;
}

.badge-sidemenu {
    font-size: 10px !important;
    padding: 1px 5px 4px 5px !important;
    height: 12px !important;
    margin-top: 2px !important;
}

select.title-dropdown {
    width: 150px;
    padding: 0px;
    height: 25px;
    font-size: 12px;
    margin: 0px;
}

button.narrow {
    width: 28px;
    padding-left: 6px;
}

div.report-wrapper {
    padding: 0px !important;
    width: 100%;
    overflow-x: auto;
}

table tr.kpi-danger td {
    background-color: #f2dede !important;
}
table tr.kpi-warning td {
    background-color: #fcf8e3 !important;
}
table tr.kpi-success {
    background-color: #dff0d8 !important;
}
.kpi-danger {
    background-color: #f2dede !important;
}

.label-no {
    width: 20px;
    text-align: center;
}

/*span.title {
    font-size:14px;
    font-weight: bold;
}*/
.modal-wide {
    left: 20% !important;
    width: 60% !important;
    margin-left: 0px !important;
}

@media (max-width: 1300px) {
    .modal-wide, .modal- {
        left: 10% !important;
        width: 80% !important;
        margin-left: 0px !important;
    }
}

@media (max-width: 767px) {
    .modal-wide {
        left: 20px !important;
        width: auto !important;
        margin: 0 !important;
    }
}

@media (max-width: 480px) {
    .modal-wide {
        top: 10px !important;
        right: 10px !important;
        left: 10px !important;
        margin: 0 !important;
    }
}

@media print {
    table,
    table tr td,
    table tr th {
        page-break-inside: avoid;
    }
}