@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,900&display=swap'); body { background-color: #ffffff; font-family: Roboto; font-size: 11pt; } h1 { font-size: 24pt; color: #000000; font-family: Roboto; } h2 { font-size: 18pt; color: #000000; font-family: Roboto; } h3 { font-size: 12pt; font-weight: bold; } .icons { color: #458719; } #home-jumbotron { background: transparent url(https://devhub-assets.mcleodsoftware.com/IT_web_banners_1680x360_02.jpg) no-repeat center center; background-size: cover; height: 400px; color: #FFF; background-position-y: 15px; } .navbar { background-color:#fcfcfc; border-width: 0px; padding: 0px; margin: 0px; font-weight: bolder; } .navbar-brand { padding: 0px; margin-right:10px; margin-top: 3px; margin-left: 5px; } .nav-brand-image { background-image: url('https://devhub-assets.mcleodsoftware.com/McLeod_logo_black.png'); background-repeat: no-repeat; background-size: 100px 50px; width:100px; height:50px; } .nav-link { min-height: 40px; padding-left: 2px; } .api-catalog { background-color: #f0f0f0; } .api-catalog-banner { background-image: url('https://innovationhub-assets.mcleodsoftware.com/TruckBanner.png'); background-repeat: no-repeat; background-position: center; min-height:150px; } @media (max-width: 767px) { .api-catalog-banner { background-image: none; min-height: 0px; } .api-catalog.title { visibility: visible; } } .api-catalog-item { padding: 10px; border: 10px; } .api-header-image { height:45px; width:40px; background-image: url('https://innovationhub-assets.mcleodsoftware.com/api_image_default.png'); background-size: 40px 40px; background-repeat: no-repeat; } #MPact .api-header-image { background-image: url('https://innovationhub-assets.mcleodsoftware.com/MPact_M_yellow.png'); } #Symphony .api-header-image { background-image: url('https://innovationhub-assets.mcleodsoftware.com/symphony_icon.png'); } #DigitalFreightMatching .api-header-image { background-image: url('https://innovationhub-assets.mcleodsoftware.com/dfm_icon.png'); } #TrackandTrace .api-header-image { background-image: url('https://innovationhub-assets.mcleodsoftware.com/TrackandTrace_icon.png'); } .api-catalogitem-header h2 { margin: 0px; } .api-catalogitem-header h2 span { display: block; } .api-catalogitem-action { width:100%; } .api-catalogitem-action .btn.catalogue { width:50%; background-color: #fcfcfc; border-width: 2px; border-color: #f0f0f0; text-align:center; color: black; padding: 10px; } .api-catalogitem-card { padding:20px; background-color: #fcfcfc; border-style: solid; border-width: 1px; border-color: #c0c0c0; border-radius: 10px; } .api-catalogitem-description { min-height:300px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 10pt; } .nav-login-icon { margin-right:8px; font-size: 8pt; } .nav-login-arrow { margin-left: 5px; font-size: 8pt; } .radio-label { margin-left:10pt; font-weight:300; } .radio-label input { margin-right:5px; } fieldset.form-group legend { font-size:10pt; font-weight:700; } .api-page-mainimage { background-image: url('https://innovationhub-assets.mcleodsoftware.com/MPact-logo.png'); padding: 50px; height:75px; width:300px; background-size: 300px 75px; background-repeat: no-repeat; background-position: bottom; } .api-product-description { font-family: Roboto; font-size: 12pt; } #TermsAccepted { margin-right:5px; } .intro-text { font-size:larger; } .view-docs { margin-top: 10px; font-family: Roboto; font-size:12pt; padding-left: 0px; padding-bottom: 30px; } .prc-panel-item { margin-top: 18px; margin-bottom: 28px; min-width: 100px; } .prc-panel { max-width:2200px; text-align:center; background: #f9f9f9; } .col-md-12 { max-width: 2200px; } .prc { margin: 0 5px; background: #ffffff; overflow: hidden; border-style: solid; border-width: 1px; border-color: #cdcdcd; border-radius: 3px; } .prc .prc-slogan { width: 100%; display: block; position: relative; height: 0; overflow: hidden; } .prc .prc-slogan::after { content: attr(slogan); width: 100%; padding: 0.7em 0; display: inline-block; margin-top: -100px; text-align: center; color: black; position: absolute; bottom: 0; } .prc .prc-hdr { position: relative; z-index: 2; color: black; text-align: center; padding: 0.5em; border-radius: 3px; } .prc-panel-item-enterprise .prc-hdr { background-color:white; } .prc .prc-hdr:before { content: attr(package); width: 100%; top: 0; left: 0; display: inline-block; font-family: Roboto; font-size:16pt; color: #137CDD; border-radius: 3px; } .prc .prc-hdr .prc-hdr-dlr { font-size: 25pt; line-height: 1em; margin: 0.5em 0; position: relative; display: flex; justify-content: center; align-items: center; transition: 0.2s ease-out; color: #000000; } .prc .prc-hdr .prc-hdr-dlr:before { font-size: 0.7em; line-height: 1em; } .prc .prc-hdr .prc-enq { background: #f89406; font-weight: 700; margin: 10px 0; cursor: pointer; overflow: hidden; position: relative; height: 2em; z-index: 5; } .prc .prc-hdr .prc-enq:before { position: absolute; z-index: 2; height: 100%; width: 100%; left: 0; top: 0; transition: 0.2s ease-out; display: flex; justify-content: center; align-items: center; } .prc .prc-hdr .prc-enq:after { position: absolute; width: 100%; height: 100%; top: 100%; left: 0; background: white; z-index: 1; transition: 0.2s ease-out; display: flex; justify-content: center; align-items: center; } .prc .prc-ftr { color: #595959; list-style-type: none; padding-right: 10px; padding-left: 10px; padding-bottom: 28px; } .prc .prc-ftr li { width: 100%; border-bottom: 1px solid white; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); padding-top: 1em; border-radius: 3px; } .prc .prc-ftr li.prc-feature-headliner { width: 100%; border-bottom: 1px solid #cdcdcd; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-family: Roboto; font-size: 16pt; color: #595959; text-align:center; padding-bottom: 1em; } .prc .prc-ftr li icon { font: 1em fontawesome; margin-right: 10px; text-align: center; max-width: 30px; min-width: 15px; display: inline-block; } .prc .prc-ftr li.prc-feature-headliner icon { font-family: Roboto; font-size: 12pt; color: #595959; } .prc:hover { border-color: #137CDD; } .prc:hover .prc-hdr::before { color: #000000; } .prc:hover .prc-hdr-dlr { font-weight: bold; color: #137CDD; } .prc:hover .prc-ftr { color: #000000; } .prc:hover li.prc-feature-headliner{ color: #000000; } .prc:hover .prc-enq:before { top: -100%; } .prc:hover .prc-enq:after { top: 0; } .prc:hover .prc-slogan { height: 2.4em; background: #137CDD; } .row.prc-panel { width: 100%; background-color: #f9f9f9; text-align:center; } .btn-primary { color: #ffffff; font-weight: bold; background-color: #137CDD; border-color: #137CDD; border-radius: 3px; max-width: 34px; min-width: 200px; } .btn-warning { font-family: Roboto; font-size:12pt; color: #137CDD; background-color: #ffffff; border-color: #137CDD; border-radius: 3px; max-width: 34px; min-width: 150px; } .btn-warning:hover { color: white; background-color: #137CDD; border-color: #137CDD; } .btn.text-light { font-size:12pt; color: #137CDD; background-color: #ffffff;; border-color: #137CDD; border-radius: 3px; max-width: 34px; min-width: 150px; } .btn.text-light:hover { color: white; background-color: #137CDD; border-color: #137CDD; } li { text-align: left; } @media (min-width: 1200px) and (max-width: 1599px) { .hidden-lg { display: none !important; } } .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl{ display: none !important; } @media (min-width: 1400px) { .container { width: 1370px; } } @media (min-width: 1900px) { .container { width: 1870px; } .col-md-4 { width: 20%; } } @media (min-width: 1900px) { .container { width: 1870px; } .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0; } .visible-xl { display: block !important; } table.visible-xl { display: table; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } .visible-xl-block { display: block !important; } .visible-xl-inline { display: inline !important; } .visible-xl-inline-block { display: inline-block !important; } .hidden-xl { display: none !important; } }