.bg{
    background-color: #0d6efd;
    /* background-color: #28166f; */
}

.color-text {
    color: #333;
}

.tentable .table > :not(caption) > * > * {
  padding: .5rem .3rem !important;
  font-size: 16px;
}

.tentable .bg-info {
    background-color: rgba(23,162,184,1)!important;
}

.table > :not(caption) > * > * {
  padding: .5rem .3rem !important;
  font-size: 12px;
}
.venacco .accordion-button { padding: 5px 15px !important; font-size: 1.3rem !important; font-weight:600; }

.venacco .accordion-button:not(.collapsed) {background-color: #f7a145; color: #000;}

.venacco .accordion-button:after {
  background-image: var(--bs-accordion-btn-icon);
}

.venacco .accordion-button:focus {
  box-shadow: none;
}

.card-title { font-size: 17px; }
.pt-5px { padding-top: 5px; }
.min-width-80 {min-width:80px; }

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:100px;}

.ellipsis a { text-decoration: none; color:#0036ff; font-weight:600; overflow: visible; }
.ellipsis a:hover { overflow: visible; }
.width-50 {width: 50px !important;}
.width-60 {width: 60px !important;}
.width-70 {width: 70px !important;}
.width-80 {width: 80px !important;}
.width-90 {width: 90px !important;}
.width-100 {width: 100px !important;}
.width-110 {width: 110px !important;}
.width-120 {width: 120px !important;}

.width-60,
.width-70,
.width-80,
.width-90,
.width-100,
.width-110,
.width-120 { 
  padding-left: 0.5rem !important; 
  padding-right: 0.5rem !important; 
  text-align: center !important; }
.txt-bold {font-weight: bold;}
.card-info:not(.card-outline) > .card-header { background-color: #17a2b8;}
.card-header h3 { font-size: 20px;  font-weight: 400;}
.card-info:not(.card-outline) > .card-header, .card-info:not(.card-outline) > .card-header a {
  color: #fff;}

.card-header:after, .card-body:after, .card-footer:after {  display: block;
  clear: both;  content: "";}
.card-body label { font-weight: 600;}
.main-footer {
  margin-top: 40px;
  font-size: 14px;
}
.main-footer {
 /* background-color: #fff; */
 background: #083987;
  background: linear-gradient(90deg,rgba(17, 20, 58, 1) 20%, rgba(240, 90, 38, 1) 100%);
  border-top: 1px solid #dee2e6;
  color: #ddd;
  padding: 1rem;
}
b, strong {
  font-weight: bolder;
}
.float-right {
  float: right !important;
}
.card-footer .btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  box-shadow: none;
}
.card-footer button {
  font-size: 18px;
}
/*.bg-warning-subtle {
  background-color: var(--bs-danger-bg-subtle);
}*/
.small-box .card {--bs-card-spacer-y: 0.5rem !important;--bs-card-spacer-x: 0.5rem !important;}
.small-box .card .card-body p {
    margin-bottom: 0.5rem;
    text-align: center;
}
.small-box .card .card-body h5 { margin-bottom: 0.5rem; text-align: center; font-weight: bold; font-size: 1.10rem !important;
}
.h3, h3 {font-size: 1.45rem !important;}

.card-body > a { color: #fff !important; margin-bottom: 1px;}


.staff-btn { text-align:center; }

.staff-btn img { margin-bottom:8px; border:1px solid #ddd; border-radius:12px; }

.staff-btn a {margin-bottom: 4px; margin-top: 8px; }

.staff-btn .ven-link {
  background-color: transparent;
  display: block;
  padding: 5px 5px;
  position: relative;
  text-align: inherit;
  font-size: 16px;
  text-decoration: none;
  border-radius: 4px;
  color: #000;
  font-weight: bold;
  margin-bottom: 1px;
}
.staff-btn .ven-link:hover { color: #000; background-color: transparent;}

.staff-btn .ven-link:hover img {  border:1px solid #000;}
.main-icon { margin-top: 8px; padding: 5px 5px; border-radius: 4px; }
.main-icon img {border-radius: 12px; border: 1px solid #ddd;}

.ven-link {background-color: rgba(0, 0, 0, 0.1);
    display: block;
    padding: 5px 5px;
    position: relative;
    text-align: left;
    font-size: 14px;
    text-decoration: none;    
    border-radius: 4px;
    color: #000;
    margin-bottom: 1px;
  }

.ven-link:hover {background-color: rgba(0, 0, 0, 0.3);
    color: #fff;}

.card-body > .small-box-footer {
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
    padding: 3px 5px;
    position: relative;
    text-align: left;
    font-size: 14px;
    text-decoration: none;    
    border-radius: 13px;
}

.card-body > .small-box-footer:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.small-box .card {height:100%;}

.aco-bg .accordion-button:not(.collapsed) {
  /* background-color: #11143a !important; */
  background: #B4313D;
  background: linear-gradient(90deg,rgba(17, 20, 58, 1) 0%, rgba(240, 90, 38, 1) 100%);
  color: #fff !important;
  font-weight: bold;
}

.aco-bg .accordion-button:focus {
  box-shadow:none !important;
}

.aco-bg ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.aco-bg ul li a {
    background-color: rgba(0, 0, 0, 0.1);
    display: block;
    padding: 5px 5px;
    position: relative;
    text-align: left;
    font-size: 15px;
    text-decoration: none;
    border-radius: 4px;
    margin-bottom: 2px;
    color: #000;
}
.aco-bg ul li a:hover {
    background-color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
    color: #fff;
}
.bold { font-weight:600 !important; }
tr.text-danger td { color: #fff !important; background: #ff000080 !important;}
tr.text-warning td { color: #000 !important; background: #ffc10780 !important;}
tr.text-info td { color: #fff !important; background: #0dcaf080 !important;}
.table > :not(caption) > * > * { font-size: 12px !important;}
/*.aco-bg .accordion-item { border: #0dcaf0 !important; }*/
.kratbl .table {margin-bottom: 0.001rem;}
/*.erp-head-bg { background: #083987;
background: linear-gradient(90deg,rgba(8, 57, 135, 1) 0%, rgba(180, 49, 61, 1) 100%);}*/


.erp-head-bg { background: #B4313D;
background: linear-gradient(90deg,rgba(180, 49, 61, 0) 10%, rgba(240, 90, 38, 1) 100%); border-bottom: 1px solid #B4313D; border-top: 1px solid #B4313D;}

.vtlcolor .text-bg-info { background: #B4313D; background: linear-gradient(90deg,rgba(17, 20, 58, 1) 0%, rgba(240, 90, 38, 1) 100%);}
.aco-bg .accordion-item { border-color: rgb(17, 20, 58) !important;}
.vtlcolor .border-info { border-color: rgb(17, 20, 58) !important;}

.vtlcolor .bg-info { background: #B4313D; background: linear-gradient(90deg,rgba(17, 20, 58, 1) 0%, rgba(240, 90, 38, 1) 100%);  color: #fff;}

/*************************************** Pawer by Jawed ******************************/
  /* FontFace Generated by Jawed Akhtar */  
.popover-header {  padding: 6px !important; text-align:center; }
.popover h3 { font-size: 12px !important; font-weight: 600;}
.popover-body { padding: 6px 12px !important;}
.popover-body p { margin-bottom: 0px; font-size: 11px;}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.panel {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px 10px 0px 10px
}

.panel-heading {
    padding: 4px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 10px
}

.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.table-hover > tbody > tr:hover > * { --bs-table-bg-state: #bcfe04ed !important; }

.bgWaterMark { /* background:url(../images/water-mark-logo.png) right center no-repeat; */ min-height:135px;}
.clearDiv {clear:both;}
.topLogo { width:60%; margin:0 auto;}
.topLogo img { width:100%; border:0;}
.navMenu {min-height:8px; color:#fff; background:#7544a0;}
.paddTop {padding-top:1%;}
.paddBottom {padding-bottom:3%;}
.branchTitle { width:80%; float:left; font-size:14px; font-weight:bold; }
.branchClose { width:20%; float:left; color:#900; }
.closeIcon {background:url(../images/Close.png) top right no-repeat; width:25px; float:right; height:21px; cursor:pointer;}
.mabtm {margin-bottom:15px!important;}
.queCreate { text-align:center; padding-top:8%; min-height:70px; vertical-align:middle!important;}
.gridClss { min-width:90%; overflow:scroll; height:260px;}
.gridClPro { min-width:95%; overflow-y:scroll; border:1px solid #CCC; height:100px;}
.rows-Boder {border:1px solid #CCC; border-radius:4px; padding-bottom:2%; margin-bottom:2%;  margin-right:0px;  margin-left:0px;}
.bPaddTop {padding-top:5px;}
.gridClProCredit { min-width:95%; overflow-y:scroll; overflow-x:scroll; border:1px solid #CCC; min-height:400px;}
.gridClProPre { min-width:95%; overflow-y:scroll; overflow-x:none; border:1px solid #CCC; height:250px;}
.gridItPax { min-width:95%; overflow-y:scroll; overflow:auto; border:1px solid #CCC; height:200px;}
.gridItAirSegs { min-width:95%; overflow-y:scroll; overflow:auto; border:1px solid #CCC; height:200px; margin-bottom:12px;}
.gridClPri { min-width:95%; overflow-y:scroll; overflow:auto; border:1px solid #CCC; height:200px; margin-bottom:12px;}
.paddTopPre {padding-top:12px;}
.paddBottom12 {padding-bottom:12px;}
.loginName { padding-top:5px; font-size:18px; font-weight:bold; }
.pdd-top-bott {padding-bottom:4px; padding-top:4px;}
.pdd-15px-bott {padding-bottom:15px;}
.text-20px { font-size:20px; }
.text-25px { font-size:25px; }
.text-16px { font-size:16px; }
.text-13px { font-size:13px; }
.pdd-10-bott {padding-bottom:10px;}
.btn-mrgin {margin-bottom:5px; margin-top:5px;}
.img-responsive { margin:0 auto; }
.selectArrow {
    border: 1px solid #e4e4e4;
    background: url(../images/select-appearance-small.png) #fff center right no-repeat;
    border-radius: 4px !important;
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}
.text-red {
    color: #ff0000 !important;
}
.ext-btn {font-size:18px; font-weight:bold;}
.inpro-btn {font-size:18px; font-weight:bold; color:#000;}
.td-width-15 {width:15%; min-width:100px;}
.td-width-35 {width:35%; min-width:150px;}
.td-width-2 {width:2%;}
.td-width-5 {width:5%;}
.td-width-15-2 {width:15%;}
.td-width-10 {width:10%;}
.td-width-7 {width:7%;}
.td-width-8 {width:8%;}
.td-width-20 {width:20%;}
.td-width-25 {width:25%;}
.td-width-28 {width:28%;}
.td-width-30 {width:30%;}
.td-width-35-2 {width:35%;}
.td-width-40 {width:40%;}
.td-width-45 {width:45%;}
.td-width-50 {width:50%;}
.td-width-55 {width:55%;}
.td-width-58 {width:58%;}
.td-width-60 {width:60%;}
.td-width-65 {width:65%;}
.td-width-70 {width:70%;}
.td-width-75 {width:75%;}
.td-width-80 {width:80%;}
.td-width-85 {width:85%;}
.td-width-90 {width:90%;}
.td-width-95 {width:95%;}
.td-width-100 {width:100%;}

.padd-top-2 {padding-top:2px;}
.padd-top-4 {padding-top:4px;}
.padd-top-6 {padding-top:6px;}
.padd-top-8 {padding-top:8px;}
.padd-top-10 {padding-top:10px;}
.padd-top-12 {padding-top:12px;}
.padd-top-14 {padding-top:14px;}
.padd-top-16 {padding-top:16px;}
.padd-top-18 {padding-top:18px;}
.padd-top-20 {padding-top:20px;}
.padd-top-22 {padding-top:22px;}
.padd-top-24 {padding-top:24px;}
.padd-top-26 {padding-top:26px;}
.padd-top-28 {padding-top:28px;}
.padd-top-30 {padding-top:30px;}
.padd-bot-2 {padding-bottom:2px;}
.padd-bot-4 {padding-bottom:4px;}
.padd-bot-6 {padding-bottom:6px;}
.padd-bot-8 {padding-bottom:8px;}
.padd-bot-10 {padding-bottom:10px;}
.padd-bot-12 {padding-bottom:12px;}
.padd-bot-14 {padding-bottom:14px;}
.padd-bot-16 {padding-bottom:16px;}
.padd-bot-18 {padding-bottom:18px;}
.padd-bot-20 {padding-bottom:20px;}
.padd-bot-22 {padding-bottom:22px;}
.padd-bot-24 {padding-bottom:24px;}
.padd-bot-26 {padding-bottom:26px;}
.padd-bot-28 {padding-bottom:28px;}
.padd-bot-30 {padding-bottom:30px;}
/* @group Blink */
.blink {
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite;
}
@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
/* @end */
.btn-width-120 {width:120px;}
.btn-width-150 {width:150px;}
.btn-width-180 {width:180px;}
.btn-width-200 {width:200px;}
.div-height {min-height:300px;}
.top-boder {border-top:1px solid #e5e5e5;}
/* -------------------------------- Dashboard  ------------------------------------------*/
a:hover { text-decoration:underline;}
a:focus { outline:none;} 
.red {color:#F00;}
.rightBox {max-width:280px; margin:0 auto;}
ul{list-style:none;}
.rightBox .rightBoxMid {margin:0px; border:1px solid rgba(0,0,0,0.60); position:relative; padding:55px 20px 5px; /* -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); */}
.rightBox .rightBoxMid h2 {margin-left:-4px; margin-top: 0px; font-size:14px; font-weight:700;letter-spacing:0; color:#fff; text-transform:uppercase;  display:block; background:url(../images/bk_h2_right.png) 0 0 no-repeat;width:100%; height:52px; position:absolute; top:8px; left:-2px; padding:10px 15px 0 20px; font-family:Arial, Helvetica, sans-serif;}
.rightBox .rightBoxMid ul li { border-bottom:1px solid #E2E2D8; padding:5px 0; font-size:14px; font-family:Verdana, Geneva, sans-serif; }
.rightBox .rightBoxMid ul li a { color:#930; font-weight:normal; text-decoration:none; }
.rightBox .rightBoxMid ul li a:hover { color:#7544a0; text-decoration:underline; }
.menuBox { width:100%; margin-top:10px; margin-bottom:15px; float:left; min-height:200px;}
/* -------------------------------- End Dashboard  ------------------------------------------*/
.btn-bold {color:#000!important; font-weight:bold;}
.txt-black { color:#000 !important;}
.paddingTB {padding:1% 0%;}
.redioMrglft {margin-left:10px;}
.slctPadd { padding:6px 4px 6px 4px;}
.calColorBg { color:#900; background:#FFF;}
.bPaddTop {padding-top:5px;}
.input-width-50 {width:50% !important;}
.select-width-30 {width:30% !important; margin:0 auto;}

/*** Balance due payment booking card ***/
.boder-top-bot {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.mob-btn-box {}
.mob-btn-title {display:none;}
.roster-R-width {width:75%; float:left; overflow:auto;}
.roster-L-width {width:25%; float:left;}

.table>tbody>tr.shift>td, .table>tbody>tr.shift>th, .table>tbody>tr>td.shift, .table>tbody>tr>th.shift, .table>tfoot>tr.shift>td, .table>tfoot>tr.shift>th, .table>tfoot>tr>td.shift, .table>tfoot>tr>th.shift, .table>thead>tr.shift>td, .table>thead>tr.shift>th, .table>thead>tr>td.shift, .table>thead>tr>th.shift {
  background-color: #337ab7; color:#FFF;
}
.table-hover>tbody>tr.shift:hover>td, .table-hover>tbody>tr.shift:hover>th, .table-hover>tbody>tr:hover>.shift, .table-hover>tbody>tr>td.shift:hover, .table-hover>tbody>tr>th.shift:hover {
  background-color: #337ab7; color:#FFF;
}
.td-hite {height:45px !important; overflow:hidden;}
.work-P { background-color: #00ff00 !important;}
.work-O { background-color: #daeef3 !important;}
.work-H { background-color: #fde9d9 !important;}
.work-5 { background-color: #8db4e2 !important;}
.work-W { background-color: #f79646 !important;}
.work-L { background-color: #99cc00 !important;}
.work-C { background-color: #ffff00 !important;}
.work-U { background-color: #ccc0da !important;}
.work-M { background-color: #f2f2f2 !important;}
.work-E { background-color: #da9694 !important;}
.work-F { background-color: #c4bd97 !important;}
.work-S { background-color: #b1a0c7 !important;}
.summaryofdata {}
.summaryofdata .table2 {  margin-bottom: -2px !important; margin-top: -1px; width: 100%;}
.summaryofdata .table2 > :not(caption) > * > * {
  padding: .001rem .3rem !important;
  font-size: 12px;
}

p.fw-bold span { font-weight:normal !important; }

/************************************************************************************
smaller than 1366
*************************************************************************************/
@media screen and (max-width: 1366px) {

    }

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 991px) {
.mabtm {margin-bottom:8px!important;}
/* .btn-width-120 {width:100%;}
.btn-width-150 {width:100%;}
.btn-width-180 {width:100%;} */
}
/************************************************************************************
smaller than 767
*************************************************************************************/
@media screen and (max-width: 768px) {
.padd-top-30 {padding-top:22px; border-top:1px solid #CCC;}

.mob-btn-box {border:1px solid #bce8f1; border-radius:5px; padding:0px 8px 8px 8px; margin-bottom:10px; text-align:center;}
.mob-btn-title {background:#d9edf7; margin-left:-8px; margin-right:-8px; border-radius:4px 4px 0px 0px; font-size:16px; font-weight:bold; height:30px; overflow:hidden; text-align:center; padding:4px 2px; color:#31708f; display:block;}
.roster-R-width {width:60%; float:left; overflow:auto;}
.roster-L-width {width:40%; float:left;}

}
/************************************************************************************
smaller than 667
*************************************************************************************/
@media screen and (max-width: 668px) {
.mabtm {margin-bottom:0px!important;}
.btn-width-120 {width:auto;}
.btn-width-150 {width:auto;}
.btn-width-180 {width:auto;}
.btn-width-200 {width:auto;}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 651px) {    
.topLogo { width:80%; margin:0 auto;}
.roster-R-width {width:55%; float:left; overflow:auto;}
.roster-L-width {width:45%; float:left;}

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 481px) {
  
.topLogo { width:95%; margin:0 auto;}

}
/*Smartphone */
@media only screen and (max-width : 321px) {


  }

/*Smartphone */
@media only screen and (max-width : 240px) {
  
}