@font-face {font-family: 'PFDinTextPro-Regular';src: url('../fonts/2A4B1D_0_0.eot');src: url('../fonts/2A4B1D_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A4B1D_0_0.woff2') format('woff2'),url('../fonts/2A4B1D_0_0.woff') format('woff'),url('../fonts/2A4B1D_0_0.ttf') format('truetype'),url('../fonts/2A4B1D_0_0.svg#wf') format('svg');}
@font-face {font-family: 'PFDinTextPro-Medium';src: url('../fonts/2A4B1D_1_0.eot');src: url('../fonts/2A4B1D_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A4B1D_1_0.woff2') format('woff2'),url('../fonts/2A4B1D_1_0.woff') format('woff'),url('../fonts/2A4B1D_1_0.ttf') format('truetype'),url('../fonts/2A4B1D_1_0.svg#wf') format('svg');}
@font-face {font-family: 'PFDinTextPro-Bold';src: url('../fonts/2A4B1D_2_0.eot');src: url('../fonts/2A4B1D_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A4B1D_2_0.woff2') format('woff2'),url('../fonts/2A4B1D_2_0.woff') format('woff'),url('../fonts/2A4B1D_2_0.ttf') format('truetype'),url('../fonts/2A4B1D_2_0.svg#wf') format('svg');}
@font-face {font-family: 'PFDinTextPro-Thin';src: url('../fonts/2A4B1D_3_0.eot');src: url('../fonts/2A4B1D_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A4B1D_3_0.woff2') format('woff2'),url('../fonts/2A4B1D_3_0.woff') format('woff'),url('../fonts/2A4B1D_3_0.ttf') format('truetype'),url('../fonts/2A4B1D_3_0.svg#wf') format('svg');}
@font-face {font-family: 'PFDinTextPro-Light';src: url('../fonts/2A4B1D_4_0.eot');src: url('../fonts/2A4B1D_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A4B1D_4_0.woff2') format('woff2'),url('../fonts/2A4B1D_4_0.woff') format('woff'),url('../fonts/2A4B1D_4_0.ttf') format('truetype'),url('../fonts/2A4B1D_4_0.svg#wf') format('svg');}

body {
    font-family: PFDinTextPro-Light, arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}

div#main {
    padding-bottom: 50px;
}
div#main.no-pad {
    padding-bottom: 0px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'PFDinTextPro-Light';
    text-transform: uppercase;
}

a { color: #4896d1; }

p {
    margin-bottom: 25px; word-wrap: break-word;
    font-family: PFDinTextPro-Light, arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}

label {
    font-family: PFDinTextPro-Regular, arial, sans-serif;
}

ul {
    list-style: none;
    padding: 0px;
}

li { padding: 4px 0px 8px; word-wrap: break-word; }

textarea,
input {
    line-height: normal;
    padding: 4px 0px 3px 10px;
    height: 30px;
    border: 1px solid lightgrey;
    border-radius: 3px;
}

textarea {
    min-height: 100px;
    min-width: 200px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], a.btn,
.button--blue, .button--blue:link, .button--blue:active, .button--blue:visited {
    cursor: pointer;
    border-radius: 4px;
    padding: 5px 15px 4px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    /*display: inline-block;*/
    background: none;
    margin: 10px 10px 0px 0px;
    height: 28px;
    transition: 0.3s ease all;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], a.btn {
    border: 1px solid #3F403F;
    color: #3F403F;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.btn:hover {
    background: #3F403F;
    color: #fff;
}

.button--blue, .button--blue:link, .button--blue:active, .button--blue:visited {
    background-color: #4896d1;
    border: 1px solid #4896d1;
    color: #fff;
    text-decoration: none;
}

.button--blue:hover {
    background-color: #297ab4;
    border-color: #297ab4;
    color: #fff;
    text-decoration: none;
}

td, th {
    min-width: 150px;
    vertical-align: -moz-middle-with-baseline;
    word-wrap: break-word;
}
.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
    min-width: auto;
}

th {
    font-family: PFDinTextPro-Regular, arial, sans-serif;
}

td.pbTitle {
    padding: 0 20px 0 0;
}

td.headerRow,
td.dataRow,
th.labelCol {
    padding: 0px;
}

.messageTable td,
.messageTable th {
    min-width: 50px;
}

.message {
    border-radius: 3px;
    padding: 5px 15px 10px;
    border: 1px solid #C00;
    margin: 10px 0px;
    font-size: 14px;
    display: -webkit-inline-box;
    word-wrap: break-word;
}

.message.errorM3 {
    color: #fff;
    border: none;
}
.message.errorM3 img {
    display: none;
}
.dark .messageText {
    color: white;
}

.right {
    text-align: right;
}

.partner-switch {
    color: #fff;
    font-family: "PFDinTextPro-Medium";
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 19px;
    margin: 0 0 15px 0;
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
    border-bottom: 2px solid white;
    position: absolute;
    right: 50px;
    top: 50px;
}
.partner-switch:hover {
    text-decoration: none;
}
.parsley-error {
    background-color: #fff;
    border: 1px solid #A93432 !important;
}

header {
    background: #000;
    height: 140px;
    width: 100%;
}

header h1.logo {
    background: url(../img/Magnet_Wireframe.png) no-repeat center center;
    background-size: contain;
    height: 140px;
    position: relative;
    top: -35px;
    margin: 0;
    width: 230px;
}
header h1.logo.partner {
    top: -15px;
}

header h1.logo a {
    display: block;
    width: 100%;
    height: 100%;
    color: transparent;
    background: url(../img/CustomerPortal_Stacked.png) no-repeat center 55px;
    background-size: 120px;
    min-width: 200px;
    margin-top: 35px;
}
header h1.logo-ae a {
    display: block;
    width: 100%;
    height: 100%;
    color: transparent;
    background: url(../img/artifact_exchange/artifact-exchange-stacked.svg) no-repeat center 25px;
    background-size: 150px;
    min-width: 200px;
    min-height: 100px;
    margin-top: 0;
}
header h1.logo.partner a {
    background: url(../img/MF_PartnerPortal.svg) no-repeat center 50px;
    width: 60%;
    min-width: 120px;
    margin-top: 15px;
    margin-left: 50px;
}

header .page-title h1 {
    text-align: center;
    padding-bottom: 40px;
    color: white;
    font-family: 'PFDinTextPro-Medium'
    text-transform: uppercase;
}

nav {
    width: 100%;
    height: auto;
    padding: 70px 0 30px 0px;
    float: right;
}

.main-nav-links {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    float: right;
}
.main-nav-links.partner {
    margin-right: 50px;
}
.main-nav-links li {
    display: inline-block;
    margin: 0 13px;
}
.main-nav-links li:last-child {
    margin-right: 0;
}
.main-nav-links li a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: 'PFDinTextPro-Regular';
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all;
}
.main-nav-links li:hover a,
.main-nav-links li a:hover,
.main-nav-links li a.active {
    text-decoration: none;
    border-bottom: 2px solid #4896d1;
    position: relative;
    z-index: 9999;
}
.partner.main-nav-links li a {
    display: block;
}
.partner.main-nav-links li:hover a,
.partner.main-nav-links li a:hover,
.partner.main-nav-links li a.active {
    text-decoration: none;
    border-bottom: 2px solid #4896d1;
    display: block;
    position: relative;
    z-index: 9999;
}
.main-nav-links ul.sub-items li.has-sub-items ul.sub-items,
.main-nav-links ul.sub-items {
    display: none;
}

.main-nav-links li.has-sub-nav ul.sub-items > li.has-sub-nav:hover > ul.sub-items,
.main-nav-links li:hover > ul.sub-items {
    display: inline-block;
    width: 155px;
    position: absolute;
    background: rgba(0,0,0,0.9);
    padding-top: 25px;
    z-index: 900;
    margin-top: 0;
}

.main-nav-links .sub-nav-sublist {
  padding-top: 0 !important;
}

.main-nav-links li:hover ul.sub-items li {
    padding: 15px 25px;
    margin: 0;
    position: relative;
    text-align: left;
    float: left;
    border-bottom: 1px solid rgba(255,255,255,0.25);
    width: 100%;
}

.main-nav-links li:hover ul.sub-items li:hover {
    background: rgba(255,255,255,0.15);
}

.main-nav-links li:hover ul.sub-items li a {
    font-size: 12px;
    border-bottom: 0;
    padding-bottom: 0;
    font-weight: bold;
}

.main-nav-links li:hover ul.sub-items li a:hover {
    border: none !important;
    text-decoration: none !important;
}

.main-nav-links li:hover ul.sub-items li a span {
    display: block;
    text-transform: none;
    font-weight: 200;
    margin: 5px 0 0 0;
}
@media screen and (max-width: 1200px) {
    .main-nav-links li a {
        font-size: 12px;
    }
    .main-nav-links li {
        margin: 0 5px;
    }
}
@media screen and (max-width: 991px) {
    header {
        height: auto;
    }
    .main-nav {
        padding: 0 0 30px 0;
    }
    .main-nav-links {
        float: none;
        text-align: center;
    }
    .main-nav-links li:last-child {
        margin-right: 5px;
    }
    header h1.logo {
        float: none;
        margin: 0 auto;
    }
    header h1.logo a {
        margin-top: 65px;
    }
    .sub-nav {
        position: relative;
        height: auto;
    }
    .sub-nav-links {
        width: 100%;
        padding: 10px !important;
        text-align: center !important;
        height: auto !important;
    }
}
@media screen and (max-width: 767px) {
    .main-nav-links li {
        width: 100%;
        padding: 10px;
    }
}

.settings-nav {
    display: none;
    margin: 0px -10px 0px 0px;
	background: white;
	border-radius: 3px;
    padding: 0px 10px 5px;
    position: absolute;
}

.settings:hover .settings-nav,
.settings:hover .settings-nav:hover {
    display: block;
}

.settings-nav li {
	display: block;
	text-align: left;
	padding: 5px 0px 0px;
}

.settings-nav li a{
	color: #000;
	cursor: pointer;
    padding-left: 0px !important;
}
.settings-nav li a:hover {
    color: #4896d1;
}

.logo-main {
    width: auto;
    height: 80px;
}

.info {
    background: none repeat scroll 0% 0% #AAA;
    border-radius: 3px;
    padding: 15px;
    font-size: 12px;
    color: #FFF;
}

.info-box {
    padding: 5px 15px;
    background: #EFEFEF;
    border-radius: 5px;
    margin-bottom: 25px;
}

.parsley-error {
    border-color: #A93432 !important;
}

.parsley-errors-list {
    text-align: right;
    font-size: 12px;
    color: #A93432 !important;
}

footer {
    background: #000;
    padding: 40px 0px 40px 0;
    float: left;
    width: 100%;
}

footer .social li {
    display: inline-block;
}
footer .social li a {
    display: block;
    background-origin: padding-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 30px;
    height: 30px;
    color: #FFF;
}

footer a {
    color: #FFF;
}
footer a:hover {
    color: #4896d1;
    text-decoration: none;
}

footer .social li.twitter a {
    background-image: url('../img/twitter.png');
    content: ' ';
}

footer .social li.facebook a {
    background-image: url('../img/facebook.png');
    content: ' ';
}

footer .social li.youtube a {
    background-image: url('../img/youtube.png');
    content: ' ';
}

footer .social li.linkedin a {
    background-image: url('../img/linkedin.png');
    content: ' ';
}

footer .social li.google a {
    background-image: url('../img/google.png');
    content: ' ';
}

footer .social li a:hover {
    color: rgba(0,0,0,0.7);
}

footer .copyrighttext a,
footer .copyrighttext {
    font-size: 12px;
    color: #aeafb3;
}

footer .copyright ul {
    list-style: none;
    text-align: center;
}
.footerNav {
    margin: 0;
}
.footerNav li {
    padding: 0 !important;
    margin: 0 10px;
    display: inline-block;
}
.footerNav li,
.footerNav li a {
    color: #fff;
    font-family: "PFDinTextPro-Regular";
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media screen and (max-width:500px) {
    header .page-title h1 {
        margin: -5px 0 0 0;
        font-size: 20px;
    }

    .main-nav-links li {
        padding: 25px 5px 0px;
    }

    nav {
        padding: 0px 0px;
        margin-bottom: 20px;
    }

    td, th {
        min-width: 50px;
    }
    .ui-datepicker-calendar td,
    .ui-datepicker-calendar th {
        min-width: auto;
    }
}

.downloads-wrapper {
    margin-bottom: 25px;
}

.downloads-wrapper:before {
    content: '';
    border-left: 2px solid #c0c7cc;
    position: absolute;
    left: -50px;
    height: 100%;
}

a.sd-nav-item.active {
    color: #4896d1;
}

a.sd-nav-item.active:before {
    color: #4896d1;
	content: '•';
    font-weight: bold;
    position: absolute;
    left: -1px;
}

/* --- KAYLEIGH'S MAGNET EDITS --- */
.main-content {
    margin: 50px 0 0 0 !important;
}
p {
    color: #000;
    font-family: "PFDinTextPro-Regular";
    font-size: 15px;
    line-height: 21px;
}
blockquote {
    border-left: 5px solid #4896d1;
    padding: 10px 15px;
    float: left;
    margin: 0 0 40px 0;
}
blockquote h2 {
    margin-top: 5px;
    color: #20588b;
    font-size: 24px;
    letter-spacing: 1px;
}
blockquote p {
    margin: 0;
}
blockquote .btn {
    margin: 0;
}
h1 {
    color: #20588b;
    letter-spacing: 2px;
    font-size: 28px;
    line-height: 34px;
}
h3,
h3 a {
    color: #c0c7cc;
    font-family: "PFDinTextPro-Medium";
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 26px;

    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all;
}
h3 a:hover {
    text-decoration: none;
}
h4 {
    font-weight: bold;
    letter-spacing: 0.5px;
}

h3.software-title {
	font-family: "PFDinTextPro-Light";
	font-size: 32px;
}

.btn-inline {
	display: inline-block;
    margin-top: 0px !important;
    margin-bottom: 0px;
    margin-left: 20px !important;
}

.form-inline {
    display: inline-block;
    vertical-align: middle;
    margin-top: auto;
}

a.btn-axiom-dwnld[disabled] {
    pointer-events: none;
}

@media screen and (max-width: 991px) {
    blockquote .btn {
        margin-top: 15px;
    }
    .side-nav{
        text-align: center;
        line-height: 10px;
        font-size: 12px;
    }
}

/* NAV */
.sub-nav {
    padding: 0;
    float: right;
    width: 100%;
    position: absolute;
    z-index: 3;
}
.sub-nav ul {
    margin: 0;
    text-align: right;
    background: #1a2a38;
    float: right;
    padding: 10px 25px 7px 5px;
    height: 35px;
}
.sub-nav ul:before {
    content: '';
    width: 0;
    height: 0;
    top: 0;
    margin-left: -40px;
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 0 35px 35px 0;
    border-color: transparent #1a2a38 transparent transparent;
}
.sub-nav ul li {
    display: inline-block;
    padding: 0;
    margin: 0 10px;
}
.sub-nav ul li:last-child {
    margin-right: 0;
}
.sub-nav ul li a {
    color: #fff;
    font-family: "PFDinTextPro-Regular";
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}
.sub-nav ul li a:hover {
    text-decoration: none;
}
.sub-nav ul li.username {
    background: url(../img/settings.png) left center no-repeat;
    padding-left: 20px;
    background-size: 15px;
}

/* BUTTONS */
.btn,
.main-nav-links li a.button,
input[type="submit"] {
    border: none !important;
    font-size: 12px !important;
    font-family: "PFDinTextPro-Regular";
    padding: 5px 25px !important;
    font-weight: bold;
    height: auto !important;
    letter-spacing: 1px;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;

    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all;
}
.btn-main {
    border: 2px solid #20588b !important;
    color: #20588b !important;
}
.btn-main:hover {
    background: #20588b !important;
    color: #fff !important;
}
.btn-grey {
    border: 2px solid #c0c7cc !important;
    color: #c0c7cc !important;
}
.btn-grey:hover {
    background: #c0c7cc !important;
    color: #fff !important;
}
.btn-fill,
input[type="submit"] {
    border: 2px solid #20588b !important;
    background: #20588b !important;
    color: #fff !important;
}
.btn-fill:hover,
input[type="submit"]:hover {
    background: #153f67 !important;
    border: 2px solid #153f67 !important;
}
.btn-light,
.main-nav-links li a.button {
    border: 2px solid #4896d1 !important;
    background: #4896d1 !important;
    color: #fff !important;
}
.btn-light:hover,
.main-nav-links li a.button:hover {
    border: 2px solid #297ab4 !important;
    background: #297ab4 !important;
}
.btn-transparent-light {
    background: transparent !important;
    color: #fff !important;
    padding: 5px 0 3px 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border-bottom: 2px solid transparent !important;
}
.btn-transparent-light:hover {
    border-bottom: 2px solid #fff !important;
}
.btn-transparent-dark {
    background: transparent !important;
    color: #000 !important;
    padding: 5px 0 3px 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border-bottom: 2px solid transparent !important;
}
.btn-transparent-dark:hover {
    border-bottom: 2px solid #000 !important;
}
.btn-black {
    border: 1px solid #000 !important;
    color: #000 !important;
    font-size: 11px !important;
}
.btn-black:hover {
    background: #000 !important;
    color: #fff !important;
}
.btn-white {
    border: 1px solid #fff !important;
    color: #fff !important;
    font-size: 11px !important;
}
.btn-white:hover {
    background: #FFF !important;
    color: #000 !important;
}

/* HOME */
.home-col .row {
    margin-bottom: 30px;
    min-height: 200px;
}
.home-col .row:last-child {
    margin-bottom: 0;
}
.home-col h4 {
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
    font-family: "PFDinTextPro-Medium";
}
.home-col p {
    margin-bottom: 10px;
}
.home-col .inner {
    padding: 0 20px;
}
.home-col:nth-child(2):before {
    content:'';
    background: #c0c7cc;
    width: 2px;
    position: absolute;
    height: 100%;
    left: -15px;
}
.dark-grey-box {
    padding-left: 30px;
}
.dark-grey-box .inner {
    border: 2px solid #333;
    padding: 30px 35px;
}
.dark-grey-box .inner p {
    color: #fff;
    font-family: "PFDinTextPro-Regular";
    font-size: 13px;
    line-height: 19px;
    margin: 0;
}
.dark-grey-box .inner h4,
.dark-grey-box .inner h4 a {
    color: #fff;
    font-family: "PFDinTextPro-Medium";
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 19px;
    margin: 0 0 15px 0;
    border-bottom: 1px solid transparent;
    padding-bottom: 5px;
}
.dark-grey-box .inner h4 a {
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
.grey-box .inner {
    border: 2px solid #c0c7cc;
    padding: 30px 35px;
}
.grey-box h4 {
    color: #20588b;
    margin-bottom: 15px;
}
.grey-box ul {
    margin-left: 15px;
    margin-bottom: 0;
}
.grey-box ul li {
    list-style-type: disc;
    padding: 0;
    margin: 0 0 5px 0;
}
.grey-box ul li a {
    color: #000;
    text-decoration: none;
    padding-bottom: 2px;
}
.grey-box ul li a:hover {
    border-bottom: 2px solid #20588b;
}
.latest-event article,
.latest-webinar article {
    padding: 15px 40px 30px 40px;
    margin-top: 50px;
    margin-bottom: 75px;
}
.latest-event article:before,
.latest-webinar article:before {
    position: relative;
    top: 5px;
    left: -40px;
    padding: 9px 10px 7px 40px;
    font-family: "PFDinTextPro-Medium";
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}
.latest-event article h3,
.latest-webinar article h3 {
    text-transform: none;
    margin-bottom: 5px;
    font-family: "PFDinTextPro-Light";
}
.latest-webinar article aside,
.latest-event article aside {
    font-family: "PFDinTextPro-Medium";
    letter-spacing: 0.5px;
    font-size: 17px;
    margin: 0 0 10px 0;
}
.latest-event article {
    background: #f3f5f7;
}
.latest-event article:before {
    content: 'Events';
    background: rgba(0,0,0,0.1);
}
.latest-event.ae article:before {
    content: 'Artifact Exchange';
    background: rgba(0,0,0,0.1);
}
.latest-event article h3 {
    color: #000;
}
.latest-webinar article {
    background: #297ab4;
    color: #fff;
}
.latest-webinar a {
  color: #4896d1;
}
.latest-webinar a:hover {
  color: #4896d1;
}
.latest-webinar article:before {
    content: 'Webinars';
    background: rgba(0,0,0,0.2);
}
.training p{
    color: #fff;
}
.training article:before {
    content: 'Training';
    background: rgba(0,0,0,0.2);
}
.latest-webinar article h3 {
    color: #fff;
}
@media screen and (max-width: 991px) {
    .home-col .btn {
        margin-bottom: 30px;
    }
    .home-col:not(.grey-box) .inner {
        padding: 0;
    }
    .home-col .inner .row {
        margin: 0;
    }
    .home-col:nth-child(2):before {
        display: none;
    }
    .latest-event article {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .latest-webinar article {
        margin-bottom: 50px;
        margin-top: 0;
    }
}
.free-module {
    background: #297ab4;
    display: inline-block;
    float: left;
    width: 300px;
    position: fixed;
    bottom: 0;
    left: 0;
    margin-left: 55px;
    -webkit-transition: bottom 0.5s ease-in-out;
    transition: bottom 0.5s ease-in-out;
    z-index: 2;
}
.free-module.open {
    margin-top: -230px;
}
.free-module.sticky {
    bottom: -500px;
}
.free-module a {
    background: url(../img/drawer_closed_white.png) no-repeat center right 20px #4896d1;
    background-size: 20px;
    display: block;
    color: #fff;
    padding: 10px 10px 10px 0;
    text-align: center;
    font-family: "PFDinTextPro-Medium";
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}
.free-module.open a {
    background: url(../img/drawer_open_white.png) no-repeat center right 20px #4896d1;
    background-size: 20px;
}
.free-module p {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
}
.free-module .drawer {
    display: block;
    min-height: 230px;
    padding: 20px 25px;
}
.free-module.open .drawer {
    display: none;
}

/* RESOURCES */
.leftNav {
    background: transparent;
    padding: 0;
    margin-top: 10px;
}
.leftNav ul {
    margin: 0;
}
.leftNav ul li {
    padding: 0;
    margin: 0 0 3px 0;
}
.leftNav ul li a {
    color: #20588b;
    font-family: 'PFDinTextPro-Light';
    text-transform: uppercase;
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px;
    margin: 0;
    padding: 5px 10px 3px 65px;
    line-height: 16px;
    position: relative;
    width: 100%;
    left: -15px;
}
.leftNav ul li a:hover {
    text-decoration: none;
}
.content-wrapper:before {
    content: '';
    border-left: 2px solid #c0c7cc;
    position: absolute;
    left: -50px;
    height: 100%;
}
.docs .leftNav ul li:hover {	 
    cursor: pointer;
    background: #f3f5f7; 
    padding-left: 65px; 
    left: -15px; 
    position: relative;
}

.docs .leftNav ul li a{
	margin: 0; 
    padding: 5px 50px 3px 65px; 
    line-height: 16px; 
    position: relative; 
    width: 100%; 
    left: -15px;
	color: #20588b;
	font-family: "PFDinTextPro-Light";
    text-transform: uppercase; 
    font-weight: 600; 
    font-style: normal; 
    font-size: 12px;
        width: 100%;
    display: block;
        -webkit-font-smoothing: antialiased;
}

.docs .leftNav ul {
    margin-right: -18px;
    margin-top: -10px;
}
.docs .content-wrapper {
    padding-left: 50px;
}
.docs .content-wrapper:before {
    left: 0;
}
.content-wrapper h1 {
    margin-top: 10px;
}
.content-wrapper article {
    margin-bottom: 40px;
    padding-bottom: 50px;
    border-bottom: 2px solid #c0c7cc;
    float: left;
    width: 100%;
}
.content-wrapper article:last-child {
    border-bottom: 0;
}
.content-wrapper article h2,
.content-wrapper article h2 a {
    text-transform: none;
    font-size: 26px;
    line-height: 32px;
    text-decoration: none;
    margin: 0px;
    color: #000;
}
.content-wrapper article date {
    text-transform: uppercase;
    font-family: "PFDinTextPro-Medium";
    letter-spacing: 1px;
    color: #666;
    font-size: 16px;
    line-height: 22px;
    display: block;
    margin: 20px 0 10px 0;
}
.content-wrapper p {
    font-size: 14px;
    line-height: 20px;
}
.content-wrapper .doc-link {
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.content-wrapper .doc-link h2 {
    margin-left: -15px;
    margin-top: 0;
    margin-bottom: 0;
}
.content-wrapper .doc-link .btn {
    width: auto;
    margin: 0;
}
@media screen and (max-width: 1200px) {
    .content-wrapper:before {
        left: -35px;
    }
}
@media screen and (max-width: 991px) {
    .content-wrapper {
        text-align: center;
    }
    .content-wrapper:before {
        display: none;
    }
    .content-wrapper .doc-link .btn {
        width: auto;
        margin: 15px auto 0 auto;
    }
    .content-wrapper + div > input[type="search"] {
        left: -20px;
        position: relative;
        margin-bottom: 50px;
    }
    .leftNav {
        text-align: center;
        margin: 0 0 15px 0;
    }
}
input[type="search"] {
    font-family: "PFDinTextPro-Regular";
    background: url(../img/search.svg) no-repeat center left 10px;
    width: 100%;
    padding-left: 40px;
    background-size: 20px;
    border: 2px solid #c0c7cc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
input[type="search"]:focus {
    outline: 0;
    border: 2px solid #4896d1;
}
.training-wrapper p {
    font-size: 16px;
    line-height: 24px;
}
.training-class {
    margin-top: 25px;
    padding-bottom: 50px;
}
.training-class:first-child .inner {
    padding-right: 20px;
}
.training-class:first-child {
    border-right: 2px solid #c0c7cc;
}
.training-class:last-child .inner {
    padding-left: 20px;
}
.training-class span {
    background: #20588b;
    color: #fff;
    text-transform: uppercase;
    font-family: "PFDinTextPro-Medium";
    letter-spacing: 1px;
    padding: 5px 15px;
    display: inline-block;
}
.training-class h3 {
    color: #000;
}
@media screen and (max-width: 991px) {
    .training-wrapper {
        text-align: center;
    }
    .training-class:first-child {
        border: none;
    }
    .training-class {
        text-align: center;
    }
    .training-class .inner {
        padding: 0 !important;
    }
}
.downloads-wrapper h3 {
    color: #20588b;
}
.downloads-wrapper .product h4,
.blue-bg .free-tool h4 {
    letter-spacing: 0.5px;
    line-height: 24px;
    margin: 0;
    font-family: "PFDinTextPro-Medium";
}
.downloads-wrapper .product p {
    margin-bottom: 15px;
}
.downloads-wrapper .product,
.blue-bg .free-tool {
    border-bottom: 2px solid #c0c7cc;
    padding-top: 35px;
    padding-bottom: 25px;
}
.blue-bg .free-tool {
    padding-bottom: 30px;
}
.downloads-wrapper .product:last-child,
.blue-bg .free-tool:last-child {
    border-bottom: 0;
}
.downloads-wrapper .product img {
    width: 50px;
    display: block;
    margin: 0 auto;
    float: right;
}
.downloads-wrapper .product .latest-notes {
    color:#297ab4;
    display: inline;
	padding-right: 20px;
    text-transform: uppercase;
    font-family: "PFDinTextPro-Medium";
}

p.extended-links {
    margin-top: 15px;
}

.downloads-wrapper .product .all-notes:hover,
.downloads-wrapper .product .latest-notes:hover {
    text-decoration: underline;
}
.downloads-wrapper .product .all-notes,
.downloads-wrapper .product .sys-req {
    color: #888;
    text-transform: uppercase;
    font-size: 11px;
    font-family: "PFDinTextPro-Medium";
    letter-spacing: 1px;
    display: block;
    margin-bottom: 15px;
    text-decoration: none;
}
.downloads-wrapper .product a:hover {
    text-decoration: none;
}
.downloads-wrapper .product .sys-req {
    display: inline-block;
    color: #000;
    background: url(../img/drawer_closed_grey.png) no-repeat top 4px right;
    background-size: 11px;
    padding-right: 20px;
}
.downloads-wrapper .product .sys-req.open {
    display: inline-block;
    color: #000;
    background: url(../img/drawer_open_grey.png) no-repeat top 4px right;
    background-size: 11px;
    padding-right: 20px;
}
.downloads-wrapper .product .sys-req-drawer ul {
    margin-left: 15px;
    display: none;
}
.downloads-wrapper .product .sys-req-drawer.open ul {
    display: block;
}
.downloads-wrapper .product .sys-req-drawer ul li {
    font-size: 12px;
    letter-spacing: 0;
    font-family: "PFDinTextPro-Regular";
    color: #000;
    list-style-type: disc;
    margin: 0 0 5px 0;
    padding: 0;
}
.blue-bg {
    background: #f3f5f7;
    width: 100%;
    float: left;
    padding: 35px 0;
}
.blue-bg h3 {
    color: #20588b;
}
.blue-bg .free-tool p {
    margin: 0;
}
.blue-bg .free-tool .btn-wrap {
    text-align: center;
}
.blue-bg .free-tool .btn {
    display: inline-block;
    float: none;
    margin: 0 auto;
}
@media screen and (max-width: 1200px) {
    .downloads-wrapper .product img {
        float: none;
        margin-bottom: 15px;
    }
    /*.downloads-wrapper .product h4,
    .downloads-wrapper .product .btn-black {
        text-align: center;
    }*/
    .downloads-wrapper .product .btn-black {
        width: 70%;
        margin: 15px 15% 15px 15%;
    }
    /*.downloads-wrapper .product .btn-fill,
    .downloads-wrapper .product .btn-main {
        width: 100%;
    }*/
}
@media screen and (max-width: 991px) {
    .downloads-wrapper h3,
    .downloads-wrapper .product {
        text-align: center;
    }
    .downloads-wrapper .product .btn {
        width: auto;
    }
    .downloads-wrapper .product .btn-black {
        margin: 15px auto;
    }
    .downloads-wrapper .product .btn-main,
    .downloads-wrapper .product .btn-fill {
        margin: 5px auto 10px auto;
    }
    .blue-bg h3 {
        text-align: center;
    }
    .blue-bg .free-tool .btn {
        float:left;
        margin-top: 15px;
    }
}
@media screen and (max-width: 767px) {
    .blue-bg .free-tool {
        text-align: center;
    }
    .blue-bg .free-tool .btn {
        float: none;
    }
}

.faq-wrapper {
    margin-bottom: 50px;
}
.faq-wrapper:after {
    content:'';
    border-right: 2px solid #c0c7cc;
    position: absolute;
    height: 100%;
    right: -50px;
    top: 0;
}
.faq {
    margin: 0;
    padding: 0;
}
.faq > li,
.faq li.open {
    color: #000;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #c0c7cc;
    font-family: "PFDinTextPro-Regular";
    float: left;
    width: 100%;
}
.faq .question {
    cursor: pointer;
}
.faq li.open > ul {
    padding-left: 10px;
}
.faq li.open > ul > li {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
.faq li .question,
.faq li .answer,
.faq li .flag {
    display: block;
    float: left;
    width: 100%;
}
.faq li .flag {
    width: auto;
    background: #c0c7cc;
    color: #fff;
    font-size: 10px;
    font-family: "PFDinTextPro-Medium";
    text-transform: uppercase;
    padding: 3px 5px 2px 5px;
    float: left;
    margin: 0 0 5px 0;
}
.faq li .question {
    background: url(../img/drawer_closed.png) no-repeat top 8px right;
    background-size: 17px;
    padding-right: 40px;
}
.faq li.open .question {
    background: url(../img/drawer_open.png) no-repeat top 8px right;
    background-size: 17px;
    padding-right: 40px;
}
.faq li .answer {
    font-size: 13px;
    padding-right: 40px;
    display: none;
    margin: 10px 0 0 0;
}
.faq li .answer li:last-child {
    border-bottom: 0;
}
.faq li.open .answer {
    display: block;
}
.answer ul {
    list-style: circle;
}
.answer ul li {
    margin-left: 20px;
}

.support-wrapper h4,
.ticket-info h4 {
    color: #20588b;
    font-family: "PFDinTextPro-Regular";
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
}
.support-wrapper table,
#files {
    margin: 35px 0 0 0;
}
.support-wrapper table tr:nth-child(odd),
#files tr:nth-child(odd) {
    background: #f3f5f7;
}
#files tr th,
.support-wrapper table tr th {
    text-transform: uppercase;
    font-family: "PFDinTextPro-Medium";
    letter-spacing: 1px;
    font-size: 12px;
    padding: 5px 10px;
    border-bottom: 1px solid #c0c7cc;
    background: #fff;
}
#files tr {
    margin: 0;
}
.support-wrapper #tickets tr th:nth-child(2),
.support-wrapper #tickets tr th:nth-child(3) {
    background: url(../img/drawer_closed_grey.png) no-repeat top 9px right 20px #fff;
    padding-right: 20px;
    background-size: 12px;
    cursor: pointer;
}
.support-wrapper #tickets tr th.headerSortDown {
    background: url(../img/drawer_open_grey.png) no-repeat top 8px right 20px #fff;
    padding-right: 20px;
    background-size: 12px;
    cursor: pointer;
}
.support-wrapper table tr td,
#files tr td {
    font-family: "PFDinTextPro-Regular";
    font-size: 12px;
    padding: 8px 10px;
}
#files tr td {
    text-transform: none;
}
.support-wrapper table tr th,
.support-wrapper table tr td {
    min-width: auto;
    width: 20%;
}
.support-wrapper table tr th:first-child,
.support-wrapper table tr td:first-child {
    width: 23%;
}
.support-wrapper table tr th:nth-child(3),
.support-wrapper table tr td:nth-child(3) {
    width: 20%;
}
.support-wrapper table tr th:last-child,
.support-wrapper table tr td:last-child {
    width: 37%;
}
#new-comment {
    resize: none;
    width: 100%;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-top: 5px;
}
#new-comment + .btn {
    float: right;
    margin-top: 15px;
    margin-bottom: 50px;
    margin-right: 0;
}
.ticket-comments table {
    margin-top: 15px;
}
.ticket-comments h4 {
    color: #000;
}
.ticket-info table tr,
.profile-wrapper table tr {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.ticket-info table tr td,
.profile-wrapper table tr td {
    font-size: 12px;
    font-family: "PFDinTextPro-Regular";
    letter-spacing: 0.5px;
}
.ticket-info table tr td:first-child,
.profile-wrapper table tr td:first-child {
    text-transform: uppercase;
    font-family: "PFDinTextPro-Medium";
    letter-spacing: 1px;
    font-size: 12px;
}
.ticket-header .btn {
    float: right;
}
.ticket-header {
    margin-bottom: 10px;
}
.ticket-header h3 {
    margin-top: 0;
}
.ticket-header h1 {
    margin-top: 10px;
}
@media screen and (max-width: 991px) {
    .faq-wrapper:after {
        display: none;
    }
    .support-wrapper {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 767px) {
    .ticket-header .btn {
        float: left;
    }
}
.modal-content {
    padding: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.modal-content h4 {
    text-align: center;
    color: #20588b;
    font-family: "PFDinTextPro-Regular";
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0 0 45px 0;
}
.modal-content form {
    width: 80%;
    margin: 0 10%;
    position: relative;
}
.modal-content form .row {
    margin: 0 0 10px 0;
}
.modal-content form .disabled label {
    color: #c0c7cc;
}
.modal-content form label,
.login label {
    float: left;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    font-family: "PFDinTextPro-Medium";
    width: 25%;
    text-align: right;
    padding-right: 15px;
    height: 20px;
    margin: 10px 0;
}
.login label {
    color: #fff;
    width: 30%;
}
.login-content-wrap {
    padding-top: 100px;
}
.login.has-errors input:not(.btn) {
    border: 2px solid red;
}
.login.has-errors .error {
    display: block;
    color: red;
    width: 70%;
    margin-left: 30%;
    font-size: 14px;
    margin-bottom: 10px;
}
.login-wrap img {
    margin-left: 30%;
    margin-bottom: 50px;
    width: 200px;
    height: auto;
}
.forgot-pass label,
.new-account h2 {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 24px;
    float: left;
    letter-spacing: 1px;
    height: auto;
    color: #fff;
    font-family: "PFDinTextPro-Medium";
}
.new-account-error .dark-grey-box {
    margin-top: 68px;
}
.new-account input:not(.btn) {
    width: 65% !important;
}
.new-account label {
    width: 35% !important;
}
.new-account h2 {
    width: 65%;
    margin-left: 35%;
}
.forgot-pass label span {
    display: block;
    font-family: "PFDinTextPro-Light" !important;
    letter-spacing: 0.5px;
    text-transform: none;
    font-size: 15px;
}
.forgot-pass .login input:not(.btn) {
    width: auto;
    float: left;
    min-width: 350px;
}
.forgot-pass .login .btn {
    float: left;
    margin-top: 0;
    margin-left: 15px;
}
.forgot-pass .fade {
    opacity:1;
    display: block;
    margin-top: 50px;
    color: rgba(255,255,255,0.5);
    float: left;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all;
}
.forgot-pass .fade:hover {
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.75);
}
@media screen and (max-width: 991px) {
    .login-wrap {
        margin-bottom: 30px;
    }
    .dark-grey-box {
        padding-left: 0;
    }
}
@media screen and (max-width: 767px) {
    .forgot-pass .login .btn {
        display: block !important;
        float: none !important;
        /*margin-left: 0;
        margin-top: 30px;*/
		margin: 10px auto !important;
    }
    .forgot-pass .login input:not(.btn) {
        min-width: 100% !important;
		float: none !important;
    }
}
.modal-content form input,
.modal-content form textarea,
.modal-content form select {
    width: 75%;
    border: 2px solid #c0c7cc;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "PFDinTextPro-Regular";
    font-size: 13px;
    padding: 5px 10px;
    height: 40px;
    color: #c0c7cc;
    resize: none;
}
.login input:not(.btn) {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border: 0;
    width: 70%;
}
.modal-content form select {
    padding-right: 40px;
    background: url(../img/drawer_closed_grey.png) no-repeat center right 15px;
    background-size: 15px;
}
.modal-content form input:focus,
.modal-content form textarea:focus,
.modal-content form select:focus {
    color: #000;
    outline: 0;
    border: 2px solid #4896d1;
}
.modal-content form input[type="submit"] {
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    width: auto;
}
.modal-content form .upload-wrap .fake-btn,
.file-btn {
    background: transparent;
    border: 2px solid #c0c7cc !important;
    color: #c0c7cc !important;
    padding: 7px 15px;
    font-size: 15px !important;
    text-transform: none;
    font-family: "PFDinTextPro-Light";
    float: left;
    font-style: normal;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 40px;
    width: auto;
}
.modal-content form .upload-wrap .fake-btn:hover,
.file-btn:hover {
    text-decoration: none;
}
.modal-content form .upload-wrap input {
    opacity: 0;
    position: absolute;
    left: 30%;
    float: left;
    width: 120px;
}
.modal-content #remove {
    color: #000;
    font-family: "PFDinTextPro-Medium";
    font-size: 11px;
    background: url(../img/modal_close.svg) no-repeat top 2px left;
    padding-left: 15px;
    background-size: 10px;
    letter-spacing: 0.5px;
    height: 20px;
    margin-top: 25px;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 15px;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
}
.modal-content #remove:hover {
    border-bottom: 2px solid #000;
    text-decoration: none;
}
.modal-menu-trigger {
  color: transparent;
  font-size: 28px;
  top: 10px;
  right: 10px;
  position: absolute;
  cursor: pointer;
  width: 50px;
  height: 50px;
  text-align: center;
  font-weight: 100;
  z-index: 99;
  text-transform: lowercase;
  background: url('../img/modal_close.svg') no-repeat center center;
  background-size: 20px;
}
.modal-menu-trigger-white {
  color: transparent;
  font-size: 28px;
  top: 10px;
  right: 10px;
  position: absolute;
  cursor: pointer;
  width: 50px;
  height: 50px;
  text-align: center;
  font-weight: 100;
  z-index: 99;
  text-transform: lowercase;
  background: url('../img/modal_close_white.svg') no-repeat center center;
  background-size: 20px;
}
.login .forgot {
    display: block;
    float: right;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    text-align: right;
    border-bottom: 1px solid transparent;
    padding-bottom: 3px;
    letter-spacing: 1px;
}
.login .forgot:hover {
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
.login .btn {
    float: right;
    margin-right: 0;
    margin-top: 25px;
}
#welcome .modal-content {
    background: #111;
    text-align: center;
    float: left;
}
#welcome .modal-content h2 {
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-size: 34px;
    margin-top: 0;
}
#welcome .modal-content p {
    color: #fff;
    margin: 0;
}
#welcome .modal-content p.big {
    font-size: 17px;
    line-height: 23px;
    font-family: "PFDinTextPro-Light";
    letter-spacing: 0.5px;
    margin: 15px 0 50px 0;
}
#welcome .modal-content h4 {
    margin: 0 0 5px 0;
    color: #fff;
    font-family: "PFDinTextPro-Medium";
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#welcome .product-options {
    margin-top: 15px;
}
#welcome .product-options .inner {
    display: block;
    border: 2px solid #333;
    padding: 15px;
}
#welcome .product-options .inner:hover {
    background: #333;
}
#welcome .product-options .inner h4 {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 16px;
    margin: 0;
}
#welcome .product-options .inner img {
    width: 50%;
    margin: 0 25% 10px 25%;
    display: block;
}
#welcome .footer-wrapper {
    text-align: right;
    float: right;
    margin-top: 35px;
    width: 100%;
}
#welcome .footer-link {
    position: relative;
    top: 5px;
    margin-right: 15px;
    color: #fff;
    height: 30px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: "PFDinTextPro-Medium";
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 2px solid red;
}

/* PROFILE PAGE */
.profile-wrapper {
    margin-bottom: 100px;
}
.profile-wrapper .profile-header .btn {
    float: right;
    margin-top: 0;
    margin-right: 0;
}
.profile-wrapper .profile-header h1 {
    margin-top: 0;
    float: left;
}
.profile-wrapper .profile-header a:not(.btn) {
    color: #c0c7cc;
    font-family: "PFDinTextPro-Medium";
    letter-spacing: 1px;
    border-bottom: 1px solid #c0c7cc;
    text-decoration: none;
    text-transform: uppercase;
    margin: 5px 15px;
    display: inline-block;
}
.profile-wrapper h3 {
    color: #20588b;
    margin-bottom: 25px;
}
.profile-edit .inner {
    border: 2px solid #ddd;
    background: #f7f7f7;
    width: 100%;
    float: left;
    padding: 40px 75px;
}
.profile-edit input:not('.btn'),
.profile-edit select {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background: #fff;
    border-radius: 7px;
    width: 100%;
    height: auto;
    border: 1px solid #c0c7cc;
}
.profile-edit select {
    padding:4px 0px 3px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/drawer_closed_grey.png) no-repeat center right 7px #fff;
    background-size: 10px;
}
.profile-footer {
    text-align: right;
    margin-top: 25px;
}
@media screen and (max-width: 767px) {
    .profile-wrapper .profile-header .btn {
        float: left;
        margin-bottom: 25px;
    }
    .profile-wrapper .profile-footer {
        text-align: left;
    }
}


.errorM3 td {
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0;
}
.errorM3 img.msgIcon {
    display: none;
}
.errorM3 {
    color: #fff;
}
.message.errorM3 {
    color: #D73A3A;
}

.change-password {
    color: white;
}
.change-password input {
    margin-bottom: 5px;
    color: black;
}
.change-password h4 {
    padding: 0;
    margin: 0;
}
.change-password .errorM3 li {
    margin: 0;
    padding: 0;
}

.forgot-pass .login .btn {
    /* float: left; */
    /* margin-top: 0; */
    /* margin-left: 15px; */
    display: inline-block;
    margin: 0px 15px;
    clear: both;
    left: 0;
    right: 0;
    position: relative;
    float: none;
}

.forgot-pass .login input:not(.btn) {
    width: auto;
    /* float: left; */
    min-width: 350px;
    display: block;
    margin: 0 auto;
}
.forgot-pass label {
    text-align: center;
}

/* ORANE'S EDITS */

.no-transform{
    text-transform: none;
}
// .switch-portal{
//     padding: 40px 20px;
// }
.switch-portal{
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    padding: 40px 0px 6px;
    border-bottom: 2px solid #fff;
    font-family: 'PFDinTextPro-Medium';
}
.switch-portal:hover{
    text-decoration: none;
    color: #fff;
}
.no-margin{
    margin: 0px;
}
.side-nav li a{
    font-family: 'PFDinTextPro-Medium';
    color: #333;
    text-transform: uppercase;
}
.co-branding article::before{
    content: none;
}
.request{
    margin-top: 200px;
}
.request h2{
    color: #20588b;
}
.light-text{
    color: #A4A4A4;
}

.training-course h3{
    padding-bottom: 6px;
    border-bottom: 2px solid #c0c7cc;
}
.training-course h4 a{
    font-family: 'PFDinTextPro-Regular';
    color: #20588b;
    text-decoration: none;
}
.training-course h4 a::after{ content: " >"; }

.grey-box .inner a,
.brand-guidelines p a{
    border-bottom: 1px solid #4896d1;
    text-decoration: none;
    padding-bottom: 2px;
}

.grey-box .inner a:hover,
.brand-guidelines p a:hover{
    color: #4896d1;
}
.grey-box .inner .medium-text{
    font-size: 16px;
}
.grey-box .inner .medium-text a{
    border-bottom: 2px solid #4896d1;
}

.grey-box .inner h5{
    color: #c0c7cc;
    font-family: 'PFDinTextPro-Bold';
    text-transform: uppercase;
}
.nav-link{ margin-top: 100px; }
.nav-link .label{ text-transform: uppercase; }

.note{
    padding: 15px 40px !important;
    background-color: #f3f5f7;
    color: #20588b;
    font-size: 16px;
}

.note ul {
    list-style: initial;
    margin-bottom: 0px;
}
.brand-guidelines,
.brand-guidelines p,
.brand-guidelines div{
    font-family: 'PFDinTextPro-Regular';
}
.brand-guidelines p{
    font-size: 16px;
}
.brand-guidelines h4,
.brand-guidelines h5,
{
    color: #333;
}
.brand-guidelines h4{ font-family: 'PFDinTextPro-Regular'; }
.brand-guidelines h5{ font-family: 'PFDinTextPro-Medium'; font-size: 16px;}
.brand-guidelines img{ width: 100%; }
.brand-guidelines .reference img{ margin-bottom: 15px; }

.brand-guidelines .reference span{
    text-transform: uppercase;
    color: #878787;
    font-size: 12px;
    font-family: 'PFDinTextPro-Medium';
 }

.brand-guidelines ol li{
    color: #878787;
    text-transform: uppercase;
    font-family: 'PFDinTextPro-Medium';

}
.brand-guidelines li .description{
    font-size: 14px;
    text-transform: none;
    color: #333;
    font-family: 'PFDinTextPro-Regular';
}

.brand-guidelines ul{ list-style: initial; }
// .brand-guidelines p a{ border-bottom: 2px solid # }
// .brand-guidelines p a{ text-decoration: underline; }

.brand-guidelines .unacceptable{
  border: 2px solid #FB0008;
  margin-top: 50px;
  padding: 20px 30px;
  color: #333;
}

.unacceptable .heading{ margin: 20px 0px; }

.unacceptable h2{
    color: #FB0008;
    font-family: 'PFDinTextPro-Medium';
    font-size: 22px;
    display: inline;
}
.unacceptable h3{
    display: inline;
    color: #878787;
    font-family: 'PFDinTextPro-Regular';
    margin-left: 15px;
    font-size: 18px;
}
.unacceptable li{
    font-size: 18px;
    font-family: 'PFDinTextPro-Regular';
}
hr{ border: 1px solid #D9D9D9; }
hr.lighter { border: 1px solid rgb(233,234,233); }

.brand-guidelines .btn-light{
    text-transform: uppercase;
    border-radius: 5px !important;
    font-size: 14px !important;
    text-decoration: none;
}

.description-title{
    border: 2px solid #888888;
    padding: 3px 9px;
    font-family: 'PFDinTextPro-Medium' !important;

    color: #888888;
    text-transform: uppercase;
    display: inline-block;
    margin: 10px 0px;
}
.tight-list{
    line-height: 16px;
}
.brand-guidelines .grey-box .inner{
    padding: 10px 15px;
    margin-bottom: 20px;
}
.brand-guidelines .btn-main{
    text-transform: uppercase;
}
.no-margin{ margin: 0px; }

.request-form form input,
.request-form form select{
    width: 100%;
}
.request-form form input[type="tel"]{
    width: 50%;
}
.request-form form label{
    width: auto;
    margin: 0px;
}
.request-form form small{ color: #D9D9D9; }

.parsley-error{ background-color: #EF7B74; }
.parsley-errors-list{ margin-bottom: 0px; }
#request-cobranding .parsley-errors-list{ margin-bottom: -20px; }
#request-cobranding .parsley-errors-list li{ padding-bottom: 0px; }

.bold-text{ font-family: 'PFDinTextPro-Bold'; }
.medium-text{ font-family: 'PFDinTextPro-Medium'; }
.regular-text{ font-family: 'PFDinTextPro-Regular'; }

#request-cobranding .row{ margin-bottom: 25px; }
.landing-dropdown{
    /* glyphicon glyphicon-triangle-top*/
}
.file-type{
    color: #BBB;
    font-size: 14px;
    margin-left: 15px;
    padding-top: 10px;
    display: inline;
}


/* IE */
.ie header h1.partner.logo a {
	background-position-y: 10px;
}

/* AXIOM CLASSES */

.axiom-classes p {
    font-family: "PFDinTextPro-Light";
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}
.axiom-classes h3 {
    margin: 40px 0px 20px;
    font-family: "PFDinTextPro-Regular";
}
.axiom-classes h2 {
    text-transform: capitalize;
}
.axiom-class.grey,
.axiom-classes.grey {
    margin-bottom: -50px;
    background: rgba(0, 68, 121, 0.02);
    padding: 50px;
}
.axiom-class.center,
.axiom-classes.center {
    text-align: center;
}
.axiom-classes .modules {
    margin: 20px 0px 50px;
}
.axiom-classes .module {
    display: inline-block;
    color: #20578B;
    border: 1px solid #20578B;
    padding: 3px 15px 2px;
    font-size: 14px;
    vertical-align: top;
    margin-right: 25px;
    margin-bottom: 15px;
}
.axiom-classes .module-details {
    display: inline-block;
    width: 80%;
}
.axiom-classes .module-details h4 {
    margin-top: 0px;
}
.axiom-classes ul.classes {
    margin: 50px auto 0;
    max-width: 400px;
}
.axiom-classes ul.classes li {
    padding: 4px 0px 20px;
    margin-bottom: 15px;
    word-wrap: break-word;
    border-bottom: 1px solid rgba(0, 68, 121, 0.1);
}
.axiom-classes ul.classes li .class-details {
    width: 250px;
    text-align: left;
    display: inline-block;
}
.axiom-classes ul.classes li .class-details h4 {
    margin-top: 0px;
    text-transform: capitalize;
}
.axiom-classes ul.classes li .class-details p {
    margin: 0px;
}
.axiom-classes ul.classes li .class-link {
    display: inline-block;
    vertical-align: top;
}
.axiom-classes ul.classes li .class-link a {
    color: white;
    background: #153F67;
    padding: 7px 20px 7px;
    border-radius: 5px;
}
.axiom-class.intro {
    padding-bottom: 50px;
}
.axiom-class ul li strong {
    font-family: PFDinTextPro-Medium, arial, sans-serif;
}
.axiom-class h3 {
    margin-top: 3px;
    color: black;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    font-family: "PFDinTextPro-Regular";
}
.axiom-class h2 {
    margin-top: 5px;
    color: #20578B;
}
.axiom-class .information {
    width: auto;
    display: inline-block;
    margin: 25px 0px;
    background: rgba(0, 68, 121, 0.05);
    padding: 15px 25px;
}
.axiom-class .class-details {
    margin: 0px;
}
.axiom-class .class-details li {
    padding: 0px;
}
.axiom-class #pardot-form p.submit input {
    color: white;
    background: #153F67;
    padding: 7px 20px 7px;
    border-radius: 5px;
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    font-family: PFDinTextPro-Light, arial, sans-serif;
    font-size: 14px;
    font-weight: 100 !important;
    text-shadow: none;
    padding: 10px 25px !important;
}
.axiom-class form.form input.text {
    height: 25px;
    padding-left: 5px !important;
}

/* ARTIFACT EXCHANGE */
.artifact-search {
    margin-bottom: 25px;
}
.artifact-search .search-query {
    border-radius: 0px;
    width: 100%;
    height: 40px;
    background: #f6f8f8 url("../img/search.svg") no-repeat center right 10px / 25px;
    border: none;
    padding-left: 15px;
    padding-right: 40px;
    color: #808180;
}
.download-all {
    position: relative;
    font-size: 14px;
    height: auto;
    display: block;
    text-align: right;
    width: auto !important;
    margin-bottom: 40px;
}
.download-all a {
    position: relative;
    display: block;
    margin-bottom: 10px;
    margin-right: 10px;
    color: #BBB;
    float: right;
}
.download-all .arrow-img {
    float: right;
    height: 15px;
    position: relative;
    top: 3px;
}
.artifact {
    border: 1px solid #DDD;
    height: auto;
    position: relative;
    padding: 0px 0px 0px;
    display: block;
    margin: 5px 0px;
}
.artifact:hover {
    border-color: #5196d1;
}

.artifact.is--hidden {
    display: none;
}

.artifact h3 {
    margin: 0;
    font-family: "PFDinTextPro-Bold";
    font-size: 14px;
    font-weight: 100;
    color: black;
    padding-left: 25px;
    padding-top: 20px;
}
.artifact .featured-artifact-developer-info,
.artifact .featured-type {
    font-size: 14px;
    font-family: "PFDinTextPro-Light";
}

.artifact .featured-artifact-developer-info {
    color: #999;
    border-left: 1px solid #999;
    padding: 10px 25px;
    margin-top: 20px;
}
@media screen and (max-width: 767px) {
    .artifact .featured-artifact-developer-info {
        border-left: 0;
    }
}
.artifact .featured-type {
    color: black;
    margin-top: 5px;
    display: inline;
}
.artifact .featured-type:first-of-type {
    padding-left: 25px;
    margin-right: 12px;
}
.artifact .featured-platform {
    padding-right: 10px;
    border-right: 1px solid black;
}

.artifact:hover p {
    border-color: #4896d1;
}
.artifact-uploads {
    width: 100%;
    height: auto;
    background: #20588b;
    padding: 15px 25px;
    color: white;
    margin-bottom: 10px;
    overflow: auto;
}
.artifact-uploads p {
    color: white;
}
.artifact-resources {
    width: 100%;
    height: auto;
    background: #eee;
    padding: 15px 25px;
    color: #20588b;
    margin-bottom: 10px;
    overflow: auto;
}
.artifact-resources ul {
    list-style: inherit;
    color: #31708f;
    padding-left: 20px;
}
.artifact-reources ul li a {
    color: #20588b;
}
.artifact-wrapper { margin-left: 65px; padding-right: 0;}
.artifact-wrapper--one-up { margin-right: 65px; width: calc(100% - 160px); }
@media screen and (max-width: 1024px) {
    .artifact-wrapper {
        margin-left: 7vw;
    }
    .artifact-wrapper--one-up {
        margin-right: 7vw;
        width: calc(100% - 14vw);
        padding-right: 7vw;
    }
}
@media screen and (max-width: 767px) {
    .artifact-wrapper {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        width: calc(100% - 30px);
    }
}
.artifact-wrapper h2 {
    font-size: 17px;
    font-family: 'PFDinTextPro-Bold';
    color: #666;
    margin-bottom: 0px;
    padding-top: 2px;
}
.artifact-wrapper p {
    width: 600px;
    max-width: 100%;
}
.artifact-wrapper-single h1 {
    font-family: 'PFDinTextPro-Bold';
    color: #333;
    letter-spacing: 1px;
    font-size: 22px;
}
.artifact-wrapper-single h3 {
    font-size: 14px;
    color: #777;
}
.artifact-wrapper-single p.developer-name {
    font-size: 22px;
}
.artifact-wrapper-single p.developer-name sub {
    bottom: -15px;
    color: #777;
    padding-bottom: 20px;
    display: block;
}
.artifact-wrapper .terms,
.artifact-wrapper-single .terms {
    height: 600px;
    overflow: scroll;
    padding: 10px 30px 40px;
    margin: 20px 0px;
    background: #eff1f3;
    text-align: justify;
}
.artifact-sidebar {
    padding-left: 0;
}
@media screen and (max-width: 767px) {
    .artifact-sidebar {
        margin-top: 35px;
    }
}
.artifact-form sub {
    font-size: 15px;
}
.artifact-form p {
    width: 600px;
    max-width: 100%;
}
.button-viewall-articles {
    font-size: 14px !important;
    font-family: "PFDinTextPro-Medium" !important;
    border-width: 1px !important;
    padding: 10px 17px !important;
}
@media screen and (max-width: 767px) {
    display: block;
    margin-bottom: 35px;
}
.terms-confirm {
    padding: 5px;
    margin-top: -10px;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    width: auto;
}
.terms h2 {
    font-size: 20px;
    font-family: 'PFDinTextPro-Bold';
    color: #666;
}
.terms h3 {
    line-height: 18px;
    letter-spacing: 0px;
    font-size: 14px;
    color: #777;
}
.terms ul {
    list-style: initial;
    padding: 0px 0px 0px 40px;
    color: #000;
    font-family: "PFDinTextPro-Regular";
    font-size: 15px;
}
.terms strong {
    text-align: center;
    margin: 0 auto;
    display: block;
    font-family: "PFDinTextPro-Bold";
    font-weight: 100;
}
.terms label {
    vertical-align: bottom;
}
.terms p {
    width: auto !important;
}
.artifact-upload-form .row {
    padding-bottom: 10px;
}
.artifact-upload-form p {
    width: 600px;
    max-width: 100%;
}
.artifact-upload-form input,
.artifact-upload-form textarea {
    height: 35px;
    width: 500px;
    max-width: 100%;
    border-radius: 0px;
    border-width: 2px;
}
.artifact-upload-form input[type="submit"] {
    width: auto;
}
.artifact-upload-form .upload-wrap label {
    color: #999;
}
.artifact-upload-form .upload-wrap label sub {
    display: block;
    bottom: 0;
    vertical-align: bottom;
    line-height: 15px;
    font-size: 12px;
    color: #000;
}
.artifact-upload-form .fake-btn {
    color: #20588b !important;
    border: 1px solid #20588b;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 10px 0px 10px 20px;
}
.artifact-upload-form input[type="file"] {
    visibility: hidden;
    height: 0;
    width: 0;
    display: inline-block;
}
.upload-warning {
    font-size: 14px;
    padding: 20px;
    background: #eee;
    width: 400px;
    max-width: 100%;
    margin: 20px 0px;
}
.artifact-form .parsley-required,
.artifact-upload-form .parsley-required {
    text-align: left;
}
.artifact-form .parsley-error,
.artifact-upload-form .parsley-error {
    background-color: transparent;
}

.artifact-upload-form p.parsley-error,
.artifact-upload-form .row.parsley-error {
    border: none !important;
}
.property-confirm {
    margin-bottom: 8px;
}

/* New Keys update */

#magnet-license-warning {
    display: none;
}

/* Search Table Styles */
.search-results {
    border-collapse: collapse;
    border: 0;
    margin-bottom: 30px;
    width: 100%;
}

.search-results .cell,
.search-results .header,
.search-results .cell--smaller-text {
    border: solid rgb(237,238,237);
    border-width: 0 0 1px 0;
    padding: 10px 30px;
    font-size: 17px;
}

.search-results .header {
    cursor: pointer;
    background-color: rgb(16,63,103);
    font-family: "PFDinTextPro-Medium";
    color: white;
    font-size: 14px;
    text-transform: uppercase;
}

.search-results .cell--smaller-text {
    color: rgb(128,129,128);
    font-size: 13px;
}

.search-results .header.tablesorter-headerAsc {
    background: rgb(16,63,103) url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.2 6.1'%3E%3Cstyle%3E.st0%7Bfill:%236694C4;%7D%3C/style%3E%3Cpath class='st0' d='M5.1 6.1l-5-4.6L1.4.1l3.7 3.3L8.8.1l1.3 1.4z'/%3E%3C/svg%3E") center right / 11px no-repeat;
}

.search-results .header.tablesorter-headerDesc {
    background: rgb(16,63,103) url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.2 6.1'%3E%3Cstyle%3E.st0%7Bfill:%236694C4;%7D%3C/style%3E%3Cpath class='st0' d='M5.1.1l5 4.5-1.3 1.5-3.7-3.3-3.7 3.3L.1 4.6z'/%3E%3C/svg%3E") center right / 11px no-repeat;
}

.artifact-wrapper-single h2.header-singlecol-listing,
.artifact-wrapper h2.header-singlecol-listing,
.artifact-wrapper-single h4.table-title,
.artifact-wrapper h4.table-title {
    margin-top: 0;
    color: rgb(167,167,167);
    font-family: 'PFDinTextPro-Medium';
    font-size: 17px;
}

.artifact-wrapper h2.profile--title,
.artifact-wrapper-single h2.profile--title {
    font-size: 16px;
    color: rgb(128,129,128);
}

.artifact-wrapper h3.header-search-term,
.artifact-wrapper-single h3.header-search-term {
    color: black;
    margin-top: 5px;
    font-family: "PFDinTextPro-Light";
    text-transform: none;
    font-size: 25px;
    margin-bottom: 12px;
}

.artifact-wrapper h3.author-title,
.artifact-wrapper-single h3.author-title {
    font-size: 23px;
}

.artifact-wrapper h4.table-title,
.artifact-wrapper-single h4.table-title {
    margin-top: 10px;
}

.artifact-author .profile {
    padding: 18px 20px 35px;
    font-family: 'PFDinTextPro-Regular';
}

.developer-page-title {
    margin-bottom: 40px;
}

.profile-description {
    margin: 20px 0 40px;
}

.artifact-wrapper h2.artifact-developer-information,
.artifact-wrapper-single h2.artifact-developer-information {
    font-family: 'PFDinTextPro-Medium';
    font-size: 16px;
    color: #808180;
    margin-bottom: 30px;
    margin-top: 55px;
}

.artifact-seperator-margin {
    margin-bottom: 20px !important;
}

.review-terms {
    color: rgb(179,179,179);
    font-size: 13px;
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .email-phone {
        margin-top: 8px;
    }
}

.artifact-wrapper p.field,
.artifact-wrapper-single p.field {
    margin: 0;
    margin-bottom: 3px;
    font-size: 17px;
}

.artifact-wrapper p.field--inline,
.artifact-wrapper-single p.field--inline {
    display: inline;
}

.artifact-wrapper .field--company,
.artifact-wrapper-single .field--company {
    color: rgb(128,129,128);
    display: inline;
}
.artifact-wrapper a.link-field,
.artifact-wrapper-single a.link-field {
    color: black;
    padding-bottom: 3px;
    text-decoration: none;
}
.artifact-wrapper a.link-field:hover,
.artifact-wrapper-single a.link-field:hover {
    text-decoration: none;
    border-bottom: 2px solid black;
}
.artifact-wrapper p.field > span > a,
.artifact-wrapper-single p.field > span > a {
    color: black;
    text-decoration: none;
    border-bottom: 2px transparent solid;
}
.artifact-wrapper p.field > span > a:hover,
.artifact-wrapper-single p.field > span > a:hover {
    border-color: black;
}
.artifact-wrapper a.field--website,
.artifact-wrapper a.field--website:hover,
.artifact-wrapper-single a.field--website,
.artifact-wrapper-single a.field--website:hover {
    padding-bottom: 3px;
    border-bottom: 2px solid black;
    color: black;
    text-decoration: none;
}

.artifact-wrapper .field--phone,
.artifact-wrapper-single .field--phone {
    padding-right: 12px;
    border-right: 2px solid black;
}

@media screen and (max-width: 500px) {
    .artifact-wrapper p.field--inline,
    .artifact-wrapper-single p.field--inline {
        display: block;
    }

    .artifact-wrapper p.field:nth-of-type(2),
    .artifact-wrapper-single p.field:nth-of-type(2) {
        padding-left: 0;
    }

    .artifact-wrapper .field--phone,
    .artifact-wrapper-single .field--phone {
        padding-right: 0;
        border-right: 0;
    }
}

input[type=submit].submit-terms {
    /* Copy pasta from blue--button to use !important */
    background-color: #4896d1 !important;
    border: 1px solid #4896d1 !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 11px !important;
}

input[type=submit].submit-terms:hover {
    background-color: #297ab4 !important;
    border-color: #297ab4 !important;
    color: #fff !important;
    text-decoration: none !important;
}

h5.tag-listing {
    font-family: 'PFDinTextPro-Medium';
    font-size: 12px;
}

/* Tablesorter */

.tablesorter .tablesorter-filter-row {
    background-color: rgb(241,243,243);
    visibility: hidden;
}

.tablesorter .filtered {
    display: none;
}

.tablesorter input.tablesorter-filter {
    width: auto;
    font-size: 13px;
    color: rgb(178,179,179);
    border-width: 0 0 1px;
    background-size: 18px;
    background-position: 30px center;
    border-color: rgb(237,238,237);
    padding-left: 60px;
    visibility: hidden;
    height: 0;
}

/* Tag Cloud */

.tc-wrapper {
    display: block;
    height: 100%;
    margin-bottom: 30px;
}

.tc-tag {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    background: transparent;
    cursor: pointer;
    color: rgb(128,128,128);
    border: 1px solid rgb(216,216,216);
    font-size: 14px;
    border-radius: 5px;
}

.tc-selected {
    color: rgb(71,149,209);
    border-color: rgb(71,149,209)
}

span.sidebar-title {
  font-family: 'PFDinTextPro-Medium', sans-serif;
  color: #333;
  text-transform: uppercase;
}

ul.sidebar-padding {
  padding-left: 15px;
  padding-top: 10px;
}

@media screen and (max-width: 992px) {
  ul.sidebar-padding {
    padding-left: 0;
  }
}

.onboarding-modal-link-container {
  text-align: center;
  margin-top: 20px;
}

.onboarding-modal-link-inModal--active {
  font-weight: bold;
}

.onboarding-iframe {
  margin-top: 40px;
  border: 0;
  height: 471px;
  width: 800px;
}

@media screen and (max-width: 899px) {
  .onboarding-iframe {
    height: 180px;
    width: auto;
  }
}

.onboarding-modal-dialog {
  width: 910px;
}

@media screen and (max-width: 900px) {
  .onboarding-modal-dialog {
    width: auto;
  }
}

.portable-iframe {
  margin-top: 40px;
  border: 0;
  height: 508px;
  width: 1000px;
}

@media screen and (max-width: 1100px) {
  .portable-iframe {
    height: 200px;
    width: 390px;
  }
}

.portable-modal-dialog {
  width: 1110px;
}

@media screen and (max-width: 1110px) {
  .portable-modal-dialog {
    width: auto;
  }
}

.resources-dropdown__select {
  width: 220px;
  border: 2px solid #c0c7cc;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: "PFDinTextPro-Regular";
  font-size: 13px;
  padding: 5px 10px;
  height: 40px;
  color: black;
  margin-left: -14px;
  text-transform: capitalize;
}

@media screen and (max-width: 768px) {
  .resources-dropdown__select {
    margin-left: 0;
  }
}

.delta-pack-styles th:last-child {
    text-align: center;
}

.delta-pack-styles th {
    text-align: left;
    background-color: rgba(41,122,180,0.4);
    padding: 5px;
}

.delta-pack-styles td {
    text-align: left;
    padding: 7px;
}

.delta-pack-howto li {
    padding: 0px 5px;
}

img.axiom-version {
    clear: both;
    float: none !important;
    margin-left: 0 !important;
    width: 220px !important;
    padding-bottom: 5px;
}
