@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-Bold.eot');
    src: local('Ford Antenna Bold'), local('FordAntenna-Bold'), url('../fonts/FordAntenna-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/FordAntenna-Bold.woff') format('woff'), url('../fonts/FordAntenna-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-Light.eot');
    src: local('Ford Antenna Light'), local('FordAntenna-Light'), url('../fonts/FordAntenna-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/FordAntenna-Light.woff') format('woff'), url('../fonts/FordAntenna-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-Semibold.eot');
    src: local('Ford Antenna Semibold'), local('FordAntenna-Semibold'), url('../fonts/FordAntenna-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/FordAntenna-Semibold.woff') format('woff'), url('../fonts/FordAntenna-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-Regular.eot');
    src: local('Ford Antenna Regular'), local('FordAntenna-Regular'), url('../fonts/FordAntenna-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/FordAntenna-Regular.woff') format('woff'), url('../fonts/FordAntenna-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-Black.eot');
    src: local('Ford Antenna Black'), local('FordAntenna-Black'), url('../fonts/FordAntenna-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/FordAntenna-Black.woff') format('woff'), url('../fonts/FordAntenna-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-Thin.eot');
    src: local('Ford Antenna Thin'), local('FordAntenna-Thin'), url('../fonts/FordAntenna-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/FordAntenna-Thin.woff') format('woff'), url('../fonts/FordAntenna-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-Medium.eot');
    src: local('Ford Antenna Medium'), local('FordAntenna-Medium'), url('../fonts/FordAntenna-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/FordAntenna-Medium.woff') format('woff'), url('../fonts/FordAntenna-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body, html {
    height: 100%;
    height: auto;
}

body, html, p, li, ul, div, button {
    font-family: 'Ford Antenna';
    font-size: 14px
}

body {
    background: linear-gradient(to top,#e0e0e0, #ffffff, #ffffff);
    padding: 0;
    margin: 0;
    min-height: 100%;
    height: auto;
}

.btn {
    background: linear-gradient(to top, #264683,#2678cd);
    color: #ffffff;
    border: 0;
    outline: none;
    padding: 0.7rem 1.4rem 0.7rem 1.4rem;
    font-weight: 500;
    font-size: 15px
}

    .btn:hover {
        box-shadow: 0 4px 10px rgba(27,104,180,0.4)
    }


.xmenubtn {
    display: none;
}

.form-control-lg {
    height: auto;
}

.mobover {
    display: none;
}

.xheader {
    background: linear-gradient(to top, #264683,#2678cd);
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-brand {
    width: 200px;
    height: 40px;
    background: url(../imglk/logo@2x.png) no-repeat top center;
    background-size: 200px 40px;
    text-indent: -9999px;
}

.xheader .btn {
    border: 0;
    outline: 0;
    background: linear-gradient(to top,#f0f0f0, #d0d0d0, #dddddd,#ffffff);
    color: #1b68b8;
    font-weight: 600;
    padding: 0.6rem 1.4rem;
    font-size: 13px;
}

    .xheader .btn:hover {
        box-shadow: 0 4px 10px rgba(255,255,255,0.5)
    }

.xnav {
    background: linear-gradient(to bottom, #f0f0f0,#eeeeee);
    padding-bottom: 0;
    padding-top: 1.5rem;
    border-bottom: 1px solid #dddddd !important;
    box-shadow: 0 0 0 !important;
}

.nav-link {
    border-bottom: 0 !important;
    border-top-left-radius: .4rem !important;
    border-top-right-radius: .4rem !important;
    font-weight: 600;
    padding: .8rem 1.2rem;
}

.nav-tabs {
    border-bottom: 0 !important;
}

.nav-link .active {
    font-weight: 600;
}

.xcard {
    margin-top: 10vh;
    box-shadow: 0 0 25px rgba(0,0,0,0.15);
    border: 0;
    border-radius: 10px;
}

    .xcard .card-header {
        padding-top: 2.3rem;
    }

        .xcard .card-header h4 {
            font-weight: 600 !important;
            color: #000000;
            font-size: 1.2rem;
        }

        .xcard .card-header .btn-link {
            font-weight: 600;
        }

    .xcard .card-body {
        padding: 1.5rem 3rem 2rem 3rem;
    }

    .xcard hr {
        display: none;
    }

    .xcard .form-group h5 {
        font-size: 1.0rem;
        font-weight: 500 !important;
        margin-top: 0.6rem !important;
    }

    .xcard .form-group p {
        display: none;
    }

.card-header {
    border: 0;
    background: none;
    padding-top: 1.4rem;
}

.xbtn {
    background: linear-gradient(to top, #264683,#2678cd);
    color: #ffffff;
    border: 0;
    outline: none;
    padding: 0.9rem 1.4rem 0.9rem 1.4rem;
    font-weight: 500;
    margin-bottom: 2rem;
    font-size: 15px
}

    .xbtn:hover {
        box-shadow: 0 4px 10px rgba(27,104,180,0.4)
    }

.xbtn-top {
    margin-right: 0.2rem;
}

.xbtn2 {
    padding: 0.9rem 1.7rem 0.9rem 1.7rem;
}

.xfooter {
    border: 0 !important;
}

    .xfooter .container {
        font-size: 0.9rem;
    }

h1 {
    display: none;
}

.xbtn-del img {
    filter: invert(100%);
}

.input-group-text {
    background: rgba(0,0,0,0.05)
}

.xzag {
    font-weight: bold;
    margin-top: 60px;
}

.xzag2 {
    background: none;
    border: 0;
    display: block;
    margin: 0 0 10px -10px;
    align-items: flex-start;
    text-align: left;
    font-size: 18px !important;
    font-weight: bold;
    color: #000;
}

.xtable {
    width: 100%;
    background: #fff;
    border-radius: 7px !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

    .xtable td {
        vertical-align: middle;
        font-size: 12px;
    }

    .xtable th {
        border: 0;
        background: linear-gradient(to top, #264683,#2678cd);
        color: #ffffff;
        font-weight: 500;
        font-size: 12px;
        padding: .75rem
    }

.table thead th:last-child {
    border-radius: 0 7px 0 0;
    padding-right: 1.4rem;
    text-align: right;
}

.table thead th:first-child {
    border-radius: 7px 0 0 0;
    padding-left: 1.4rem;
}

.table tbody td:last-child {
    padding-right: 1.4rem;
    text-align: right;
}

.table tbody td:first-child {
    padding-left: 1.4rem;
}

.table thead th {
    border: 0;
    vertical-align: middle;
}

.table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 7px;
}

.table tbody tr:last-child td:last-child {
    border-radius: 0 0 7px 0;
}

.table tbody tr:hover {
    background: rgba(0,0,0,0.03)
}

.xwrap {
    margin-bottom: 40px;
}

.input-group-text {
    font-size: 12px;
    padding: 10px 20px 10px 20px;
    width: 13rem !important;
}

.xcard .input-group-text {
    width: 9rem !important;
}

.xbtn-del {
    padding: 11px 14px 11px 14px;
    border-radius: 50%;
}

.btn-link:hover {
    text-decoration: none;
    color: #fff;
}

.btn-link svg {
    margin-right: 4px;
}

.navbar-collapse {
    justify-content: space-between !important;
    width: 100%;
}

.modal-content {
    border-radius: 15px;
    padding: 25px 25px 15px 25px;
}

.botline {
    display: flex;
    justify-content: space-between;
    padding: 18px 30px 20px 30px;
}

    .botline div {
        color: #555555
    }

    .botline a {
        color: #555555
    }

    .botline div p {
        margin: 0 0 3px 0;
    }

    .botline ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

        .botline ul li {
            margin: 8px 0 0 24px;
            list-style-type: none;
            text-align: right;
            color: #555555;
            text-decoration: underline
        }

    .botline a {
        cursor: pointer;
    }

.pb-3 {
    padding-bottom: 130px !important;
}

.popup {
    display: none;
    position: fixed;
    z-index: 2900;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.overlaypop {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
    cursor: pointer;
}

.xmodal {
    position: absolute;
    z-index: 1220;
    top: 0;
    right: 10%;
    left: 10%;
    bottom: 0;
    overflow: auto;
    background: #fff;
}

.clsbtn {
    position: absolute;
    color: #000;
    right: 30px;
    top: 30px;
    font-size: 30px;
    cursor: pointer;
}

.modaltext {
    padding: 50px;
    color: #555;
    line-height: 170%;
}

    .modaltext a {
        color: #000;
    }
    .modaltext ul li {
        color: #555555;
    }

.footer {
    line-height: 1.3rem;
}

.xfooter div {
    font-size: 12px;
}

.xfooter p {
    font-size: 12px;
}

.xfooter a {
    font-size: 12px;
}

.alert {
    padding: 0 0 20px 0;
}

.alert-success {
    padding: 20px;
    margin-top: 30px;
}

.alert-danger {
    padding: 20px;
    margin-top: 30px;
}

    .alert-danger ul {
        margin: 0;
        padding: 0 0 0 20px;
    }

    .alert-danger li:last-child {
        margin: 0;
        padding: 0;
    }


select, option {
    font-family: 'Ford Antenna' !important;
}

select {
    height: 42px !important;
    font-size: 13px;
}


.form-control {
    min-height: 42px;
}


    .form-control::-webkit-input-placeholder {
        color: lightgray;
        opacity: 1;
    }

    .form-control::-moz-placeholder {
        color: lightgray;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: lightgray;
        opacity: 1;
    }

    .form-control::-ms-input-placeholder {
        color: lightgray;
        opacity: 1;
    }

    .form-control::placeholder {
        color: lightgray;
        opacity: 1;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1;
    }


@media screen and (max-width: 768px) {
}

@media screen and (max-width: 768px) {
    .xbtn {
        font-size: 12px;
        padding: 14px 24px 14px 24px;
    }

    .btn {
        font-size: 12px;
        padding: 14px 24px 14px 24px;
    }

    .xbtn-del {
        padding: 13px 14px 13px 14px;
    }

    .xcard .card-header h4 {
        font-size: 14px;
    }

    .xcard .form-group h5 {
        font-size: 12px;
    }

    .xheader .btn {
        margin-bottom: 4px;
    }

    .collapse:not(.show) {
        display: block;
    }

    .xheader .navbar-collapse {
        align-items: center;
        justify-content: center;
    }

    .xzag {
        margin-top: 20px;
    }

    .xwrap {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        margin-bottom: 0px;
    }


    .xnav-tabs {
        display: flex;
        flex-wrap: nowrap;
        list-style-type: none;
        margin: 0;
        padding: 0;
        padding-top: 0px;
    }

        .xnav-tabs li {
            margin-bottom: 5px;
        }

    .xtable {
        box-shadow: 0 0 14px rgba(0,0,0,0.15);
    }


    .xnav {
        padding: 0;
        margin: 0;
        background: none;
        border: 0 !important;
    }

    .xmenubtn {
        position: fixed;
        z-index: 1000;
        right: 20px;
        top: 20px;
        display: flex;
        width: 40px;
        height: 40px;
        margin: auto;
        flex-wrap: wrap;
        cursor: pointer;
        background: #ffffff;
        padding: 10px 8px 12px 8px;
        border-radius: 4px;
        border: 2px solid #1b68b8;
    }

        .xmenubtn span {
            display: block;
            width: 100%;
            height: 3px;
            background: #1b68b8;
            margin-bottom: 4px;
        }

    .mobover {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 500
    }

    .xmobmenu {
        background: #ffffff;
        z-index: 2000;
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 250px;
        box-shadow: 0 0 25px rgba(0,0,0,0.15)
    }

    .clsmenu {
        position: absolute;
        right: 14px;
        top: 12px;
        font-size: 24px;
        cursor: pointer;
        color: #1b68b8
    }

    .xnav-tabs {
        display: block;
    }

    .botline {
        display: block;
        padding: 18px 20px 20px 20px;
    }

        .botline ul {
            display: block;
            padding: 0;
            margin-top: 20px;
        }

            .botline ul li {
                margin: 0 0 4px 0;
                text-align: left;
            }

    .botline {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .xfooter {
    }

    .xmodal {
        left: 5%;
        right: 5%;
    }

    .modaltext {
        padding: 50px 30px 30px 30px;
        font-size: 12px;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border: 0;
        background: #f0f0f0;
        border-radius: 0;
    }

    .nav-link {
        border: 0 !important;
        border-radius: 0 !important;
    }

    .pb-3 {
        padding-bottom: 240px !important;
    }

    .xheader {
        padding-bottom: 10px;
    }

        .xheader .navbar-brand {
            display: block;
            margin: auto;
            margin-bottom: 10px;
        }

        .xheader .btn {
            margin: auto;
            display: inline-block;
            margin-bottom: 5px;
            font-size: 10px;
        }

        .xheader .my-2 {
            text-align: center;
        }

    .xbtn-del {
        padding: 5px 6px;
    }

    .modal-content {
        padding: 15px 15px 5px 15px;
    }

    .clsbtn {
        top: 10px;
        right: 15px;
    }

    .xtable {
        border: 0;
        box-shadow: none;
    }

        .xtable thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .xtable tr {
            box-shadow: 0 0 10px rgba(0,0,0,0.15);
            border-bottom: 1px solid #ddd;
            display: block;
            margin-top: 15px;
            border-radius: 10px;
        }

        .xtable td {
            display: block;
            text-align: right;
            border: 0;
            border-bottom: 1px solid #ddd;
            padding-left: 17px;
            padding-right: 17px;
            border-radius: 0 !important;
            padding-top: 13px;
            padding-bottom: 11px;
        }

            .xtable td::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
            }

            .xtable td:last-child {
                border-bottom: 0;
            }
}

@media screen and (max-width: 575px) {

    .nav-link {
        font-size: 12px;
        padding: 8px 12px 6px 12px;
    }

    .xzag {
        font-size: 15px;
    }

    .input-group-text {
        font-size: 11px;
        padding: 10px 14px 10px 14px;
        width: 11rem !important;
    }

    .xcard .input-group-text {
        font-size: 11px;
        width: 9rem !important;
    }

    .xbtn2 {
        margin-bottom: 5px;
    }

    .form-control {
        font-size: 11px;
    }

    .form-control-lg {
        width: auto !important;
        max-width: 500px;
    }

    .xcard {
        margin-top: 5vh;
        margin-left: -15px;
        margin-right: -15px;
    }

        .xcard .xleft-form {
            width: 5.2rem;
        }

        .xcard .card-body {
            padding: 15px 15px 15px 15px;
        }

    
}