@import "./styles.css";

.invisible, form.invisible, div.invisible, .hidden, div.hidden, span.hidden, form.add.invisible {
/*.invisible, form.invisible, div.invisible, .hidden, div.hidden, span.hidden, .hide, form.add.invisible {*/
    display:  none !important;

}



body[style] {
    padding: 0 !important;
} 

li.active a {
    font-family: "Trueno Bold", sans-serif !important;

}

table.table tbody tr td {
  border-left: 1px solid rgba(0,0,0, 0.1);
  border-right: 1px solid rgba(0,0,0, 0.1);
  border-bottom: 1px solid rgba(0,0,0, 0.1);
}

.header-green {
    color:  #323232 !important;
    color:  var(--dark-grey) !important;
}

.bold, th, strong {
    font-family: "Trueno Bold", sans-serif;
    font-weight: normal;
}

label, b {
    color:  #323232;
    color:  var(--dark-grey);
}

sup.redStar,
sup.color-red, sup.required {
    color: #a20000;
    color: var(--warning);
    font-size: large;
    top: 0;
}

td.success {
    color:  #006f0b;
    color:  var(--success);
}

td.warning, .warning {
    color:  #a20000;
    color:  var(--warning);
}

.bold.warning {
    font-family: "Trueno Bold", sans-serif;
    font-weight: normal;
    color:  #a20000 !important;
    color:  var(--warning) !important;

}

input[type="file" i] {
    margin:  0;
    padding:  10px;
    padding-bottom:  40px;
    padding-top:  10px;
}


/* .alert {
    background-color: none;
    background: none;
    border-color: none;
    border:  none;
    color:  #a20000;
    color:  var(--warning);
    font-weight:  bold;

} */

option {
    color:  #323232;
    color:  var(--dark-grey);
}

option:disabled {
    color:  #a20000;
    color:  var(--warning);
    cursor: not-allowed !important;
}

/* .alert.alert-warning, .alert.alert-danger, .alert.alert-danger[style], .alert.alert-error[style], div.court-error[style] {
    border: none !important;
    padding:  16px !important;
    border-radius: 12px;
    background-color: rgba(162,0,0,.1) !important;
    text-align: center;
    color: #a20000 !important;
    color: var(--warning) !important;
    margin-top:  18px;
    margin-bottom:  4px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);

}

.alert.alert-danger[style] b, .alert.alert-error[style] b {
    color: #a20000 !important;
    color: var(--warning) !important;
}
 */
/* need to override the style component */
/* .alert.alert-warning b, .alert.alert-warning p, .alert.alert-warning i, .alert.alert-warning span, font, .alert.alert-danger b  {

    color: #a20000 !important;
    color: var(--warning) !important;

}

.alert.alert-warning input {
    background: rgba(250, 250, 250, .8);
}
 */
.error *,
.error {
    color:  #a20000;
    color:  var(--warning);
    float:  unset !important;
}

.color-red, .color-red span, .color-red span span {
    color:  #a20000 !important;
    color:  var(--warning) !important;
}


.open, .dropdown-menu {
    z-index: 999999 !important;
}

tbody {
    cursor: unset;
}


.card-box.nav-card a:not(.btn), span, p {
    margin-top: 12px;
    margin-bottom: 12px;
}

.card-box.nav-card a, span, p, a.btn {
    font-size: 16px !important;
}

.card-box.nav-card a:hover,
.card-box.nav-card a b:hover {
    text-decoration: underline;
}

/* .alert, .alert-warning {
    color:  #a20000 !important;
    color:  var(--warning) !important;
    padding:  unset;

} */

.form-group {
    
}


/* pop up modal */


.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
        /* Primary White */
    background: #ffffff;
    /* Drop Shadow */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;

}


/* estore */

.input-group, .form-control {
    margin:  0;
    padding:  0;
}

span.input-group-btn button {
        margin:  0;
    padding:  0;
}

.estore-search-box {
    padding:  .5rem;
}


button.search-button {
    padding-top:  8px !important;
    padding-right:  1rem !important;
    padding-bottom:  6px !important;
    padding-left:  1rem !important;
    margin-left:  0 !important;
    border-radius: 0 12px 12px 0 !important;
    filter:  drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0)) !important;


}


button.search-button i {
    font-size: 12pt !important;
}

.btn-bg-white-grey {
       filter:  drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.0)) !important;
    margin-right:  0 !important;
    margin-left:  0 !important;
}



.form-control {
    margin:  0;
    padding: 0 1rem;
}

.btn-cart {
    overflow-wrap: break-word;
}

.input-group-btn {
    margin:  unset;
    padding:  unset;
    filter: none;
}

.breadcrumb {
    padding: 1rem;
    padding-left:  2rem;
    margin: 0;
    border-radius: 8px;
    text-align:  center;
    border-bottom:  none;
}
.breadcrumb.not-eshop {
    padding: 1rem;
    padding-left:  1rem;
    padding-right: 1rem;
    margin: 0;
    border-radius: 8px;
    text-align:  center;
    border-bottom:  none;
}

.breadcrumb li a {
    text-decoration: none;

}

@media screen and (max-width:  768px) {
    .breadcrumb.not-eshop li, .breadcrumb li, .breadcrumb span {
        text-decoration: none;
        padding-bottom:  .5rem;
        padding-top:  .5rem;
    }
}

.breadcrumb.not-eshop li a, .breadcrumb li span {
    text-decoration: none;

    padding-left:  1rem !important;
    padding-right:  1rem !important;
}

.breadcrumb li:not(:last-child):after {
    padding-right: 1rem;
    padding-left: 1rem;
    content: ">";
}

.breadcrumb.not-eshop li:not(:last-child):after {
    content:  "";
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.breadcrumb a {
    padding: 0;
    margin: 0;
}

.breadcrumb .active, .breadcrumb a.active {
    font-family: "Trueno Bold", sans-serif !important;
}

div.datepicker td.disabled.day, div.datepicker td.disabled.old.day, div.datepicker span.disabled {
    color: #a20000 !important;
    color: var(--warning) !important;
    cursor: not-allowed !important;
}

.datepicker.datepicker-dropdown {
    min-width: 160px;
}


/* Fixing dropdown menus */

.open>.dropdown-menu {
    display: block;
}

.dropdown-menu {
      /* Dropdown Content (Hidden by Default) */
    display: none;
    position: absolute;
    z-index: 9999999;
    min-width: 250px;
    transition: visibility 0s, opacity 0.5s linear;
    animation: fadeIn 0.2s ease-in;
    padding-left:  16px;
    padding-right:  16px;
}

.dropdown-menu a {
    color: #565656;
    color: var(--light-grey);
    font-family: "Trueno Light", sans-serif;
    text-shadow: none;
}

.multiple-checkbox {
    cursor: pointer;
}

.btn-dropdown-checkbox:hover .dropdown-menu,
.btn-dropdown-checkbox:focus-within .dropdown-menu {
    /* Show the dropdown menu on hover */
    animation: fadeIn 0.2s ease-in;
    display: block;
}

.gw-dropdown {
}

.gw-dropdown strong {
    padding:  0;
    margin:  0;
}

.btn-dropdown-checkbox {

    text-decoration: none !important;
    margin:  12px;
    margin-top: 0;
    margin-bottom: 5px;
    padding-bottom:  4px !important;
    padding-top:  4px !important;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 8px;

}
.btn-dropdown-checkbox a {
    color: #323232 !important;
    color: var(--dark-grey) !important;

}

.btn-dropdown-checkbox a span, #select_status {
    color: #323232 !important;
    color: var(--dark-grey) !important;
}


.dropdown-menu.checkbox-menu {
        /* Primary White */
    background: #ffffff;
    /* Drop Shadow */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border: none;
    border-radius: 12px;
}

/*
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
*/


/* forms */
select {
    padding: 6px 10px !important;
}

.dropdown select {
    color: rgba(86, 86, 86, 0.85);
    width: 100%;
}

.input-form input {
    color: rgba(86, 86, 86, 0.85);
    color: rgba(86, 86, 86, 0.85);
    width: 100%;

}

select,
.form-control {
    /* background: rgba(227, 227, 228, 0.5); */
    border-radius: 8px;
    /* border: none; */

    color: rgba(86, 86, 86, 0.85);

        margin-top: 2px;
    margin-bottom: 2px;
}

.dropdown select {
    color: rgba(86, 86, 86, 0.85);
    width: 100%;
}

.input-form input {
    color: rgba(86, 86, 86, 0.85);
    color: rgba(86, 86, 86, 0.85);
    width: 100%;
}

/* Nav tabs */
.nav-tabs, .nav-tabs-new {
    padding-top:  1rem;
    padding-bottom: 1rem;
    margin-bottom:  1rem !important;
}

.nav-tabs li a, .nav-tabs-new li a {
    padding-right:  2rem !important;
    text-decoration: none;
}

.nav-tabs li.active a {
    font-family: "Trueno Bold", sans-serif;
}

/* button */

.dropdown-toggle span {
    overflow-wrap: break-word !important;
    overflow-x: hidden !important;
}

.btn:not(.dropdown-toggle) {
    background: rgba(227, 227, 228, 0.5);
    border-radius: 8px;
    padding: 8px;
    padding-left: 32px;
    margin-right: 6px;
    margin-left: 6px;
    padding-right: 32px;
    padding-bottom:  10px;
    padding-top:  10px;
    border: none;
    cursor: pointer;
    opacity: 1;
    text-decoration: none;
    font-family: "Trueno Bold", sans-serif !important;
    font-weight: 900 !important;
    font-style: normal;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.25));

}

.btn.drop-shadow {
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
}

.btn.btn-success {
    background: #006f0b !important;
    background: var(--success) !important;
    border-color: #006f0b !important;
    border-color: var(--success) !important;
    color: white;

}

.btn.btn-danger {
    background: #a20000 !important;
    background: var(--warning) !important;
    border-color: #a20000 !important;
    border-color: var(--warning) !important;
    color: white;
}

.btn.btn-primary {
    background: #3C4981 !important;
    background: var(--primary-color) !important;
    border-color: #3C4981 !important;
    border-color: var(--primary-color) !important;
    color: white !important;
    color: var(--footer-text) !important;
}

.btn.btn-grey {
    background: #323232 !important;
    background: var(--dark-grey) !important;
    border-color: #323232 !important;
    border-color: var(--dark-grey) !important;
    color: white;
}

.btn:hover {
    /* Change color on hover */
    opacity: 95%;
    transition: 0.2s;

}

.btn span {
    color: white;

}

.cart-button-text {
    color:  white !important;
    font-family: "Trueno Bold";
    display:  inline;
    text-shadow:  0px 4px 10px rgba(0, 0, 0, 0.5);
    padding:  0;
    margin-left:  -24px;
}

/* cards */

.card-box, .left-menu {
    /* Primary White */
    background: #ffffff;
    /* Drop Shadow */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 0;
}

.card-box a, .card-box .dropdown-toggle {
    font-family: "Trueno Light" !important;
    color: #323232;
    color: var(--dark-grey);
}

.card-box-item {
    overflow-x: hidden !important;

}

.card-box-item a {
    overflow-x: hidden !important;
    text-decoration: none;
}

.card-box-item a span {
    overflow-x: hidden !important;
}

.card-box-item a:after {
    display: none;

}

.card-box-item img {
    margin-right: 10px;
    border-radius: 100%;

    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25));
    border-radius: 100%;
}

.card-box-item a span {
    color:  #323232;
    color:  var(--dark-grey);
    font-family: "Trueno Bold", sans-serif !important;
    font-weight: 900 !important;
}

@media (max-width:  768px) {
    .card-box-item a span {
        font-size: 16pt !important;
    }
}


.card-box-item .btn {
    padding: 20px;
    margin:  0;
    background: none !important;

    width: 100%;
    text-align: left;
}

.card-box.card-box-item {
    padding: 0;
    padding-left: 0;
    padding-right: 0;
}

.card-box-item span {
    overflow-x: hidden !important;
    color:  #323232 !important;
    color:  var(--dark-grey) !important;
}

/* circle button*/
.chat-button {
    background-color: #3C4981;
    background-color: var(--primary-color);
    position: fixed !important;
    bottom: 8% !important;
    right:  5% !important;
    z-index: 50;
    width: 75px;
    height:  75px;
    border-radius: 100%;
    border-color: white;
    text-align: center !important;

    opacity: 1 !important;

    display: none;
}

.chat-button:focus {
    border-radius: 100% !important;
}

.chat-button.purecloud-chat-available {
    display: inline;
}

.chat-button .fa {
    position: absolute;
    left: 25px !important;
    top:  22px !important;
    text-align: center !important;
    font-size:  28px !important;
    color:  white !important;
}

.fa-spinner, .fa-spin {
    color:  inherit !important;
}


.header-title:after {
    content:  '';
    display:  block;
    margin-top: .5rem !important;
        opacity: 0.2;
    /* Primary Grey */
    border: 1px solid #3C4981;
    border: 1px solid var(--divider-color);
    fill: #3C4981;
    fill: var(--divider-color);
    border-radius: 10px;
    margin-top: 0;
    margin-bottom: 10px;
}

.fa-pencil, .fa-plus, .fa-pencil, .fa-save {
    color: var(--darkgrey);
}

.fa-remove, .fa-remove, .fa-close {
    color: #a20000;
    color: var(--warning);
}

/* checkboxes */

.checkbox.checkbox-primary {
    position: relative;
}

.custom-control-label {
    position: relative;
    display: inline-block;
}


.checkbox input[type="checkbox"]:disabled + .custom-control-label::after,.custom-control-label::before {

    background: rgba(227, 227, 228, .2) !important;
    color:  var(--secondary-grey) !important;
    opacity:  .8;

}

.custom-control-label::before,
.custom-control-label::after {
    position: absolute;
    left: 50% !important;
    transform: translate(-50%, 0);
    top: unset;
    background: rgba(227, 227, 228, 1) !important;
    border-radius: 4px;
    padding: 11px;
    border: none;

    color: black !important;
    cursor: pointer;
}


.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}



.checkbox input[type="checkbox"].custom-control-input:checked + label::after {
    left: unset;
    top:  unset;
    padding:  0;
    padding-left: 0px;
    content: "\f00c";
    font-family: 'FontAwesome';
    color:  #323232;
    color:  var(--dark-grey);
    cursor: pointer;
}



.panel-group .panel .panel-heading a[data-toggle=collapse]:before {
  content: '\f0d8';
  display: block;
  float: right;
  font-family: 'FontAwesome';
  font-size: 14px;
  text-align: right;
  width: 25px;
}

/* datepicker */

/* div.datepicker.datepicker-dropdown {
    background: #ffffff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    padding: 8px;
    padding-right:  0;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 0;
}

.datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries {
    padding-right:  30px;
    padding-left:  0px;
}



div.datepicker table {
    text-align: center;
}

div.datepicker td {
    padding:  4px;
}

div.datepicker th {
    font-family: "Trueno Bold", sans-serif !important;

}


div.datepicker th.dow {
    font-family: "Trueno", sans-serif !important;

}

div.datepicker span {
    margin-right:  6px !important;
    margin-left:  6px !important;

    cursor: pointer;
}

div.datepicker td.day {
    color: #323232 !important;
    color: var(--dark-grey) !important;
    cursor: pointer !important;


}
div.datepicker td.day:hover:not(div.datepicker td.disabled.day), div.datepicker span:hover:not(div.datepicker span.disabled), div.datepicker th.next:hover, thdiv.datepicker-switch:hover, div.datepicker th.prev:hover {
    color: #006f0b !important;
    color: var(--success) !important;
    text-decoration: underline ;
}

div.datepicker td.active.day, div.datepicker th.next, thdiv.datepicker-switch, div.datepicker th.prev, div.datepicker span.focused {
    cursor: pointer !important;
    font-family: "Trueno Bold", sans-serif !important;
}

div.datepicker td.disabled.day, div.datepicker td.disabled.old.day, div.datepicker span.disabled {
    color:  #a20000 !important;
    color:  var(--warning) !important;
    cursor: not-allowed !important;

}

div.datepicker td.old.day, div.datepicker span.month.old {
    color:  var(--lightgrey) !important;
    cursor: pointer !important;
} */

/* font awesome */
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
  font-family: 'FontAwesome';

}

.remove {
    cursor: pointer;
}

/* tables */

/*====GW Responsive table small ====*/
@media only screen and (max-width: 480px) {

    table.gw_tbl_res {
        border: 0;
    }
    table.gw_tbl_res thead {
        display: none;
    }
    table.gw_tbl_res tr {
        border-bottom: 2px solid #ddd;
        display: block;
        margin-bottom: 10px;
    }
    table.gw_tbl_res td {
        border-bottom: 1px dotted #ccc;
        display: block;
        font-size: 13px;
        min-height: 36px;
        text-align: right !important;
        white-space: normal;
        word-break: break-word;
    }
    table.gw_tbl_res td:last-child {
        border-bottom: 0;
        word-break: break-word;
    }
    table.gw_tbl_res td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }

    table.gw_tbl_res td.amount input {
        width: 100% !important;
    }

    table.payment-details .payment-detail-amount, 
    table.payment-details .payment-detail-service-fee, 
    table.payment-details .payment-detail-total-due {
        display: none;
    }

}

/*====GW Responsive table Large ====*/
@media only screen and (max-width: 768px) {
    table.table-column-responsive {
        display: table;
        display: revert;
        margin-top:  24px;
    }
    table.table-column-responsive,
    table.gw_tbl_res_large {
        border: 0;
    }
    table.table-column-responsive thead,
    table.gw_tbl_res_large thead {
        display: none;
    }
    table.table-column-responsive tr, 
    table.gw_tbl_res_large tr {
        border-bottom: 2px solid #ddd;
        display: block;
        margin-bottom: 10px;
    }
    table.table-column-responsive td, 
    table.gw_tbl_res_large td {
        width: auto !important;
        border-bottom: 1px dotted #ccc;
        display: block;
        min-height: 36px;
        text-align: right !important;
        white-space: normal;
        word-break: break-word;
    }
    table.table-column-responsive td:last-child, 
    table.gw_tbl_res_large td:last-child {
        border-bottom: 0;
    }
    /* table.table-column-responsive td:first-child, 
    table.gw_tbl_res_large td:first-child {
        border-left: 1px solid #ebeff2;
    } */
    table.table-column-responsive td:before, 
    table.gw_tbl_res_large td:before {
        content: attr(data-label);
        float: left;
        font-family: "Trueno Bold", sans-serif;
    }
    table.table-column-responsive td.amount input, 
    table.gw_tbl_res_large td.amount input {
        width: 100% !important;
    }



    .table-hover tbody tr:hover {
        color: unset !important;
        background-color: unset !important;
    }


    .tax_action .checkbox.checkbox-primary {
        position: absolute;
        right:  40px;
        margin-top: 2px;
    }
    .tax_action {
        height:  50px;
    }


}


table.header-as-label td {
    width: ;
    display: block;
    font-size: 14px;
    /*min-height: 36px;*/
    text-align: right;
    white-space: normal;
    word-break: break-word;
}

table.header-as-label tr, table.header-as-label td, table.header-as-label, table.header-as-label th , 
table.header-as-label tbody, table.header-as-label thead{
    margin: 0;
    padding:  0;
    padding-bottom: 8px;
    border-left: none !important;
    border-right:  none !important;
    border-top: none !important;
    border-bottom: none !important;

}

table.header-as-label td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
}

.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {
  content: "\f00c";
  font-family: 'FontAwesome';
}

table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 7px;
  right: 8px;
  display: block;
  font-family: 'FontAwesome';
}

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  font-family: FontAwesome;
  font-size: 10px;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 7px;
  right: 8px;
  display: block;
  font-family: 'FontAwesome';
}

.gmap-info:before {
  color: #333333;
  content: "\f041";
  font-family: 'FontAwesome';
  font-size: 35px;
  left: 10px;
  position: absolute;
  top: 8px;
}



/* card form */
.control-label {
    /*a.tooltip-cvv*/
    font-family: "Trueno Bold", sans-serif !important;
    text-decoration: none;
}

.label-element {
  display: flex !important;
  align-items: center !important;
}

.label-element .control-label-new {
    align-self: center !important;
}

label.control-label:not(.card-form *) {
    margin-bottom:  12px;
}


/* google translate */

#google_translate_wrapper {
    background: rgba(227, 227, 228, 0.5);
    border-radius: 8px;
    padding: 8px;
    padding-left: 32px;
    margin-right: 6px;
    margin-left: 6px;
    padding-right: 32px;
    padding-bottom:  10px;
    padding-top:  10px;
    border: none;
    cursor: pointer;
    opacity: 1;
    text-decoration: none;
    font-family: "Trueno Bold", sans-serif !important;
    font-weight: 900 !important;
    font-style: normal;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.25));
    background-color: #3C4981;
    background-color: var(--gw-primary);
}

.goog-te-gadget img {
    vertical-align: middle;
    border: none;
}

#google_translate_wrapper label {
    vertical-align: middle;
    display: inline-block;
    cursor: auto;
    color:  white !important;
    font-family: "Trueno Bold", sans-serif;

}

#google_translate_element {
    display: inline-block;
    padding:  0;
}
.goog-te-gadget-simple span {
    display: none;
    padding:  0;
}

#confirm_not_a_robot .form-step,
.g-recaptcha > div {
    width: 100% !important;
}

.gw-paypal {
    position: relative;
}

.paypal-buttons-container {
    position: absolute;
    top: 5px;
    z-index: 9999;
}

#paypal-buttons-container * {
    opacity: 0;
}

@media all and (min-width: 61em) {
  .path-cart .paypal-buttons-container {
    float: right;
    width: 40%;
  }
}
#paypal-background-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paypal-background-overlay-loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: paypal-spin-loader 2s linear infinite;
}
@keyframes paypal-spin-loader {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.multiple_bill_payment input {
    margin-top: 0;
}

.tooltip-cvv {
    display: inline-block;
}

.m-t-10 {
    margin-top: 10px;
}

.pd-mobile {
    display: none;
}

.gw_right {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    #bails_details td.lb_court_fee, 
    #bails_details td.lb_jail_fee, 
    #bails_details td.lb_bail_tota {
        display: none;
    }

    .text-right.gw_right,
    .annual_registration .gw_right,
    .business_occup_tax_ren_app_ind_ps .gw_right,
    .tag_cancellation_form .gw_right,
    .change_address_form .gw_right,
    .payment_plan_request_form .gw_right,
    #searchFrm .gw_right,
    .open_records_request_form .gw_right {
        text-align: left !important;
    }
}

#submitForm .position-element {
    margin-bottom: 10px;
}

#searchFrm .label-element,
#submitForm .label-element {
    margin-bottom: 10px;
    display: inline-block !important
}

#estore_info .btn-bg-white-grey.active i, 
#estore_info .btn-bg-white-grey:active i {
    color: #81c868; 
}

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

.table-responsive,
.table-horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0px 1px;
}

.pull-right {
    margin-left: auto;
}

#cart-detail .pull-right {
    max-width: none;
}

.accommodations_city label {
    width: auto;
}

.accommodations_city input {
    margin: 4px 0 0;
}

.accommodations_collected #field_city {
    margin-right: 82px;
}

/*
.business_license_renewal .group_verify_status label.error,
*/
.commercial_business_application label.error,
.accommodations_collected label.error {
    clear: both;
    float: left !important;
}

.commercial_business_application .second_contact .control-label-new,
.commercial_business_application .first_contact .control-label-new {
    white-space: nowrap;
}

#submitForm .row-fluid,
#submitForm .form-section.fulladdress{
    width: 100%;
}

.gw_center {
    margin: 0 auto;
    width: 100%;
}

.gw_pdt_10 {
    width: 100%;
}

#createAgentModal .modal-header,
#searchAgentModal .modal-header {
    display: block;
}

#createAgentModal .modal-header button span,
#searchAgentModal .modal-header button span {
    font-size: 24pt !important;
    opacity: 1;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 900px;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
    }
}

#agentTable_wrapper {
    display: block;
}

#agentTable_wrapper .col-sm-12 { 
    padding-left: 0;
    padding-right: 0;
}

.dataTables_length {
    float: left;
}



#searchAgentModal .row{
	margin: 0px;
}

#searchAgentModal table.dataTable {
	border: 1px solid #ebeff2;
}

#searchAgentModal ul.pagination{
	list-style-type: none;
    float: right;
}

#searchAgentModal ul.pagination li{
	display: inline;
}

#searchAgentModal ul.pagination li a{
	position: relative;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

#searchAgentModal ul.pagination li.active a{
	background-color: #5fbeaa;
	border-color: #5fbeaa;
	color: white;
}

#searchAgentModal table.dataTable thead th {
    position: relative;
}

#searchAgentModal table.dataTable thead th.sorting:after {
	content: "\f0dc";
	padding-top: 0.12em;
}

#searchAgentModal table.dataTable thead th.sorting:after, 
#searchAgentModal table.dataTable thead th.sorting_asc:after, 
#searchAgentModal table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 7px;
	right: 8px;
	display: block;
	font-family: FontAwesome;
}

#searchAgentModal table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
}

#searchAgentModal table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
}

#searchAgentModal table.dataTable thead th{
	vertical-align: text-top
}

#createAgentModal, #searchAgentModal{
	left: 0;
}

table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0.5;
}

table.dataTable thead .sorting:after {
    opacity: 0.2;
}

.pagination>.disabled>a, 
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover {
    cursor: not-allowed;
}

button.annual_mode {
    border: 3px solid rgba(195, 51, 55, 0.7);
    background: #420018 url(/resources/img/btnbg.jpg) repeat-x scroll center center;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 0;
    width: 100%;
    min-height: 100px;
}


@media only screen and (max-width: 768px) {
    .pd-none-tab {
        display: none;
    }

    #taxesSearchForm  .search-action > div { 
        padding-left: 0;
        padding-right: 0;
        padding-top: 0 !important;
    }
}

.pd-tab {
    display: none;
}

.calendar > img {
    max-width: 20px;
    padding-bottom: 8px;
}

.m-t-30 {
    margin-top: 30px !important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

/* style table res contains table res*/
.w-150 {
	width: 150px;
}
.w-200 {
	width: 200px;
}

.table-estore {
    margin-bottom: 0;
}

.business_registration label {
    width: auto;
    font-weight: bold;
}

.business_registration p {
    margin-top: 0;
}

div.group-header {
    font-weight: bold;
    margin-left: 0px;
    border-bottom: 1px dotted gray;
}

#userBillingInfoForm .checkbox input,
.gw_payment_form .checkbox input {
    position: absolute;
}

.gw_payment_form .radio input {
    position: absolute;
    margin-top: 5px;
}
.gw_payment_form .radio label {
    margin-left: 20px !important;
}

div.group-collapse>div:first-child:before {
    font-family: 'FontAwesome';
    font-size: 14px;
    content: '\f107';
    margin-right: 5px;
}

div.group-collapse.collapsed>div:first-child:before {
    content: '\f105';
}

.text-white,
.text-white span,
.text-white b {
    color: #ffffff !important;
}

.tbl_tax_results span {
    margin-top: 0;
    margin-bottom: 0;
}

.gw_payment_form .color-red b,
.gw_payment_form .color-red strong {
    color: #a20000 !important;
    color: var(--warning) !important;
}

.gw_payment_form .d-flex {
    flex-flow: row wrap;
}

@media (min-width: 768px) {
    #payerChangePassword.form-horizontal .control-label,
    #payerRegister.form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }

    /* #ticketSearchForm .search-action, */
    #taxesSearchForm  .search-action {
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
    }
}

.table thead td {
    border-top: 0px;
}

.btn-cart span {
    font-family: inherit;
}

.tax_search_result .top,
.tax_search_result .bottom {
    width: 100%;
}

.tax_search_result div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
}

.card-box-items .dropdown-toggle {
    white-space: initial;
}

.main-banner {
    position: relative;
}

.card-form #cc_number,
.card-form #cc_cvv,
#card_brand #cc_number,
#card_brand #cc_cvv {
	margin-top: 5px !important;
}

#ticketSearchForm .nav-tabs,
#taxesSearchForm .nav-tabs {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0 !important;
}

#ticketSearchForm .nav-tabs .nav-item,
#taxesSearchForm .nav-tabs .nav-item {
    background-color: #e4edf7;
}

#taxesSearchForm  .tab-content {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    height: 90px;
}

#ticketSearchForm  .tab-content {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

#ticketSearchForm .search-action {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

.tax-loading {
    cursor:not-allowed;
    opacity: 0.8;
    font-size: 14px !important;
}

.business_license_renewal_generic .control-label-new label.error {
    clear: both;
    float: left !important;
}

.font-15 {
  font-size: 15px !important;
}
.font-16 {
  font-size: 16px !important;
}
.font-17 {
  font-size: 17px !important;
}
.padding-top-3 {
  padding-top: 3px;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-bottom-3 {
  padding-bottom: 3px;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.margin-top-3 {
  margin-top: 3px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-bottom-3 {
  margin-bottom: 3px;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}

.radio-custom label.error {
    clear: both;
    float: left !important;
}

#submitForm.steps .invisible {
    display:  none !important;
}

.cx-widget.cx-theme-dark .cx-webchat {
    width: 360px;
}


.fixed-table-wrap {
	display: block;
	width: 100%;
	overflow-x: auto;
	overflow-y: scroll;
	height: 500px;
}

.fixed-table-wrap table {
	border-collapse: collapse;
}

.fixed-table-wrap table th,
.fixed-table-wrap table td {
	padding: 10px;
	/* border: 1px solid #c3c3c3; */
}

.fixed-table-wrap table th {
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	z-index: 99;
	/* border-right: 1px solid #798ba9 !important; */
	background-color: #fbfbfb;
}

.fixed-table-wrap table th::after {
	content: "";
	display: inline-block;
	width: 1px;
	background-color: #aba8a8;
	position: absolute;
	right: -1px;
	height: 40px;
	top: 0px;
}
.table-horizontal-scroll .form-inline {
    display: block !important;
    flex-flow: row wrap;
    align-items: center;
}

* {box-sizing: border-box}
.mySlides {display: none}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prevImage, .nextImage {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  text-decoration: none;
}

/* Position the "next button" to the right */
.nextImage {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */


/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


/* The dots/bullets/indicators */
.small-image {
    cursor: pointer;
    height: 68px;
    width: 68px;
    margin: 0 5px;
    display: inline-block;
    transition: background-color 0.6s ease;
    border: 1px solid #959393;
}

.multi-small-image-product {
    width: 60px; 
    height: 60px; 
   
}

.image-active{
    border: 2px solid #23c114;
}
.small-image:hover {
    border: 2px solid #97ec9e;
}

.multi-image-product {
    max-width: 300px; 
    max-height: 300px; 
    min-width: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slide-image-container{
    width: 320px; 
    height: 320px; 
    position: relative;
}


/* Fading animation */
.fade {
  animation-name: fade;
  /* animation-duration: 1.5s; */
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


/* Style the tab */
.tab-profile {
  overflow: hidden;
  background-color: #f1f1f1;
  border-radius: 5px;
}

/* Style the buttons inside the tab */
.tab-profile a {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab-profile a:hover {
  background-color: #9c9898;
  /* color:rgb(62, 110, 72); */
  text-decoration: none;
}

.tablinks {
    text-decoration: none;
}

/* Create an active/current tablink class */
.tab-profile a.active {
  background-color: #ffffff;
  /* color:rgb(62, 110, 72); */
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 20px 12px;
  /* border: 1px solid #ccc; */
  border-top: none;
}

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
}

.profileForm .panel-group .panel .panel-heading a[data-toggle=collapse]:before {
    content: '\f107';
    display: block;
    float: left;
    font-family: 'FontAwesome';
    font-size: inherit;
    text-align: left;
    width: 20px;
}

.profileForm .panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {
    content: '\f105';
}


.profileForm .panel-title {
    background-color: #31b0d5;
    margin-bottom: 2px;
    padding: 5px;
    font-size: 18px;
}

.profileForm .panel-title a {
    color: #fff;
    text-decoration: none;
}

.profileForm .panel-body {
    padding: 10px 5px;
}

.hideItem{
    display: none;
}

.header-desktop-nav-button{
    padding: 5px;
}

.topright:hover {color: red;}