/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    /*font-size: 14px;*/
    font-family: Verdana !important;
    font-size: 14px !important;
}
@media (min-width: 768px) {
    html {
        /*font-size: 16px;*/
        font-family: Verdana !important;
        font-size: 14px !important;
    }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
    box-shadow:none;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

table.table-bordered,
.navigateLink,
div.modal-body p,
label.invalid-form-control,
.control-label,
.form-control,
.text-gray-500,
.chzn-select {
    font-family: Verdana !important;
    font-size: 12px !important;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    font-family: Verdana;
    /*font-size: 12px !important;*/
}

.month
{
    font-size: x-small !important;
    font-weight:bold;
    padding-right: 4px !important;
}

.year {
    font-size: x-small !important;
    font-weight: bold;
    padding-right: 2px !important;
}

.ui-datepicker {
    width: 40rem !important; /*what ever width you want*/
}

.bootstrap-datetimepicker-widget td.day {
    font-size: 8px !important;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

/* navigate link text decoration */
.navigateLink {
    text-decoration: underline;
    color: #00F;
}

.errorText {
    background-color: #F00 !important;
    font-weight: bold !important;
}

/* a tag link hover */

.pace.pace-inactive{
    display:block !important;
}

.invalid-form-control {
    border: solid 1px red!important;
}

label.invalid-form-control {
    border: none !important;
    color: red !important
}

.sb-icon-gl {
    background-image: url("/img/mi/gl3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}

.sb-icon-ap {
    background-image: url("/img/mi/ap3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}

.sb-icon-ar {
    background-image: url("/img/mi/ar3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}

.sb-icon-gm {
    background-image: url("/img/mi/gm3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}

.sb-icon-db {
    background-image: url("/img/mi/db3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}

.sb-icon-sy {
    background-image: url("/img/mi/sy3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}

.sb-icon-rpt {
    background-image: url("/img/mi/rpt3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}
.sb-icon-im {
    background-image: url("/img/mi/im3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}
.sb-icon-hr {
    background-image: url("/img/mi/hr3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}
.sb-icon-po {
    background-image: url("/img/mi/po3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}
.sb-icon-ws {
    background-image: url("/img/mi/ws3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}
.sb-icon-oa {
    background-image: url("/img/mi/oa3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}
.sb-icon-pm {
    background-image: url("/img/mi/pm3232.png");
    width: 32px !important;
    height: 32px !important;
    background-position: left; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
}

.oazoom {
    transition: transform .2s; /* Animation */
    margin: 0 auto;
}

.oazoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-family: Verdana;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.ui-autocomplete > li > div {
    display: block;
    padding: 20px;
    clear: both;
    font-weight: normal;
    line-height: 2;
    color: #333000;
    white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
    cursor: pointer;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.modal-dialog {
    overflow-y: initial !important
}

.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#table_id {
    font-family: Verdana;
    border-collapse: collapse;
    width: 100%;
}

#table_id td, #table_id th {
    border: 1px solid #ddd;
    padding: 8px;
}

#table_id th {
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: left;
}

@media (max-width: 991px) {
    .tab-content-acc > .tab-pane-acc {
        display: block;
        opacity: 1;
    }
}

.accordion-button {
    background-color: #1f6bff;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.accordion-button:not(.collapsed) {
    background-color: #1f6bff;
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
}

.accordion-item {
    border: none !important;
}