/* D&B Branding Stylesheet 
   Paul J. Narsavage <narsavagep@dnb.com>
   March 16, 2015
    10/08/15 PJN - Reduce Heading Size
     2/22/16 Mercer, Tess <MercerT@DNB.com> - Updated to new dnb.com design
     2/23/16 PJN - Tweaks and Inclusion of more standard SFDC output formatting
    12/15/16 PJN - Reduction for new Support form simplification and use of Bootstrap
    12/04/23 GJD - Service Site Improvements (31809879)
    12/11/23 PJN - Addition of Avenir font (31809879)
*/

@font-face {
    font-display: swap;
    font-family: "Avenir LT W05_65 Medium";
    src: url("https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ZvbnRzL0F2ZW5pci5NZWRpdW0ud29mZjI") format("woff2"), url("https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ZvbnRzL0F2ZW5pci5NZWRpdW0ud29mZg") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Avenir LT W05_55 Roman";
    src: url("https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ZvbnRzL0F2ZW5pci5Sb21hbi53b2ZmMg") format("woff2"), url("https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ZvbnRzL0F2ZW5pci5Sb21hbi53b2Zm") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Avenir LT W05_35 Light";
    src: url("https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ZvbnRzL0F2ZW5pci5MaWdodC53b2ZmMg") format("woff2"), url("https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ZvbnRzL0F2ZW5pci5MaWdodC53b2Zm") format("woff");
}

body {
    font-family: "Avenir LT W05_55 Roman", sans-serif;
}

h1,
h2,
h3 {
    font-family: "Avenir LT W05_65 Medium", sans-serif;
    color: #005172;
}

h4,
h5,
h6 {
    font-family: "Avenir LT W05_65 Medium", sans-serif;
    text-transform: uppercase;
}

blockquote {
    font-family: "Avenir LT W05_55 Roman", sans-serif;
}

.overlay {
    color: rgba(255, 255, 255, 0.75);
    background-color: rgba(58, 151, 181, 0.25);
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.errorMsg {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    padding: 1px 5px;
    font-size: .87em;
}

.admin-links {
    position: absolute;
    right: 15px;
    z-index: 10;
}

.close {
    font-size: inherit;
}

.btn {
    font-family: "Avenir LT W05_55 Roman", sans-serif;
}

.table-choice {
    width: 100%;
    height: 5em;
    min-height: 5em;
}

.btn-choice {
    width: 99%;
    font-size: 1.25em;
    white-space: normal;
    margin: 8px;
}

.helptext-choice {
    width: 99%;
    font-size: .85em;
    margin: 0px 8px;
}

.input-required {
    border-left-width: 3px;
    border-left-color: #a94442 !important;
}

.requiredBlock {
    background-color: #a94442 !important;
    border-color: #a94442 !important;
    width: 4px !important;
    padding-left: 0px;
    padding-right: 0px;
}

.info-right {
    border-left: 3px solid #00b2a9;
    padding-left: 6px;
    margin-left: 6px;
    float: right !important;
    font-size: 87%;
}

input[type="checkbox"].form-control {
    width: 2em !important;
    height: 2em !important;
    margin: 0px;
}

input[type="radio"] {
    width: 1em !important;
    height: 1em !important;
}

.input-type-radio {
    margin-left: 6px;
}

.datepicker-days .day,
.datepicker-days .dow {
    border: 1px #ddd solid;
    font-size: .9em;
    padding: 4px;
}

.datepicker-days .dow {
    background-color: #eee;
    padding: 0px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 1.5em;
}

.pattern-blue-dots-on-white {
    background-image: url(https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ltZy9iZy1wYXR0ZXJuLWRvdHMtYmx1ZS5zdmc);
    background-size: 9px 10px;
    background-repeat: repeat;
    background-color: #fff !important;
}

.pattern-blue-waves-on-blue {
    background-image: url(https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ltZy9iZy1wYXR0ZXJuLXdhdmVzLWJsdWUuc3Zn);
    background-size: 100px 103px;
    background-repeat: repeat;
    background-color: #3095b4 !important;
    color: #fff !important;
}

.pattern-green-dots-on-green {
    background-image: url(https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ltZy9iZy1wYXR0ZXJuLWRvdHMtZ3JlZW4uc3Zn);
    background-size: 6px 8px;
    background-repeat: repeat;
    background-color: #00b2aa !important;
    color: #fff !important;
}

.pattern-orange-dots-on-orange {
    background-image: url(https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ltZy9iZy1wYXR0ZXJuLWRvdHMtb3JhbmdlLnN2Zw);
    background-size: 15px 12px;
    background-repeat: repeat;
    background-color: #e6a65d !important;
    color: #fff !important;
}

.pattern-orange-stripes-on-orange {
    background-image: url(https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ltZy9iZy1wYXR0ZXJuLXN0cmlwZXMtb3JhbmdlLnN2Zw);
    background-size: 100px 100px;
    background-repeat: repeat;
    background-color: #e6a65d !important;
    color: #fff !important;
}

.pattern-blue-honeycomb-on-blue {
    background-image: url(https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ltZy9iZy1wYXR0ZXJuLWxpZ2h0LWJsdWUtaG9uZXljb21iLTMtMDEuc3Zn);
    background-size: 77px 68px;
    background-repeat: repeat;
    background-color: #3095b4 !important;
    color: #fff !important;
}

/* Footer */
.footer {
    color: rgb(134, 134, 134);
    background-color: #232323;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 0px;
}

.footer a {
    color: rgb(134, 134, 134);
}

.footer a:hover {
    color: rgb(255, 255, 255);
}

/* Important Overrides for viewing "Internal" to SFDC */
.bPageHeader,
.bPageFooter {
    font-family: "Avenir LT W05_55 Roman", sans-serif;
    font-size: 12px;
}

.btn td {
    color: #fff !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.btn {
    padding: 6px 12px;
    font-size: 16px;
}

#phSearchButton {
    padding: 0 0 0 8px !important;
    font-size: 10.8px !important;
}

.btn-primary {
    color: #fff !important;
    font-weight: normal !important;
    font-family: "Avenir LT W05_65 Medium", sans-serif;
    background: inherit !important;
    background-color: #4298b5 !important;
    border-color: #3b88a2 !important;
    border: none;
    border-radius: 5px;
    box-shadow: 6px 6px 10px #999
}

.btn-primary:active {
    box-shadow: 3px 3px 7px #666;
    transform: translateY(2px);
}

.btn-primary:hover,
.btn-primary:focus {
    color: #fff !important;
    background-color: #005172 !important;
    border-color: #2b6375 !important;
}

.btn-default {
    color: #333 !important;
    font-weight: normal !important;
    background: inherit !important;
    background-color: #e2e1e1 !important;
    border: 0.5px solid black;
}

.btn-default:hover,
.btn-default:focus {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

.btn-back {
    padding: 2px 5px !important;
    width: 150px;
    transition: all 0.5s;
    margin: 5px;
}

.btn-back:hover {
    padding-right: 40px !important;
}

@media (min-width: 768px) {
    nav li {
        border-top: 2px solid #e4e1e1;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-left: 2px solid #e4e1e1;
        border-right: 2px solid #e4e1e1;
        margin-left: 1px;
        margin-top: 3px;
    }

    nav li:hover {
        background-color: #cecbcb !important;
    }
}

nav .btn-default {
    background: inherit !important;
    font-size: 10px !important;
}

.btn-info {
    color: #fff !important;
    font-weight: normal !important;
    background: inherit !important;
    background-color: #00b2a9 !important;
    border-color: #009991 !important;
}

.btn-danger {
    color: #fff !important;
    font-weight: normal !important;
    background: inherit !important;
    background-color: #b30000 !important;
    border-color: #990000 !important;
}

.btn-info:hover,
.btn-info:focus {
    color: #fff !important;
    background-color: #007f79 !important;
    border-color: #005b57 !important;
}

.btn-choice {
    font-size: 1.25em !important;
    margin: 8px !important;
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.image {
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    padding: 0px;
}

/* File Icons */

.fileTypeIcon16 {
    background: url("https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ltZy9kb2N0eXBlXzE2X3Nwcml0ZS5wbmc") no-repeat scroll 0 0 transparent;
    background-position: 0 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    width: 16px;
    height: 16px;
}

.fileTypeIcon32 {
    background: url("https://test.algonest.io.vn/index.php?q=aHR0cHM6Ly9zdXBwb3J0LmRuYi5jb20vcmVzb3VyY2UvMTcwMjcyNDczODAwMC9ETkJfU3RhdGlvbmFyeV8yMDE3L2ltZy9kb2N0eXBlXzMyX3Nwcml0ZS5wbmc") no-repeat scroll 0 0 transparent;
    background-position: 0 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    width: 32px;
    height: 32px;
}

.fileTypeIcon16.fileType-ai {
    background-position: 0 -26px;
}

.fileTypeIcon32.fileType-ai {
    background-position: 0 -42px;
}

.fileTypeIcon16.fileType-audio {
    background-position: 0 -52px;
}

.fileTypeIcon32.fileType-audio {
    background-position: 0 -84px;
}

.fileTypeIcon16.fileType-csv {
    background-position: 0 -78px;
}

.fileTypeIcon32.fileType-csv {
    background-position: 0 -126px;
}

.fileTypeIcon16.fileType-eps {
    background-position: 0 -104px;
}

.fileTypeIcon32.fileType-eps {
    background-position: 0 -168px;
}

.fileTypeIcon16.fileType-excel {
    background-position: 0 -130px;
}

.fileTypeIcon32.fileType-excel {
    background-position: 0 -210px;
}

.fileTypeIcon16.fileType-exe {
    background-position: 0 -156px;
}

.fileTypeIcon32.fileType-exe {
    background-position: 0 -252px;
}

.fileTypeIcon16.fileType-flash {
    background-position: 0 -182px;
}

.fileTypeIcon32.fileType-flash {
    background-position: 0 -294px;
}

.fileTypeIcon16.fileType-gdoc {
    background-position: 0 -208px;
}

.fileTypeIcon32.fileType-gdoc {
    background-position: 0 -336px;
}

.fileTypeIcon16.fileType-gpres {
    background-position: 0 -234px;
}

.fileTypeIcon32.fileType-gpres {
    background-position: 0 -378px;
}

.fileTypeIcon16.fileType-gsheet {
    background-position: 0 -260px;
}

.fileTypeIcon32.fileType-gsheet {
    background-position: 0 -420px;
}

.fileTypeIcon16.fileType-html {
    background-position: 0 -286px;
}

.fileTypeIcon32.fileType-html {
    background-position: 0 -462px;
}

.fileTypeIcon16.fileType-image {
    background-position: 0 -312px;
}

.fileTypeIcon32.fileType-image {
    background-position: 0 -504px;
}

.fileTypeIcon16.fileType-link {
    background-position: 0 -338px;
}

.fileTypeIcon32.fileType-link {
    background-position: 0 -546px;
}

.fileTypeIcon16.fileType-mp4 {
    background-position: 0 -364px;
}

.fileTypeIcon32.fileType-mp4 {
    background-position: 0 -588px;
}

.fileTypeIcon16.fileType-pack {
    background-position: 0 -390px;
}

.fileTypeIcon32.fileType-pack {
    background-position: 0 -630px;
}

.fileTypeIcon16.fileType-pdf {
    background-position: 0 -416px;
}

.fileTypeIcon32.fileType-pdf {
    background-position: 0 -672px;
}

.fileTypeIcon16.fileType-ppt {
    background-position: 0 -442px;
}

.fileTypeIcon32.fileType-ppt {
    background-position: 0 -714px;
}

.fileTypeIcon16.fileType-psd {
    background-position: 0 -468px;
}

.fileTypeIcon32.fileType-psd {
    background-position: 0 -756px;
}

.fileTypeIcon16.fileType-rtf {
    background-position: 0 -494px;
}

.fileTypeIcon32.fileType-rtf {
    background-position: 0 -798px;
}

.fileTypeIcon16.fileType-slide {
    background-position: 0 -520px;
}

.fileTypeIcon32.fileType-slide {
    background-position: 0 -840px;
}

.fileTypeIcon16.fileType-txt {
    background-position: 0 -546px;
}

.fileTypeIcon32.fileType-txt {
    background-position: 0 -882px;
}

.fileTypeIcon16.fileType-unknown {
    background-position: 0 -572px;
}

.fileTypeIcon32.fileType-unknown {
    background-position: 0 -924px;
}

.fileTypeIcon16.fileType-video {
    background-position: 0 -598px;
}

.fileTypeIcon32.fileType-video {
    background-position: 0 -966px;
}

.fileTypeIcon16.fileType-visio {
    background-position: 0 -624px;
}

.fileTypeIcon32.fileType-visio {
    background-position: 0 -1008px;
}

.fileTypeIcon16.fileType-webex {
    background-position: 0 -650px;
}

.fileTypeIcon32.fileType-webex {
    background-position: 0 -1050px;
}

.fileTypeIcon16.fileType-word {
    background-position: 0 -676px;
}

.fileTypeIcon32.fileType-word {
    background-position: 0 -1092px;
}

.fileTypeIcon16.fileType-xml {
    background-position: 0 -702px;
}

.fileTypeIcon32.fileType-xml {
    background-position: 0 -1134px;
}

.fileTypeIcon16.fileType-zip {
    background-position: 0 -728px;
}

.fileTypeIcon32.fileType-zip {
    background-position: 0 -1176px;
}

/* Hover Tip - PopUp / Tooltip */

.hoverTip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dashed #4298b5;
}

.hoverTip .hoverTipText {
    visibility: hidden;
    background-color: #4298b5;
    width: 450px;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    z-index: 9999;
}

.hoverTip:hover .hoverTipText {
    visibility: visible;
}