/*  

Custom CSS Hubdrive Portal   

*/



/*  ------ Fonts ------   */


body {
    color: var(--portalThemeColor4);
}

@font-face {
  font-family: 'xRM1icons';
  src:  url('/xRM1icons.eot');
  src:  url('/xRM1icons.eot') format('embedded-opentype'),
    url('/xRM1icons.ttf') format('truetype'),
    url('/xRM1icons.woff') format('woff'),
    url('https://www.hubdrive.com/css/fonts/xRM1icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
    font-family: SegoeUI;
    src:  url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot');
    src:
        local("Segoe UI Light"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2') format("woff2"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff') format("woff"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf') format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: SegoeUI;
    src:  url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest..eot');
    src:
        local("Segoe UI Semilight"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2') format("woff2"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff') format("woff"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf') format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: SegoeUI;
    src:  url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest..eot');
    src:
        local("Segoe UI"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2') format("woff2"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff') format("woff"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf') format("truetype");
    font-weight: 400;
}


@font-face {
    font-family: SegoeUI;
    src:  url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest..eot');
    src:
        local("Segoe UI Semibold"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2') format("woff2"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff') format("woff"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf') format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: SegoeUI;
    src:  url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.eot');
    src:
        local("Segoe UI Bold"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2') format("woff2"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff') format("woff"),
        url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf') format("truetype");
    font-weight: 700;
}



/*  ------ General ------   */



:root {

    --bs-font-sans-serif: SegoeUI, "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";


}

ol, ul {
    padding-left: 0 !important;
}




/*  ------ Header ------   */


.navbar-brand.navbar-header img {
    margin-left: 0 !important;
}

.navbar-brand.navbar-header  {
    padding-left: 0 !important;
}



/*  ------ Footer ------   */


footer .footer-bottom {
    background-color: #eee;
}


footer .footer-bottom p {
    color: var(--portalThemeColor4);
}




/*  ------ Text ------   */




h1, h2, h3, h4, h5 { 

	font-family: SegoeUI;

}


h1 { 

	font-weight: 200;
	letter-spacing: -.01em;

}


h2 { 

    font-weight: 300;
    letter-spacing: -.01em;
    font-size: 30px;
    margin-top: 10px;

}


h3 { 

    margin-top: 0;
    margin-bottom: 0;
    padding: 15px 0px 5px 0px;

}







h4 {
    font-weight: 600;
    letter-spacing: -.015em;
    font-size: 22px;

}

h5 { 

	font-size: 12px;

}


i { 

    font-style: normal;
    opacity: .65;

}





p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, p.form-text span {
    font-size: inherit;
    font-family: SegoeUI;
    font-weight: 400;

}


a, .a {
    font-family: SegoeUI;
}


h1.siteTitle, .static-top.navbar-dark .navbar-brand a h1.siteTitle, .static-top.navbar-dark .navbar-brand a h1.siteTitle > span {
    display: inline;
    vertical-align: middle;
    color: #424242;
    font-family: SegoeUI;
    font-weight: 400;
    font-size: 25px;
}


.static-top.navbar-dark .navbar-brand a:hover {
  text-decoration: none !important;

}


p a.anchor-inherit-styles {
    text-decoration: underline;
}


p a.anchor-inherit-styles:hover {
    text-decoration: underline;
    color: var(--portalThemeColor1);
}


.ppFlexContainer p h3 a.anchor-inherit-styles {
    text-decoration: none;
    color: var(--portalThemeColor4);
}


.ppFlexContainer p a.anchor-inherit-styles {
    text-decoration: underline;
}


.login-heading-section {
    color: var(--portalThemeColor1) !important;
    font-weight: 400;
}


th.sort-disabled {
    color: var(--portalThemeColor4);
    font-weight: 400;
    font-size: 14px;
}



/*  ------ Navi ------   */


.static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: SegoeUI;
    font-weight: 400;
    font-size: 18px;
}



a.nav-link[role="tab"]:not(.active) {
    color: #000;
    font-family: SegoeUI;
    font-weight: 400;
    font-size: 14px;
}

a.nav-link[role="tab"]  {
    color: #000;
    font-family: SegoeUI;
    font-weight: 400;
    font-size: 14px;
}


.nav-link.active {
    color: #000 !important;
}

@media (max-width: 1199px) {
    .dropdown-divider {
        border-color: #ddd;
    }
}

.static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
    opacity: .8;
}

/*  ------ Breadcrumb ------   */


.breadcrumb {
    --bs-breadcrumb-divider-color: #bbbbbb;
    --bs-breadcrumb-item-padding-x: 0.2rem;
 }



.breadcrumb-item+.breadcrumb-item::before {
    font-size: 12px;
    font-weight: 400;
}


.breadcrumb li a {
    margin-left: 0px !important;
}


.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
    vertical-align: text-bottom;
    line-height: 16px;
    font-size: 11px;
}


/*  ------ Flex Container Cards ------   */

.ppFlexContainer .cardbox a.anchor-inherit-styles {
    font-size: 18px;
    font-family: inherit;
    color: var(--portalThemeColor4);
    padding: 50px 20px;
    display: inline-block;
    background-color: white;
    text-align: center;
    width: 280px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);

}


.ppFlexContainer .cardbox a.anchor-inherit-styles:hover {
    color: var(--portalThemeColor1);
    -webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);
}


.ppFlexContainer p {
    padding-bottom: 0px;
    margin-bottom: 0px;

}





/*  

Burger Icon  




.navbar {




    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex
;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}


*/


/*  ------ Lead Views/Tables ------   */


.crmEntityFormView .cell {
    padding: 0 0px 20px;
    padding-right: 20px;
}



.crmEntityFormView .tab-title {
    border-bottom: none;
}


.crmEntityFormView, .modal-content, .popover-content {
    background-color: #FFFFFF;
    color: var(--portalThemeColor4);
    border: none;
    padding: 30px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
}

.entitylist {
    border: none;
}

.entity-grid.entitylist {
    background-color: #FFFFFF;
    color: var(--portalThemeColor4);
    border: none;
    padding: 30px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
}


.crmEntityFormView h3 {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px 0px;
}


.crmEntityFormView label {
    background-color: #FFFFFF;
    color: #000;
    font-weight: 600;
    font-size: 14px;
}


.form-control {
    background-color: #f5f5f5 !important;
    color: var(--portalThemeColor4);
    border: 1px solid #cccccc !important;
    margin-top: 4px;
    font-size: .96rem;
}


.crmEntityFormView .form-control.readonly, .crmEntityFormView .form-control[readonly][disabled], .form-readonly .form-control {
    background: 0 0;
    border: none !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    cursor: auto;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff !important;
    margin-top: 0;
    padding-top: 0;
}


html[dir=ltr] .crmEntityFormView .cell div.table-info div.validators {
    margin: 0;
    width: 0px;
}

.crmEntityFormView div.description.above {
    font-size: 14px;
    font-style: italic;
    opacity: .8;
}


.crmEntityFormView a {
    font-size: 16px;
    color: var(--portalThemeColor4) !important;
    text-decoration: none;
}


.crmEntityFormView a:hover {
    font-size: 16px;
    color: var(--portalThemeColor1) !important;
    text-decoration: underline;
}


html[dir=ltr] .crmEntityFormView .cell .field-label {
    float: none;
}



.root-164 {
    padding: 0;

}


.root-217 {
    color: var(--portalThemeColor4);

}



/*  ------ Buttons ------   */



.btn-primary, .btn {
    --bs-btn-disabled-bg: #aaa;
    --bs-btn-disabled-border-color: #aaa;
    color: #FFFFFF;
    font-family: SegoeUI;
    border-color: var(--portalThemeColor1);
    font-weight: 600;
    font-size: 14px;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    background-color: var(--portalThemeColor1);
    color: #FFFFFF;
    transition: 0.4s;
    margin-top: 4px;
}

.btn-primary:hover, .btn:hover {
    background-color: #007000 !important;
    border-color: #007000 !important;
    color: #FFFFFF;
}

/*  ------ Buttons ------   
.button1 {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    font-family: SegoeUI;
    border-color: var(--portalThemeColor1);
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--portalThemeColor1);
    margin-bottom: 20px;
    transition: 0.4s;
    margin-bottom: 20px;
}


.button1:hover {
    background-color: #007000 !important;
    border-color: #007000 !important;
    color: #FFFFFF;
}

*/


.button1 {
    color: #000;
    font-family: SegoeUI;
    font-weight: 600;
    font-size: 14px;
    border-color: var(--portalThemeColor4);
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    transition: 0.4s;
    margin-bottom: 20px;
}


.button1:hover {
    background-color: var(--portalThemeColor4) !important;
    color: #ffffff;
    border-color: var(--portalThemeColor4) !important;
}



.btn-default {
    color: #000;
    font-family: SegoeUI;
    font-weight: 600;
    font-size: 14px;
    border-color: var(--portalThemeColor4);
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    transition: 0.4s;
    margin-top: 4px;
}


.btn-default:hover {
    background-color: var(--portalThemeColor4) !important;
    color: #ffffff;
}


.buttonstart {
    color: var(--portalThemeColor2);
    font-family: SegoeUI;
    font-weight: 600;
    font-size: 17px;
    border-color: var(--portalThemeColor3);
    padding: 12px 26px;
    width: fit-content;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--portalThemeColor3);
    transition: 0.4s;
    margin-bottom: 20px;
}


.buttonstart:hover {
    background-color: var(--portalThemeColor11) !important;
    color: var(--portalThemeColor2);
    border-color: var(--portalThemeColor11) !important;
}



.buttonarrow {
    color: #ffffff;
    font-family: SegoeUI;
    font-weight: 600;
    font-size: 17px;
    border-color: var(--portalThemeColor1);
    padding: 12px 26px 12px 16px;
    width: fit-content;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--portalThemeColor1);
    transition: 0.4s;
    margin-bottom: 20px;
}


.buttonarrow:hover {
    background-color: #007000 !important;
    color: #ffffff;
    border-color: #007000 !important;
}

.buttonarrow:before {
    font-family: xRM1icons !important;
    content: "\E903";
    color: #ffffff;
    padding-right: 26px;
    font-weight: normal !important;
}

/* Portal specific fixes */

.pva-floating-style {
    display: none !important;
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
    border: none !important;
}

div[id^="QuickviewControl"] {
  box-shadow:none;
  -webkit-box-shadow: none;
}

.table-responsive a {
    font-size: var(--bs-body-font-size);
}

.entity-grid .view-grid {
    overflow-x: visible;
}

/* Removal of inline Styles and shift towards CSS File */

.bghome {
    background-image: url("/bghome.jpg");
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
}

.flex-wrap {
    display: flex; 
    flex-wrap: wrap;
}

.autoheight {
    min-height: auto; 
}
.margin0 {
    margin: 0px;
}
.padding8 {
    padding: 8px;
}
.padding0 {
    padding: 0px;
}


/* This Hack limits the shown Preview Text in List Views to two lines. Might break in Firefox. */
.table > tbody > tr > td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table > tbody > tr > td:last-child {
    overflow: visible;
}

@media (max-width: 1400px) {
    .table > tbody > tr > td {
        max-width: none;
        overflow: visible;
        text-overflow: inherit;
        white-space: initial;
    }
}