@import url('../css/_base.css');

@font-face {
    font-family: 'Chillax';
    src: url('/CustomContent/leaseplan/fonts/Chillax_Complete/Fonts/WEB/fonts/Chillax-Regular.woff2') format('woff2'), url('/CustomContent/leaseplan/fonts/Chillax_Complete/Fonts/WEB/fonts/Chillax-Regular.woff') format('woff'), url('/CustomContent/leaseplan/fonts/Chillax_Complete/Fonts/WEB/fonts/Chillax-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Chillax';
    src: url('/CustomContent/leaseplan/fonts/Chillax_Complete/Fonts/WEB/fonts/Chillax-Medium.woff2') format('woff2'), url('/CustomContent/leaseplan/fonts/Chillax_Complete/Fonts/WEB/fonts/Chillax-Medium.woff') format('woff'), url('/CustomContent/leaseplan/fonts/Chillax_Complete/Fonts/WEB/fonts/Chillax-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Chillax';
    src: url('/CustomContent/leaseplan/fonts/Chillax_Complete/Fonts/WEB/fonts/Chillax-Semibold.woff2') format('woff2'), url('/CustomContent/leaseplan/fonts/Chillax_Complete/Fonts/WEB/fonts/Chillax-Semibold.woff') format('woff'), url('/CustomContent/leaseplan/fonts/Chillax_Complete/Fonts/WEB/fonts/Chillax-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/CustomContent/leaseplan/fonts/Source_Sans_3/static/SourceSans3-Regular.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/CustomContent/leaseplan/fonts/Source_Sans_3/static/SourceSans3-Bold.ttf') format('truetype');
    font-weight: bold;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/CustomContent/leaseplan/fonts/Source_Sans_3/static/SourceSans3-Italic.ttf') format('truetype');
    font-weight: normal;
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: 'Source Sans 3';
    src: url('/CustomContent/leaseplan/fonts/Source_Sans_3/static/SourceSans3-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-display: swap;
    font-style: italic;
}

:root {
    --font-family: 'Source Sans 3', Arial, Helvetica, sans-serif;
    --font-color: #0F3549;
    --menu-background-color: #FFFFFF;
    --menu-div1-background-color: #0F3549;
    --menu-div2-background-color: #0F3549;
    --menu-div3-background-color: #0F3549;
    --menu-div4-background-color: #0F3549;
    --menu-div5-background-color: #0F3549;
    --menu-div6-background-color: #0F3549;
    --menu-div7-background-color: #0F3549;
    --search-background-color: #F6F6F6;
    --search-note-background-color: #F6F6F6;
    --a-content-f1-color: rgb(0, 74, 93);
    --main-caption-background-color: #036;
    --login-status-background-color: #0F3549;
    --nav-bar-fa-user-color: #1586EC;
    --divUserDetails-background-color: #0F3549;
    --pd-nav-below-background-color: #F5F5F5;
    --pd-table-ph-i-color: #1586EC;
    --div-search-results-background-color: #0F3549;
    --lblRecordCount-color: #1586EC;
    --tableButtons-background-color: #0F3549;
    --divResultLimit-color: #FFFFFF;
    --divResultLimit-background-color: #0F3549;
    --button-shrink-grow-color: #0F3549;
    --site-title-color: rgb(0, 74, 93);
    --button-link-background-color: #0F3549;
    --button-link-foreground-color: #ffffff;
    --button-link-border: 1px solid #0F3549;
    --button-link-border-radius: 999px;
    --button-link-font-weight: bold;
    --button-link-font-size: 16px;
    --button-link-text-decoration: none;
    --button-link-hover-text-decoration: none;
    --button-link-hover-background-color: #0F3549;
    --button-link-active-background-color: #3F5D6D;
    --button-link-padding-x: 15px;
    --button-link-padding-y: 9px;
    --input-text-border-radius: 10px;
    --input-select-border-radius: 10px;
    --input-text-border-color: #757777;
    --input-select-border-color: #757777;
    --card-border-radius: 10px;
}

#site-title h3 {
    font-family: 'Chillax', Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.btn-primary,
.btn-primary:visited,
#linkSupport a,
#linkSupport a:visited,
.login-status a,
.login-status a:visited,
.panelLogin .cmdSubmit,
.panelLogin #ContentPlaceHolder1_cmdSubmit,
.panelLogin #ContentPlaceHolder1_cmdBack,
.divIntroContent .pd_search_note .introDiv1 .introButton1 a,
.divIntroContent .pd_search_note .introDiv1 .introButton1 a:visited,
.divIntroContent .pd_search_note .introDiv2 .introButton2 a,
.divIntroContent .pd_search_note .introDiv2 .introButton2 a:visited,
.divSupportContent .pd_search_note .divSupport1 .divSupportItem1 .divSupportItem1Button a,
.divSupportContent .pd_search_note .divSupport1 .divSupportItem1 .divSupportItem1Button a:visited,
.divSupportContent .pd_search_note .divSupport2 .divSupportItem2Button a,
.divSupportContent .pd_search_note .divSupport2 .divSupportItem2Button a:visited,
.divHitListRepeaterItem .divHitListRepeaterLink a,
.divHitListRepeaterItem .divHitListRepeaterLink a:visited,
.divHitListInfo .divHitListInfoButton a,
.divHitListInfo .divHitListInfoButton a:visited,
#ContentPlaceHolder1_btnSearchAll,
#ContentPlaceHolder1_ctl00_btnSearch,
#ContentPlaceHolder1_ctl00_btnReset,
#divResultSection .btn,
#divHitListControl .tableHitList input[type=submit],
#divHitListControl .tableButtons button {
    background-color: var(--button-link-background-color);
    color: var(--button-link-foreground-color);
    border: var(--button-link-border);
    border-radius: var(--button-link-border-radius);
    font-weight: var(--button-link-font-weight);
    font-size: var(--button-link-font-size);
    padding: var(--button-link-padding-y) var(--button-link-padding-x);
    text-decoration: var(--button-link-text-decoration);
}

    .btn-primary:hover,
    #linkSupport a:hover,
    .login-status a:hover,
    .panelLogin .cmdSubmit:hover,
    .panelLogin #ContentPlaceHolder1_cmdSubmit:hover,
    .panelLogin #ContentPlaceHolder1_cmdBack:hover,
    .divIntroContent .pd_search_note .introDiv1 .introButton1 a:hover,
    .divIntroContent .pd_search_note .introDiv2 .introButton2 a:hover,
    .divSupportContent .pd_search_note .divSupport1 .divSupportItem1 .divSupportItem1Button a:hover,
    .divSupportContent .pd_search_note .divSupport2 .divSupportItem2Button a:hover,
    .divHitListRepeaterItem .divHitListRepeaterLink a:hover,
    .divHitListInfo .divHitListInfoButton a:hover,
    #ContentPlaceHolder1_btnSearchAll:hover
    #ContentPlaceHolder1_ctl00_btnSearch:hover,
    #ContentPlaceHolder1_ctl00_btnReset:hover,
    #divResultSection .btn:hover,
    #divHitListControl .tableHitList input[type=submit]:hover,
    #divHitListControl .tableButtons button:hover {
        text-decoration: var(--button-link-hover-text-decoration) !important;
        background-color: var(--button-link-hover-background-color) !important;
    }

    .btn-primary:active,
    .btn-primary:focus,
    #linkSupport a:active,
    #linkSupport a:focus,
    .login-status a:active,
    .login-status a:focus,
    .panelLogin .cmdSubmit:active,
    .panelLogin .cmdSubmit:focus,
    .panelLogin #ContentPlaceHolder1_cmdSubmit:active,
    .panelLogin #ContentPlaceHolder1_cmdSubmit:focus,
    .panelLogin #ContentPlaceHolder1_cmdBack:active,
    .panelLogin #ContentPlaceHolder1_cmdBack:focus,
    .divIntroContent .pd_search_note .introDiv1 .introButton1 a:active,
    .divIntroContent .pd_search_note .introDiv1 .introButton1 a:focus,
    .divIntroContent .pd_search_note .introDiv2 .introButton2 a:active,
    .divIntroContent .pd_search_note .introDiv2 .introButton2 a:focus,
    .divSupportContent .pd_search_note .divSupport1 .divSupportItem1 .divSupportItem1Button a:active,
    .divSupportContent .pd_search_note .divSupport1 .divSupportItem1 .divSupportItem1Button a:focus,
    .divSupportContent .pd_search_note .divSupport2 .divSupportItem2Button a:active,
    .divSupportContent .pd_search_note .divSupport2 .divSupportItem2Button a:focus,
    .divHitListRepeaterItem .divHitListRepeaterLink a:active,
    .divHitListRepeaterItem .divHitListRepeaterLink a:focus,
    .divHitListInfo .divHitListInfoButton a:active,
    .divHitListInfo .divHitListInfoButton a:focus,
    #ContentPlaceHolder1_btnSearchAll:active,
    #ContentPlaceHolder1_btnSearchAll:focus,
    #ContentPlaceHolder1_ctl00_btnSearch:active,
    #ContentPlaceHolder1_ctl00_btnSearch:focus,
    #ContentPlaceHolder1_ctl00_btnReset:active,
    #ContentPlaceHolder1_ctl00_btnReset:focus,
    #divResultSection .btn:active,
    #divResultSection .btn:focus,
    #divHitListControl .tableHitList input[type=submit]:active,
    #divHitListControl .tableHitList input[type=submit]:focus,
    #divHitListControl .tableButtons button:active,
    #divHitListControl .tableButtons button:focus {
        background-color: var(--button-link-active-background-color) !important;
    }

input[type='text'],
input[type='password'],
select {
    border: 1px solid #757777;
    color: #757777;
    border-radius: 6px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #FFFFFF inset !important;
}

.tableHitList TD, .tableHitList TH {
    font-size: 11px;
}

.divUserIcon i {
    color: #FFFFFF;
}

.panelLogin {
    float: left;
}

#ContentPlaceHolder1_divTableLabel,
#ContentPlaceHolder1_divSupportContent .pd_search_note h1,
#ContentPlaceHolder1_divFAQ .pd_search_note h1,
#ContentPlaceHolder1_searchCaption,
#ContentPlaceHolder1_spanLoginIntro,
#ContentPlaceHolder1_divMainHint {
    font-family: 'Chillax', Arial, Helvetica, sans-serif;
    font-weight: 500;
}

#ContentPlaceHolder1_panelUserGuide {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    background-color: var(--search-note-background-color);
    border-radius: 25px;
    padding: 50px;
}

.pd_search_note h1 {
    font-size: 30px;
}

.pd_search_note ul li {
    font-size: 20px;
}

.div_new_documents, .div_search_results, .div_bulk_search, .div_support, .div_login, .div_signup {
    font-family: 'Chillax', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.MenuItem {
    width: 140px;
}

#Menu1_div2 {
    width: 170px;
}

#Menu1_div5 {
    width: 200px;
}

.pd_nav div {
    height: 110px;
}

    .pd_nav div a {
        padding: 20px 10px 10px 10px;
    }

.divUserDetails {
    height: 110px;
}

.pd_table i {
    margin: 0px !important;
}

.panelSearch select {
    width: 100px;
}

.panelSearch input[type='text'] {
    width: 100px;
}

#divSearchButtons input {
    padding-left: 20px;
    padding-right: 20px;
}

.tableHitList {
    border: none;
}

.divUserIcon {
    display: none;
}

.div_faq ul li {
    list-style-type: disc;
}

    .div_faq ul li::marker {
        color: #212121;
    }

.pd_search_note ul li {
    list-style-type: disc;
}

    .pd_search_note ul li::marker {
        color: #212121;
    }