/* begin Page */
/* Created by Artist v3.1.0.46558 */

#barcode { text-align: center;}
#barcode canvas { width: 450px;}
.container {
    max-width: 1120px;
    margin: 10px auto;padding: 0 20px;
}

body {
    width: 100%;margin: 0;    font-family: "Graphik Dan Web", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
input[type="number"], select {
    width: 77px;
}
.zip {
    width: 80px;
}
button {
    background: linear-gradient(
0.25turn
, #37C597, #38E8B0);
    background-color: #19d499;
    border-color: #17c990;
    border: 0;
    border-radius: 10px;
    color: #242424;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.35px;
    padding: 10px 20px;
    width: 300px;
    height: 58px;
}

button:hover {
    background: #00f2a6;
}

input, select {
    padding: 5px;    margin-bottom: 6.5rem;
    margin: 0 30px 0 5px;
    font: bold 13px/18px arial;
    color: #484e94;
}
.bg-grad {
    padding-top: 2.5rem;
    padding-bottom: 4.5rem;
    background: linear-gradient( 
0.25turn
 , #A177FF, #02CEFF);
}
.zline {
    padding: 12px 0;
    border-bottom: 1px dashed #dcdcdc;
}
.zline.class input {
    width: 77px;
}
.zname {
    width: 95px;
    display: inline-block;
    font: 13px/18px arial;
}
.parking-title {
    word-break: break-all;
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
}

h1.auto-shrink {
    font-weight: 700;
    padding-top: 0.25rem;
    font-size: 3.5rem;
    letter-spacing: 1px;
    line-height: 4.5rem;
    margin: 0;
}

.col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 50%;
}
.col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 40%;
}
.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
}

.crow {
    display: flex;
    flex-wrap: wrap;
    margin-right: -2rem;
    margin-left: -2rem;
}
.centre {
    text-align: center;
    padding: 1.5rem;
}

#idtop h4 {
    margin: 0;
    font-size: 1.5rem;
}

#idtop {
    padding: 0 1.5rem 1.5rem;
}

#idtop p {
    margin: 10px 0;
}

#idbar {
    background: #fff;
    box-shadow: 0px 0.125rem 0.25rem rgb(0 0 0 / 8%), 0px 0.25rem 1.5rem rgb(0 0 0 / 8%);
    padding: 1.5rem 0;
    border-radius: 0.5rem;
    position: absolute;
    top: 0;
    right: 2rem;
}

.avatar-jumbo {
    width: 300px;
}
.avatar-logo {
    width: 250px;
    margin: 10px 0 0;
}

.note-title {
    margin: 20px 0;
    padding: 30px;
    background: #ff040454;
    border-radius: 30px;
}
.footerframe {
    display: none !important;
}

/* Menu Page */
.site-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    top: 0;
}

.menu-main-menu {
    margin: 0;
    padding: 0;
}

.menu-main-menu li {
    list-style: none;
    display: inline-block;
    margin: 15px 5px;
}

.menu-main-menu li a {
    transition: all .3s ease;
    color: #000000;
    font-weight: 600;
    white-space: nowrap;
    display: block;
    position: relative;
    padding: 5px 12px;
    line-height: 1.33;
    background-color: #19d499;
    border-radius: 7px;
}

.menu-main-menu li a:hover,.menu-main-menu li:hover {
    background: #dbdeff;
}
.air-menu {
    background: #f3f3f3;
}
nav.site-menu {
    max-width: 1120px;
    margin: 0 auto;
}
.logo {
    font-weight: 700;
    padding-top: 0.25rem;
    font-size: 2.3rem;
    letter-spacing: 1px;
    line-height: 2rem;
    margin: 0;
    color: #19d499;
    text-shadow: 1px 2px 3px #6f6f6f8f;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.col-lg-4 {
    flex: 0 0 27%;
    max-width: 33.333333%;
    margin-bottom: 1.5rem!important;
}

.card.h-100 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 10px;
    padding: 1;    height: 370px;
}

.card a {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
}

.card-footer {
    text-align: center;
}

a {}

.card a:hover {
    background-color: #3d9bff;
}

.card-body {
    padding: 0 10px;
}

h4.card-title {
    margin: 15px 0 10px;
}
img.card-img-top {
    max-width: 300px;
}
.xam {
    background: #fff7bc;
    padding: 10px;
}

.cam {
    background: #ffe251;
    padding: 10px;
    margin: 5px 0px;
    width: 372px;
    display: block;
}

.contir {max-width: 750px;
    background: #f3f3f3;
    padding: 20px 10px;}

.contir th {
    background: #dcdcdc;
}

.contir tr:first-child {
    background: #000;
}

.contir th:first-child {}

.contir td:first-child {
    background: none;
    padding: 0 10px;
    font-weight: 600;
}

.contir td {
background: aliceblue;
    border-bottom: 1px solid #c2c2c2;
    padding: 8px 10px;
}
.work-box input, .work-box select {
    width: auto;
    background-color: #f8f8f8;
    color: #333;
    border: 0;
    min-height: 50px;
    padding: 10px;
    font: 16px/30px arial;
    margin: 0 10px 0 0px;
    cursor: -webkit-grab;
}

.work-box .in-line {
    margin: 0 0px 20px 0;
}

.work-box 
 label {
    font: 16px/30px arial;
    cursor: -webkit-grab;
    vertical-align: middle;
    height: 40px;
}

.tablet {
    background-color: #E7E9EB;
    border-radius: 5px;
    padding: 0.01em 16px;
    margin: 0px 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
}
.tabcontent {
  display: none;padding: 20px 0;
}
button.tablinks {
    background: #007bff;
    color: #fff;
    width: auto;
    height: 41px;
    border-radius: 0 10px;
}

button.tablinks:hover {
    background: #303030;
}
.form-box, .table-box {
    padding: 0 10px 0;
}
.tab {
    padding: 10px 0 0;
    border-bottom: 2px solid #007bff;
}
.img-main-box {padding: 20px 0;}
img#document-images { width: 400px;}