/* xs */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

.aodc-site-nav-banner-div { display: none; }
.aodc-site-menu-collapse-icon { display: block; }

/* sm */
@media(min-width:768px) {

    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }

    .aodc-site-nav-banner-div { display: block; }
    .aodc-site-menu-collapse-icon { display: none; }
    #aodc_page_menu { display: block; }
}

/* md */
@media(min-width:992px) {

    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }

    .aodc-site-menu-collapse-icon { display: none; }
    #aodc_page_menu { display: block; }
}

/* lg */
@media(min-width:1200px) {

    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }

    .aodc-site-menu-collapse-icon { display: none; }
    #aodc_page_menu { display: block; }
}

/* .row {
    display: flex;
    flex-wrap: wrap;
} */

.mat-elevation-z0 {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1 {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2 {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4 {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5 {
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7 {
    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9 {
    box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
    box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
    box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13 {
    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
    box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
    box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
    box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
    box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
    box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
    box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
    box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.col-5  { width: 5%; }
.col-10 { width: 10%; }
.col-15 { width: 15%; }
.col-20 { width: 20%; }
.col-25 { width: 25%; }
.col-30 { width: 30%; }
.col-35 { width: 35%; }
.col-40 { width: 40%; }
.col-45 { width: 45%; }
.col-50 { width: 50%; }
.col-55 { width: 55%; }
.col-60 { width: 60%; }
.col-65 { width: 65%; }
.col-70 { width: 70%; }
.col-75 { width: 75%; }
.col-80 { width: 80%; }
.col-85 { width: 85%; }
.col-90 { width: 90%; }
.col-95 { width: 95%; }
.col-100 { width: 100%; }

.m-0 { margin: 0px; }
.m-4 { margin: 4px; }
.m-8 { margin: 8px; }
.m-12 { margin: 12px; }
.m-16 { margin: 16px; }
.m-20 { margin: 20px; }
.m-24 { margin: 24px; }
.m-28 { margin: 28px; }
.m-32 { margin: 32px; }
.m-36 { margin: 36px; }
.m-40 { margin: 40px; }
.m-44 { margin: 44px; }
.m-48 { margin: 48px; }
.m-52 { margin: 52px; }
.m-56 { margin: 56px; }
.m-60 { margin: 60px; }
.m-64 { margin: 64px; }
.m-68 { margin: 68px; }
.m-72 { margin: 72px; }
.m-76 { margin: 76px; }
.m-80 { margin: 80px; }
.m-84 { margin: 84px; }
.m-88 { margin: 88px; }
.m-92 { margin: 92px; }
.m-96 { margin: 96px; }
.m-100 { margin: 100px; }

.ml-0 { margin-left: 0px; }
.ml-4 { margin-left: 4px; }
.ml-8 { margin-left: 8px; }
.ml-12 { margin-left: 12px; }
.ml-16 { margin-left: 16px; }
.ml-20 { margin-left: 20px; }
.ml-24 { margin-left: 24px; }
.ml-28 { margin-left: 28px; }
.ml-32 { margin-left: 32px; }
.ml-36 { margin-left: 36px; }
.ml-40 { margin-left: 40px; }
.ml-44 { margin-left: 44px; }
.ml-48 { margin-left: 48px; }
.ml-52 { margin-left: 52px; }
.ml-56 { margin-left: 56px; }
.ml-60 { margin-left: 60px; }
.ml-64 { margin-left: 64px; }
.ml-68 { margin-left: 68px; }
.ml-72 { margin-left: 72px; }
.ml-76 { margin-left: 76px; }
.ml-80 { margin-left: 80px; }
.ml-84 { margin-left: 84px; }
.ml-88 { margin-left: 88px; }
.ml-92 { margin-left: 92px; }
.ml-96 { margin-left: 96px; }
.ml-100 { margin-left: 100px; }

.mr-0 { margin-right: 0px; }
.mr-4 { margin-right: 4px; }
.mr-8 { margin-right: 8px; }
.mr-12 { margin-right: 12px; }
.mr-16 { margin-right: 16px; }
.mr-20 { margin-right: 20px; }
.mr-24 { margin-right: 24px; }
.mr-28 { margin-right: 28px; }
.mr-32 { margin-right: 32px; }
.mr-36 { margin-right: 36px; }
.mr-40 { margin-right: 40px; }
.mr-44 { margin-right: 44px; }
.mr-48 { margin-right: 48px; }
.mr-52 { margin-right: 52px; }
.mr-56 { margin-right: 56px; }
.mr-60 { margin-right: 60px; }
.mr-64 { margin-right: 64px; }
.mr-68 { margin-right: 68px; }
.mr-72 { margin-right: 72px; }
.mr-76 { margin-right: 76px; }
.mr-80 { margin-right: 80px; }
.mr-84 { margin-right: 84px; }
.mr-88 { margin-right: 88px; }
.mr-92 { margin-right: 92px; }
.mr-96 { margin-right: 96px; }
.mr-100 { margin-right: 100px; }

.mt-0 { margin-top: 0px; }
.mt-4 { margin-top: 4px; }
.mt-8 { margin-top: 8px; }
.mt-12 { margin-top: 12px; }
.mt-16 { margin-top: 16px; }
.mt-20 { margin-top: 20px; }
.mt-24 { margin-top: 24px; }
.mt-28 { margin-top: 28px; }
.mt-32 { margin-top: 32px; }
.mt-36 { margin-top: 36px; }
.mt-40 { margin-top: 40px; }
.mt-44 { margin-top: 44px; }
.mt-48 { margin-top: 48px; }
.mt-52 { margin-top: 52px; }
.mt-56 { margin-top: 56px; }
.mt-60 { margin-top: 60px; }
.mt-64 { margin-top: 64px; }
.mt-68 { margin-top: 68px; }
.mt-72 { margin-top: 72px; }
.mt-76 { margin-top: 76px; }
.mt-80 { margin-top: 80px; }
.mt-84 { margin-top: 84px; }
.mt-88 { margin-top: 88px; }
.mt-92 { margin-top: 92px; }
.mt-96 { margin-top: 96px; }
.mt-100 { margin-top: 100px; }

.mb-0 { margin-bottom: 0px; }
.mb-4 { margin-bottom: 4px; }
.mb-8 { margin-bottom: 8px; }
.mb-12 { margin-bottom: 12px; }
.mb-16 { margin-bottom: 16px; }
.mb-20 { margin-bottom: 20px; }
.mb-24 { margin-bottom: 24px; }
.mb-28 { margin-bottom: 28px; }
.mb-32 { margin-bottom: 32px; }
.mb-36 { margin-bottom: 36px; }
.mb-40 { margin-bottom: 40px; }
.mb-44 { margin-bottom: 44px; }
.mb-48 { margin-bottom: 48px; }
.mb-52 { margin-bottom: 52px; }
.mb-56 { margin-bottom: 56px; }
.mb-60 { margin-bottom: 60px; }
.mb-64 { margin-bottom: 64px; }
.mb-68 { margin-bottom: 68px; }
.mb-72 { margin-bottom: 72px; }
.mb-76 { margin-bottom: 76px; }
.mb-80 { margin-bottom: 80px; }
.mb-84 { margin-bottom: 84px; }
.mb-88 { margin-bottom: 88px; }
.mb-92 { margin-bottom: 92px; }
.mb-96 { margin-bottom: 96px; }
.mb-100 { margin-bottom: 100px; }

.mx-0 { margin-left: 0px; margin-right: 0px; }
.mx-4 { margin-left: 4px; margin-right: 4px; }
.mx-8 { margin-left: 8px; margin-right: 8px; }
.mx-12 { margin-left: 12px; margin-right: 12px; }
.mx-16 { margin-left: 16px; margin-right: 16px; }
.mx-20 { margin-left: 20px; margin-right: 20px; }
.mx-24 { margin-left: 24px; margin-right: 24px; }
.mx-28 { margin-left: 28px; margin-right: 28px; }
.mx-32 { margin-left: 32px; margin-right: 32px; }
.mx-36 { margin-left: 36px; margin-right: 36px; }
.mx-40 { margin-left: 40px; margin-right: 40px; }
.mx-44 { margin-left: 44px; margin-right: 44px; }
.mx-48 { margin-left: 48px; margin-right: 48px; }
.mx-52 { margin-left: 52px; margin-right: 52px; }
.mx-56 { margin-left: 56px; margin-right: 56px; }
.mx-60 { margin-left: 60px; margin-right: 60px; }
.mx-64 { margin-left: 64px; margin-right: 64px; }
.mx-68 { margin-left: 68px; margin-right: 68px; }
.mx-72 { margin-left: 72px; margin-right: 72px; }
.mx-76 { margin-left: 76px; margin-right: 76px; }
.mx-80 { margin-left: 80px; margin-right: 80px; }
.mx-84 { margin-left: 84px; margin-right: 84px; }
.mx-88 { margin-left: 88px; margin-right: 88px; }
.mx-92 { margin-left: 92px; margin-right: 92px; }
.mx-96 { margin-left: 96px; margin-right: 96px; }
.mx-100 { margin-left: 100px; margin-right: 100px; }

.my-0 { margin-top: 0px; margin-bottom: 0px; }
.my-4 { margin-top: 4px; margin-bottom: 4px; }
.my-8 { margin-top: 8px; margin-bottom: 8px; }
.my-12 { margin-top: 12px; margin-bottom: 12px; }
.my-16 { margin-top: 16px; margin-bottom: 16px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.my-24 { margin-top: 24px; margin-bottom: 24px; }
.my-28 { margin-top: 28px; margin-bottom: 28px; }
.my-32 { margin-top: 32px; margin-bottom: 32px; }
.my-36 { margin-top: 36px; margin-bottom: 36px; }
.my-40 { margin-top: 40px; margin-bottom: 40px; }
.my-44 { margin-top: 44px; margin-bottom: 44px; }
.my-48 { margin-top: 48px; margin-bottom: 48px; }
.my-52 { margin-top: 52px; margin-bottom: 52px; }
.my-56 { margin-top: 56px; margin-bottom: 56px; }
.my-60 { margin-top: 60px; margin-bottom: 60px; }
.my-64 { margin-top: 64px; margin-bottom: 64px; }
.my-68 { margin-top: 68px; margin-bottom: 68px; }
.my-72 { margin-top: 72px; margin-bottom: 72px; }
.my-76 { margin-top: 76px; margin-bottom: 76px; }
.my-80 { margin-top: 80px; margin-bottom: 80px; }
.my-84 { margin-top: 84px; margin-bottom: 84px; }
.my-88 { margin-top: 88px; margin-bottom: 88px; }
.my-92 { margin-top: 92px; margin-bottom: 92px; }
.my-96 { margin-top: 96px; margin-bottom: 96px; }
.my-100 { margin-top: 100px; margin-bottom: 100px; }

.p-0 { padding: 0px; }
.p-4 { padding: 4px; }
.p-8 { padding: 8px; }
.p-12 { padding: 12px; }
.p-16 { padding: 16px; }
.p-20 { padding: 20px; }
.p-24 { padding: 24px; }
.p-28 { padding: 28px; }
.p-32 { padding: 32px; }
.p-36 { padding: 36px; }
.p-40 { padding: 40px; }
.p-44 { padding: 44px; }
.p-48 { padding: 48px; }
.p-52 { padding: 52px; }
.p-56 { padding: 56px; }
.p-60 { padding: 60px; }
.p-64 { padding: 64px; }
.p-68 { padding: 68px; }
.p-72 { padding: 72px; }
.p-76 { padding: 76px; }
.p-80 { padding: 80px; }
.p-84 { padding: 84px; }
.p-88 { padding: 88px; }
.p-92 { padding: 92px; }
.p-96 { padding: 96px; }
.p-100 { padding: 100px; }

.pl-0 { padding-left: 0px; }
.pl-4 { padding-left: 4px; }
.pl-8 { padding-left: 8px; }
.pl-12 { padding-left: 12px; }
.pl-16 { padding-left: 16px; }
.pl-20 { padding-left: 20px; }
.pl-24 { padding-left: 24px; }
.pl-28 { padding-left: 28px; }
.pl-32 { padding-left: 32px; }
.pl-36 { padding-left: 36px; }
.pl-40 { padding-left: 40px; }
.pl-44 { padding-left: 44px; }
.pl-48 { padding-left: 48px; }
.pl-52 { padding-left: 52px; }
.pl-56 { padding-left: 56px; }
.pl-60 { padding-left: 60px; }
.pl-64 { padding-left: 64px; }
.pl-68 { padding-left: 68px; }
.pl-72 { padding-left: 72px; }
.pl-76 { padding-left: 76px; }
.pl-80 { padding-left: 80px; }
.pl-84 { padding-left: 84px; }
.pl-88 { padding-left: 88px; }
.pl-92 { padding-left: 92px; }
.pl-96 { padding-left: 96px; }
.pl-100 { padding-left: 100px; }

.pr-0 { padding-right: 0px; }
.pr-4 { padding-right: 4px; }
.pr-8 { padding-right: 8px; }
.pr-12 { padding-right: 12px; }
.pr-16 { padding-right: 16px; }
.pr-20 { padding-right: 20px; }
.pr-24 { padding-right: 24px; }
.pr-28 { padding-right: 28px; }
.pr-32 { padding-right: 32px; }
.pr-36 { padding-right: 36px; }
.pr-40 { padding-right: 40px; }
.pr-44 { padding-right: 44px; }
.pr-48 { padding-right: 48px; }
.pr-52 { padding-right: 52px; }
.pr-56 { padding-right: 56px; }
.pr-60 { padding-right: 60px; }
.pr-64 { padding-right: 64px; }
.pr-68 { padding-right: 68px; }
.pr-72 { padding-right: 72px; }
.pr-76 { padding-right: 76px; }
.pr-80 { padding-right: 80px; }
.pr-84 { padding-right: 84px; }
.pr-88 { padding-right: 88px; }
.pr-92 { padding-right: 92px; }
.pr-96 { padding-right: 96px; }
.pr-100 { padding-right: 100px; }

.pt-0 { padding-top: 0px; }
.pt-4 { padding-top: 4px; }
.pt-8 { padding-top: 8px; }
.pt-12 { padding-top: 12px; }
.pt-16 { padding-top: 16px; }
.pt-20 { padding-top: 20px; }
.pt-24 { padding-top: 24px; }
.pt-28 { padding-top: 28px; }
.pt-32 { padding-top: 32px; }
.pt-36 { padding-top: 36px; }
.pt-40 { padding-top: 40px; }
.pt-44 { padding-top: 44px; }
.pt-48 { padding-top: 48px; }
.pt-52 { padding-top: 52px; }
.pt-56 { padding-top: 56px; }
.pt-60 { padding-top: 60px; }
.pt-64 { padding-top: 64px; }
.pt-68 { padding-top: 68px; }
.pt-72 { padding-top: 72px; }
.pt-76 { padding-top: 76px; }
.pt-80 { padding-top: 80px; }
.pt-84 { padding-top: 84px; }
.pt-88 { padding-top: 88px; }
.pt-92 { padding-top: 92px; }
.pt-96 { padding-top: 96px; }
.pt-100 { padding-top: 100px; }

.pb-0 { padding-bottom: 0px; }
.pb-4 { padding-bottom: 4px; }
.pb-8 { padding-bottom: 8px; }
.pb-12 { padding-bottom: 12px; }
.pb-16 { padding-bottom: 16px; }
.pb-20 { padding-bottom: 20px; }
.pb-24 { padding-bottom: 24px; }
.pb-28 { padding-bottom: 28px; }
.pb-32 { padding-bottom: 32px; }
.pb-36 { padding-bottom: 36px; }
.pb-40 { padding-bottom: 40px; }
.pb-44 { padding-bottom: 44px; }
.pb-48 { padding-bottom: 48px; }
.pb-52 { padding-bottom: 52px; }
.pb-56 { padding-bottom: 56px; }
.pb-60 { padding-bottom: 60px; }
.pb-64 { padding-bottom: 64px; }
.pb-68 { padding-bottom: 68px; }
.pb-72 { padding-bottom: 72px; }
.pb-76 { padding-bottom: 76px; }
.pb-80 { padding-bottom: 80px; }
.pb-84 { padding-bottom: 84px; }
.pb-88 { padding-bottom: 88px; }
.pb-92 { padding-bottom: 92px; }
.pb-96 { padding-bottom: 96px; }
.pb-100 { padding-bottom: 100px; }

.px-0 { padding-left: 0px; padding-right: 0px; }
.px-4 { padding-left: 4px; padding-right: 4px; }
.px-8 { padding-left: 8px; padding-right: 8px; }
.px-12 { padding-left: 12px; padding-right: 12px; }
.px-16 { padding-left: 16px; padding-right: 16px; }
.px-20 { padding-left: 20px; padding-right: 20px; }
.px-24 { padding-left: 24px; padding-right: 24px; }
.px-28 { padding-left: 28px; padding-right: 28px; }
.px-32 { padding-left: 32px; padding-right: 32px; }
.px-36 { padding-left: 36px; padding-right: 36px; }
.px-40 { padding-left: 40px; padding-right: 40px; }
.px-44 { padding-left: 44px; padding-right: 44px; }
.px-48 { padding-left: 48px; padding-right: 48px; }
.px-52 { padding-left: 52px; padding-right: 52px; }
.px-56 { padding-left: 56px; padding-right: 56px; }
.px-60 { padding-left: 60px; padding-right: 60px; }
.px-64 { padding-left: 64px; padding-right: 64px; }
.px-68 { padding-left: 68px; padding-right: 68px; }
.px-72 { padding-left: 72px; padding-right: 72px; }
.px-76 { padding-left: 76px; padding-right: 76px; }
.px-80 { padding-left: 80px; padding-right: 80px; }
.px-84 { padding-left: 84px; padding-right: 84px; }
.px-88 { padding-left: 88px; padding-right: 88px; }
.px-92 { padding-left: 92px; padding-right: 92px; }
.px-96 { padding-left: 96px; padding-right: 96px; }
.px-100 { padding-left: 100px; padding-right: 100px; }

.py-0 { padding-top: 0px; padding-bottom: 0px; }
.py-4 { padding-top: 4px; padding-bottom: 4px; }
.py-8 { padding-top: 8px; padding-bottom: 8px; }
.py-12 { padding-top: 12px; padding-bottom: 12px; }
.py-16 { padding-top: 16px; padding-bottom: 16px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-24 { padding-top: 24px; padding-bottom: 24px; }
.py-28 { padding-top: 28px; padding-bottom: 28px; }
.py-32 { padding-top: 32px; padding-bottom: 32px; }
.py-36 { padding-top: 36px; padding-bottom: 36px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.py-44 { padding-top: 44px; padding-bottom: 44px; }
.py-48 { padding-top: 48px; padding-bottom: 48px; }
.py-52 { padding-top: 52px; padding-bottom: 52px; }
.py-56 { padding-top: 56px; padding-bottom: 56px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.py-64 { padding-top: 64px; padding-bottom: 64px; }
.py-68 { padding-top: 68px; padding-bottom: 68px; }
.py-72 { padding-top: 72px; padding-bottom: 72px; }
.py-76 { padding-top: 76px; padding-bottom: 76px; }
.py-80 { padding-top: 80px; padding-bottom: 80px; }
.py-84 { padding-top: 84px; padding-bottom: 84px; }
.py-88 { padding-top: 88px; padding-bottom: 88px; }
.py-92 { padding-top: 92px; padding-bottom: 92px; }
.py-96 { padding-top: 96px; padding-bottom: 96px; }
.py-100 { padding-top: 100px; padding-bottom: 100px; }

.h-0 { height: 0px; }
.h-4 { height: 4px; }
.h-8 { height: 8px; }
.h-12 { height: 12px; }
.h-16 { height: 16px; }
.h-20 { height: 20px; }
.h-24 { height: 24px; }
.h-28 { height: 28px; }
.h-32 { height: 32px; }
.h-36 { height: 36px; }
.h-40 { height: 40px; }
.h-44 { height: 44px; }
.h-48 { height: 48px; }
.h-52 { height: 52px; }
.h-56 { height: 56px; }
.h-60 { height: 60px; }
.h-64 { height: 64px; }
.h-68 { height: 68px; }
.h-72 { height: 72px; }
.h-76 { height: 76px; }
.h-80 { height: 80px; }
.h-84 { height: 84px; }
.h-88 { height: 88px; }
.h-92 { height: 92px; }
.h-96 { height: 96px; }
.h-100 { height: 100px; }
.h-104 { height: 104px; }
.h-108 { height: 108px; }
.h-112 { height: 112px; }
.h-116 { height: 116px; }
.h-120 { height: 120px; }
.h-124 { height: 124px; }
.h-128 { height: 128px; }
.h-132 { height: 132px; }
.h-136 { height: 136px; }
.h-140 { height: 140px; }
.h-144 { height: 144px; }
.h-148 { height: 148px; }
.h-152 { height: 152px; }
.h-156 { height: 156px; }
.h-160 { height: 160px; }
.h-164 { height: 164px; }
.h-168 { height: 168px; }
.h-172 { height: 172px; }
.h-176 { height: 176px; }
.h-180 { height: 180px; }
.h-184 { height: 184px; }
.h-188 { height: 188px; }
.h-192 { height: 192px; }
.h-196 { height: 196px; }
.h-200 { height: 200px; }
.h-204 { height: 204px; }
.h-208 { height: 208px; }
.h-212 { height: 212px; }
.h-216 { height: 216px; }
.h-220 { height: 220px; }
.h-224 { height: 224px; }
.h-228 { height: 228px; }
.h-232 { height: 232px; }
.h-236 { height: 236px; }
.h-240 { height: 240px; }
.h-244 { height: 244px; }
.h-248 { height: 248px; }
.h-252 { height: 252px; }
.h-256 { height: 256px; }
.h-260 { height: 260px; }
.h-264 { height: 264px; }
.h-268 { height: 268px; }
.h-272 { height: 272px; }
.h-276 { height: 276px; }
.h-280 { height: 280px; }
.h-284 { height: 284px; }
.h-288 { height: 288px; }
.h-292 { height: 292px; }
.h-296 { height: 296px; }
.h-300 { height: 300px; }

.w-0 { width: 0px; }
.w-4 { width: 4px; }
.w-8 { width: 8px; }
.w-12 { width: 12px; }
.w-16 { width: 16px; }
.w-20 { width: 20px; }
.w-24 { width: 24px; }
.w-28 { width: 28px; }
.w-32 { width: 32px; }
.w-36 { width: 36px; }
.w-40 { width: 40px; }
.w-44 { width: 44px; }
.w-48 { width: 48px; }
.w-52 { width: 52px; }
.w-56 { width: 56px; }
.w-60 { width: 60px; }
.w-64 { width: 64px; }
.w-68 { width: 68px; }
.w-72 { width: 72px; }
.w-76 { width: 76px; }
.w-80 { width: 80px; }
.w-84 { width: 84px; }
.w-88 { width: 88px; }
.w-92 { width: 92px; }
.w-96 { width: 96px; }
.w-100 { width: 100px; }
.w-104 { width: 104px; }
.w-108 { width: 108px; }
.w-112 { width: 112px; }
.w-116 { width: 116px; }
.w-120 { width: 120px; }
.w-124 { width: 124px; }
.w-128 { width: 128px; }
.w-132 { width: 132px; }
.w-136 { width: 136px; }
.w-140 { width: 140px; }
.w-144 { width: 144px; }
.w-148 { width: 148px; }
.w-152 { width: 152px; }
.w-156 { width: 156px; }
.w-160 { width: 160px; }
.w-164 { width: 164px; }
.w-168 { width: 168px; }
.w-172 { width: 172px; }
.w-176 { width: 176px; }
.w-180 { width: 180px; }
.w-184 { width: 184px; }
.w-188 { width: 188px; }
.w-192 { width: 192px; }
.w-196 { width: 196px; }
.w-200 { width: 200px; }
.w-204 { width: 204px; }
.w-208 { width: 208px; }
.w-212 { width: 212px; }
.w-216 { width: 216px; }
.w-220 { width: 220px; }
.w-224 { width: 224px; }
.w-228 { width: 228px; }
.w-232 { width: 232px; }
.w-236 { width: 236px; }
.w-240 { width: 240px; }
.w-244 { width: 244px; }
.w-248 { width: 248px; }
.w-252 { width: 252px; }
.w-256 { width: 256px; }
.w-260 { width: 260px; }
.w-264 { width: 264px; }
.w-268 { width: 268px; }
.w-272 { width: 272px; }
.w-276 { width: 276px; }
.w-280 { width: 280px; }
.w-284 { width: 284px; }
.w-288 { width: 288px; }
.w-292 { width: 292px; }
.w-296 { width: 296px; }
.w-300 { width: 300px; }

.w-0-p { width: 0%; }
.w-5-p { width: 5%; }
.w-10-p { width: 10%; }
.w-15-p { width: 15%; }
.w-20-p { width: 20%; }
.w-25-p { width: 25%; }
.w-30-p { width: 30%; }
.w-35-p { width: 35%; }
.w-40-p { width: 40%; }
.w-45-p { width: 45%; }
.w-50-p { width: 50%; }
.w-55-p { width: 55%; }
.w-60-p { width: 60%; }
.w-65-p { width: 65%; }
.w-70-p { width: 70%; }
.w-75-p { width: 75%; }
.w-80-p { width: 80%; }
.w-85-p { width: 85%; }
.w-90-p { width: 90%; }
.w-95-p { width: 95%; }
.w-100-p { width: 100%; }

.font-size-2 { font-size: 2px; }
.font-size-4 { font-size: 4px; }
.font-size-6 { font-size: 6px; }
.font-size-8 { font-size: 8px; }
.font-size-10 { font-size: 10px; }
.font-size-12 { font-size: 12px; }
.font-size-14 { font-size: 14px; }
.font-size-16 { font-size: 16px; }
.font-size-18 { font-size: 18px; }
.font-size-20 { font-size: 20px; }
.font-size-22 { font-size: 22px; }
.font-size-24 { font-size: 24px; }
.font-size-26 { font-size: 26px; }
.font-size-28 { font-size: 28px; }
.font-size-30 { font-size: 30px; }
.font-size-32 { font-size: 32px; }
.font-size-34 { font-size: 34px; }
.font-size-36 { font-size: 36px; }
.font-size-38 { font-size: 38px; }
.font-size-40 { font-size: 40px; }
.font-size-42 { font-size: 42px; }
.font-size-44 { font-size: 44px; }
.font-size-46 { font-size: 46px; }
.font-size-48 { font-size: 48px; }
.font-size-50 { font-size: 50px; }
.font-size-52 { font-size: 52px; }
.font-size-54 { font-size: 54px; }
.font-size-56 { font-size: 56px; }
.font-size-58 { font-size: 58px; }
.font-size-60 { font-size: 60px; }
.font-size-62 { font-size: 62px; }
.font-size-64 { font-size: 64px; }
.font-size-66 { font-size: 66px; }
.font-size-68 { font-size: 68px; }
.font-size-70 { font-size: 70px; }
.font-size-72 { font-size: 72px; }
.font-size-74 { font-size: 74px; }
.font-size-76 { font-size: 76px; }
.font-size-78 { font-size: 78px; }
.font-size-80 { font-size: 80px; }
.font-size-82 { font-size: 82px; }
.font-size-84 { font-size: 84px; }
.font-size-86 { font-size: 86px; }
.font-size-88 { font-size: 88px; }
.font-size-90 { font-size: 90px; }
.font-size-92 { font-size: 92px; }
.font-size-94 { font-size: 94px; }
.font-size-96 { font-size: 96px; }
.font-size-98 { font-size: 98px; }
.font-size-100 { font-size: 100px; }

.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.font-weight-800 { font-weight: 800; }
.font-weight-900 { font-weight: 900; }
.font-weight-bold { font-weight: bold; }

.border-left    { border-left   : 1px solid #ddd; }
.border-right   { border-right  : 1px solid #ddd; }
.border-top     { border-top    : 1px solid #ddd; }
.border-bottom  { border-bottom : 1px solid #ddd; }
.border-x       { border-left   : 1px solid #ddd; border-right  : 1px solid #ddd; }
.border-y       { border-top    : 1px solid #ddd; border-bottom : 1px solid #ddd; }
.border         { border        : 1px solid #ddd; }

.display-block { display: block; }
.display-inline-block { display: inline-block; }
.display-flex { display: flex; }
.cursor-pointer { cursor: pointer; }
.center-content { float: none; margin: 0 auto; }
.tooltip-asterisk { font-weight: bold; color: red; }
.overflow-auto { overflow: auto;}
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }

.float-left { float: left; }
.float-right { float: right; }

a { cursor: pointer; }

.form-control-error-text {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
    color: rgb(0,175,1);
    background-color: rgb(231, 252, 246);
}

.nav-pills > li.active > a:hover {
    color: rgb(0,175,1);
    background-color: rgb(231, 252, 246);
}

.menu-toggle {
    background: #4d9494;
    position: relative;
    float: right;
    padding: 10px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.menu-toggle > .icon-bar {
    background: #ffffff;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin: 3px 0;
}

.go-to-top {
    position: fixed;
    z-index: 5;
    right: 15px;
    bottom: 60px;
    padding: 5px 10px;
    color: white;
    background: #4d9494;
    cursor: pointer;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 2px 5px #3c462c;
}

.go-to-top:hover {
    background: #ffe4c4;
    color: #4d9494;
}

.checkout-breadcrumb {
    background: #ffffff;
    padding: 7px 10px;
    font-size: 16px;
}

.checkout-breadcrumb.active {
    background: rgb(0, 196, 0); 
    font-weight: bold;
    color: white;
}

.checkout-breadcrumb-arrow {
    position: relative;
    height: 36px;
}

.checkout-breadcrumb-arrow > img {
    height: inherit;
    width: inherit;
}

.small-header {
    display: inline-block;
    color: white;
    background: rgb(153 , 0, 204);
    padding: 6px 12px;
    letter-spacing: 0.05em;
}

.small-header-green {
    display: inline-block;
    color: white;
    background: rgb(0, 204, 34);
    padding: 6px 12px;
    letter-spacing: 0.05em;
}

.small-header-orange {
    display: inline-block;
    color: white;
    background: rgb(231, 140, 4);
    padding: 6px 12px;
    letter-spacing: 0.05em;
}

.dropdown-hover {
    display: inline-block;
}

.dropdown-primary li>a:hover, .dropdown-primary li:hover>a {
    color: #ffffff;
    background: #337ab7;
}

.dropdown-success li>a:hover, .dropdown-success li:hover>a {
    color: #ffffff;
    background: #5cb85c;
}

.dropdown-info li>a:hover, .dropdown-info li:hover>a {
    color: #ffffff;
    background: #5bc0de;
}

.dropdown-warning li>a:hover, .dropdown-warning li:hover>a {
    color: #ffffff;
    background: #f0ad4e;
}

.dropdown-danger li>a:hover, .dropdown-danger li:hover>a {
    color: #ffffff;
    background: #d9534f;
}

.dropdown-hover:hover>.dropdown-menu {
    display: block;
    top: 95%;
}

.dropdown-submenu { 
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.super-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 rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.super-dropdown-menu li {
    color: #333;
    padding: 5px 20px;
    cursor: pointer;
}

.dropdown-hover:hover>.super-dropdown-menu {
    display: block;
    top: 95%;
}

.super-dropdown-submenu { 
    position: relative;
}

.super-dropdown-menu li:hover {
    background: #e7e7e7;
}

.super-dropdown-menu li div {
    min-width: 200px;
    margin: 0;
}

.super-dropdown-menu li div label{
    font-weight: normal;
    margin: 0;
    cursor: pointer;
}


.super-dropdown-submenu > .super-dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.super-dropdown-submenu:hover > .super-dropdown-menu {
    display: block;
}

.super-dropdown-submenu>div:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.super-dropdown-submenu:hover>div:after {
    border-left-color: #fff;
}

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

.super-dropdown-primary li:hover {
    color: #ffffff;
    background: #337ab7;
}

.superdropdown-success li:hover{
    color: #ffffff;
    background: #5cb85c;
}

.super-dropdown-info li:hover {
    color: #ffffff;
    background: #5bc0de;
}

.super-dropdown-warning li:hover {
    color: #ffffff;
    background: #f0ad4e;
}

.super-dropdown-danger li:hover {
    color: #ffffff;
    background: #d9534f;
}

.gap-bottom {

    margin-bottom: 10px;
}

.gap-top {

    margin-top: 10px;
}

.myProgress {
    width: 100%;
    height: 20px;
    position: relative;
    background-color: #d7caca;
    margin-bottom: 5px;
    border-radius: 3px;
    overflow: hidden;
}

.myBar {
    height: 20px;
    position: absolute;
    background-color: #f0dc00;
}

.input-group-aodc > .input-group-item {
    float: left;
}

.input-group-aodc > .input-group-item > input {
    border-radius: 0;
}

.input-group-aodc > .input-group-item:first-child > input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.input-group-aodc > .input-group-item:last-child > input {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.input-group-aodc > .input-group-item:not(:first-child) > input {
    border-left: 0;
}

.pdfobject-container { height: 550px;width:100%;}

.nav-pills>li {
    background: #f8fafd;
    margin: 5px 5px 0 0 !important;
}

.image-container {
    display: inline-block;
    position: relative;
}

.image-container > img {
    width: 100%;
    height: 100%;
}

.image-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: red;
    border-radius: 5px;
}

.image-container:hover .image-overlay {
    opacity: 1;
}

.image-overlay > .icon {
    color: white;
    font-size: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    cursor: pointer;
}

.aodc-modal .modal-body {
    max-height: 75vh;
    overflow: auto;
}

.unAvailableClass {
    color: gray;
}

.ck-file-dialog-button {
    display: none;
}


.cke_button_icon.cke_button__image_icon{
    display: none;
}

#cke_editor1 {
    display: none;
}

#cke_editor2 {
    display: none;
}

#cke_editor3 {
    display: none;
}

#cke_editor4 {
    display: none;
}

.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-.2px; 
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}

#exceptCountryModalDialog {
    overflow-y: initial !important
}

#exceptCountryModalBody {
    height: 250px;
    overflow-y: auto;
}

/*Image Magnify*/
.img-magnifier-container {
  position:relative;
  cursor:none;
}

.img-magnifier-container:hover .img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 0%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 200px;
  height: 200px;
  display:block;
}

.img-magnifier-glass {
  display:none;
}

/*------------*/
.outer-wrapper{
    display: inline-block; 
    margin: 10px;
}

.frame{  
    width: 60px;
    height: 60px;
    border: 1px solid gainsboro;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.cancel-sm-icon {
    position: absolute;
    background: #d9534f;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    color: white;
}

.character-counter {
    float: right;
    font-size: 14px;
    height: 1px;
}

.rounded-input-box {
    display: inline-block;
}

.rounded-input-box input {
    display: none;
}

.rounded-input-box label {
    background: #dadada;
    border-radius: 4px;
    padding: 4px;
    cursor: pointer;
}

.rounded-input-box.selected label {
    background: #008aec;
    color: white;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.chip {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    color: #333;
    background-color: #fff;
    border: 1px solid #a5a5a5;
}

.chip .chip-close {
    cursor: pointer;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}