.portal input,
.portal input.input-block,
.portal form .btn {
	height: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* fix loading overlay */
.portal .portal-loading-background {
    background: rgba(0,0,0,0.60);
}

/*fix slider on sign-up */
.portal .slide-text {
	padding-top: 13px;
}

.portal .dragdealer {
	height: 42px;
}

/* fix saml callback url on authentication */
.portal #callbackContext,
.portal #saml-protocol {
	height: 25px;
	padding-top: 11px
}

/* fix table pagination controls */
.portal .pagination ul>li>a {
	color: #1D5BBF;
}

.portal .pagination ul>.active>a {
	color: #000000;
}

.portal .pagination ul>li>a:hover {
	color: #4888EF;
}

/* fix sizing of anchor tags styled as buttons */
.portal a.btn,
/* specific fix for role selector on users */
.portal #users-component #users-developer-select-org .org-card-wrapper .org-role-section .dev-role-menu .dev-role-menu-anchor {
    height: 26px;
    padding-top: 14px;
}

.portal .btn-group > .btn,
.portal .btn-group > .btn:first-child{
    border: 1px solid #1D5BBF;
    height: 40px;
	color: #1D5BBF;
}

/* fix alert styling */
.portal .alert-warning {
	background-color: #FFAB40;
}

.portal .alert {
	color: #000000;
	font-size: 14px;
	font-family: open-sans-regular;
}

/* fix modal styling */
.modal-footer,
.modal-body,
.modal-header {
    background: #FFFFFF;
}

/* fix login form styling */
.portal .row-fluid>.login-form-container {
	background: #FFFFFF;
	border: 1px solid #D9D9D9;
	box-shadow: unset;
}

.authscheme .authscheme-info,
.portal .authscheme .logo-section {
	height: unset;
}

.auth-options {
	margin: 20px 0px 20px 0px !important;
}

.row-fluid>.login-form-container>#auth-schemes>.authscheme {
	height: 40px;
}

.portal .row-fluid>.login-form-container>#auth-schemes {
	font-family: open-sans-regular;
}

/* apply secondary button styling to idp auth configs */
.row-fluid>.login-form-container>#auth-schemes>.authscheme {
	border: 1px solid #1D5BBF;
	background: #FFFFFF;
	color: #1D5BBF;
}

/* apply secondary button styling to idp auth configs */
.row-fluid>.login-form-container>#auth-schemes>.authscheme:hover {
	border-color: #4888EF;
	background: rgba(29,91,191,0.08);
}

/* fix idp auth config width to prevent overflow */
.authscheme .authscheme-info {
	width: 386px;
}



/* fix login form button text styling */
.authscheme .authscheme-info .title-info,
.authscheme .authscheme-info .desc-info {
	body: #1D5BBF;
	font-size: 14px ;
	font-family: open-sans-semi-bold ;
}

/* fix account-setup, registration and reset password styling */
.portal #registration-component div.span4,
.portal #accountsetup-component div.span4,
.portal #resetpassword-component div.span4 {
	background: #FFFFFF;
	padding: 36px;
}

.portal .leading {
	margin-bottom: 0;
}

/*  fix public landing page styling */

.portal .dashboard-banner h1 {
	border-bottom: 2px solid #1D5BBF;
}

.portal .dashboard-banner {
	padding-bottom: 0;
}

.portal div.dashboard-sections-inner {
	max-width: 1040px;
}

.portal div.dashboard-section {
	padding-left: 36px;
	padding-right: 36px;
	border-top: 1px solid #D9D9D9;
}

.portal a.dashboard-section-video-inner {
	border-bottom: 5px #1D5BBF solid;
}

.portal .dashboard-section-video-link,
.portal .dashboard-section-video a {
	color: #1D5BBF;
}

.dashboard-sections-inner .dashboard-section {
	background: #FFFFFF ;
}

/* COLORS */

/* site title */
.portal .header-nav-brand a,
.portal .header-nav-brand a:link,
.portal .header-nav-brand a:visited,
.portal .header-nav-brand a:hover,
.portal .header-nav-brand a:focus,
.portal .header-nav-brand a:active {
	color: #000000 ;
}

/* page title */
.portal h1,
.portal h2,
.portal h3,
.portal h4 {
	color: #4D4D4D ;
}

/* background */
body {
	background: #F6F6F6 ;
}

/* ui background */
.portal .portal-form-body,
.portal .datagrid-controls-header,
.portal .table,
.portal .datagrid-controls-footer,
.portal form .datagrid-controls-footer,
.portal .datagrid-header th,
.portal .well,
.portal .wizard-panels,
/* fix accordion on user page */
.portal .accordion.alternate div.accordion-group {
	background: #FFFFFF ;
}

/* fix accordion border on user page */
.portal .accordion-group {
	border: 1px solid;
}

/* body text */
.portal ::placeholder,
.portal input ::placeholder,
.portal textarea ::placeholder {
	color: #000000;
	opacity: 0.8;
}

/* body text */
.portal select,
.portal input[type="text"],
.portal textarea,
.portal .control-group.success select,
.portal .control-group.success label,
.portal .control-group.success input,
.portal .control-group.success input.parsley-validated {
	color: #000000;
}

/* remove table header shadow */
.portal .table,
.portal .datagrid .datagrid-table,
/* fix accordion on user page */
.portal .accordion.alternate div.accordion-group {
	box-shadow: unset;
	-webkit-box-shadow: unset;
}

/* fix table row hover style */
.portal .table-hover tbody tr:hover>td {
	background: rgba(29,91,191,0.08);
}

/* disabled button styling */
.portal .btn.disabled,
.portal .btn.disabled:hover {
	color: rgba(0,0,0,0.70);
	background-color: rgba(0,0,0,0.05);
	border-color: rgba(0,0,0,0.10);
}

/* fix margins and alignment */
@media screen and (max-width: 1024px) {
    .portal .accordion button {
        margin-top: unset;
        float: unset;
    }
}

.portal .table td span.valign-sub {
	vertical-align: sub;
}

/* body text */
.portal .datagrid-header th {
	color: #000000;
	font-weight: bold;
}

/* body text */
body {
	color: #000000;
}

/* link */
.portal a,
.portal a:link,
.portal a:visited,
.portal .help-list-title,
.portal .wizard-controls .nav-pills > li.active > a,
.portal .wizard-controls .nav-pills > li.active > a:hover,
.pottal .wizard-controls .nav-pills > li > a:hover {
	color: #114599;
}

/* link hover */
.portal a:hover,
.portal a:focus,
.portal a:active {
	color: #4888EF;
}

/* small text */
.portal small,
.portal .small {
	color: #000000;
}

/* ui background */
.portal .datagrid-controls-header,
.portal .datagrid-controls-footer {
	background: #FFFFFF;
}

.portal .wysihtml5-toolbar li a.btn,
.portal .wysihtml5-toolbar li a.btn:first-child,
.portal .wysihtml5-toolbar li.dropdown a.btn.dropdown-toggle
{
	height: 20px;
	padding-top: 11px;
	border: 1px solid #1D5BBF;
	color: #1D5BBF;
}

.portal .wysihtml5-toolbar li.dropdown a.btn.dropdown-toggle:hover {
	color: #FFFFFF;
}

/* primary button background, primary button text */
.portal .dropdown-toggle,
.portal .dropdown-menu,
.portal .dropdown-menu a,
.portal .dev-role-menu,
.portal .dev-role-menu a,
/* fix ddl menu on user page */
.portal #users-component #users-developer-select-org .org-card-wrapper .org-role-section .dev-role-menu .dev-role-menu-anchor {
	color: #1D5BBF;
	background: #FFFFFF;
}

/* primary button hover */
.portal .dropdown-toggle:hover,
.portal .dropdown-menu li>a:hover {
	color: unset;
	background: #4888EF;
}

/* primary button hover */
.portal .dropdown .dropdown-toggle:hover {
	color: unset;
	background: #4888EF;
}

/* primary button hover */
.portal .bootstrap-select .btn:hover {
	background: #4888EF;
}

/* primary button background */
.portal .caret {
	border-top-color: #1D5BBF;
	border-bottom-color: #1D5BBF;
}

/* primary button text */
.portal .page-size-opt {
	color: #FFFFFF;
}

/* border color */
.portal input,
.portal select,
.portal textarea,
.portal input[type="text"],
.portal input[type="password"],
.portal input[type="datetime"],
.portal input[type="datetime-local"],
.portal input[type="date"],
.portal input[type="month"],
.portal input[type="time"],
.portal input[type="week"],
.portal input[type="number"],
.portal input[type="email"],
.portal input[type="url"],
.portal input[type="search"],
.portal input[type="tel"],
.portal input[type="color"],
.portal .uneditable-input,
.portal input[data-type="login"],
.portal .datagrid-header,
.portal .datagrid-header th,
.portal td,
.portal .table td,
.table td,
.portal .wizard-controls .nav-pills > li > a,
.portal legend,
.portal .help-list-title,
.portal hr,
.swagger-section .swagger-ui-wrap ul#resources li.resource,
.swagger-section .swagger-ui-wrap input.parameter,
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.portal .btn-info,
.portal a.btn-info,
.modal-header,
.modal-footer,
.portal .form-actions,
.portal .accordion.alternate div.accordion-group {
	border-color: #D9D9D9 ;
}

/* primary button background */
/* background and border color should be same color value */
/* adding button-primary for okta widget button.*/
.portal .btn-primary,
.portal .button-primary,
.portal a.btn-primary {
	border-color: #1D5BBF ;
	background: #1D5BBF ;
}

/* the background color is a derivative of the base color */
.portal .btn-primary:hover,
.portal a.btn-primary:hover {
	background: #4888EF ;
	border-color: #4888EF ;
}

/* button margin fix */
.portal .btn {
	min-width: unset;
}

/* primary button text */
.portal .btn-primary,
.portal .button-primary,
.portal a.btn-primary {
	color: #FFFFFF ;
}

/* primary (active) button background */
.portal .btn-group .btn.active {
	border-color: #1D5BBF ;
	background: #1D5BBF ;
}

/* primary (active) button background color is a derivative of the base color */
.portal .btn-group .btn.active:hover {
	background: #4888EF ;
}

/* primary (active) button text */
.portal .btn-group .btn.active {
	color: #FFFFFF ;
}

/* secondary button styling is inverted off primary */
/* primary button background, primary button text */
.portal .btn-secondary,
.portal a.btn-secondary,
.portal .btn-info,
.portal a.btn-info,
.portal .layer7-dragndrop-panel button.remove-option{
	border-color: #1D5BBF;
	color: #1D5BBF;
	background: #FFFFFF;
}

/* primary button hover */
.portal .btn-secondary:hover,
.portal a.btn-secondary:hover,
.portal .btn-info:hover,
.portal a.btn-info:hover,
.portal .layer7-dragndrop-panel  button.remove-option:hover{
	border-color: #4888EF;
	color: #1D5BBF;
	background: rgba(29,91,191,0.08);
}

/* header background */
.portal .header-nav {
	background: #FFFFFF ;
	boxShadow: 0px 2px 3px rgba(0, 0, 0, 0.12) ;
}

/* header link */
.portal .header-nav-links li > a,
.portal .header-nav-links li > a:link,
.portal .header-nav-links li > a:visited,
.portal .header-nav-links li > a:hover,
.portal .header-nav-links li > a:focus,
.portal .header-nav-links li > a:active {
	color: #114599 ;
}

/* footer background */
/* this only applies to Dev Console footer that has a background
We need to figure out how to handle this as we don't have a
consistent footer. */

/* footer text */
.portal .portal-footer small,
.portal .portal-footer .small {
	color: #000000 ;
}

/* footer link */
.portal .portal-footer a,
.portal .portal-footer a:link,
.portal .portal-footer a:visited,
.portal .portal-footer a:hover,
.portal .portal-footer a:active,
.portal .portal-footer a:focus {
	color: #114599 ;
}

/* TYPOGRAPHY */

/* site title */
.portal .header-nav-brand a,
.portal .header-nav-brand a:link,
.portal .header-nav-brand a:visited,
.portal .header-nav-brand a:hover,
.portal .header-nav-brand a:focus,
.portal .header-nav-brand a:active {
	font-family: open-sans-semi-bold ;
}

/* body text */
body {
	font-family: open-sans-regular ;
}

/* body text */
.portal .table th, .portal th, .table th {
	font-family: open-sans-regular;
	font-weight: bold;
}

/* page title */
.portal h1 {
	font-family: open-sans-bold ;
}

/* small text */
.portal small,
.portal .small {
	font-family: open-sans-regular ;
}

/* header text */
.portal h2,
.portal h3,
.portal h4,
.portal h5,
.portal h6 {
	font-family: open-sans-bold ;
}

/* footer text */
.portal .portal-footer small,
.portal .portal-footer .small {
	font-family: open-sans-regular ;
}

/* button text */
.portal .btn,
.portal .button-primary,
.portal a.btn,
.authscheme .authscheme-info .title-info {
	font-family: open-sans-semi-bold ;
}

/* FONT SIZE */

/* site title */
.portal .header-nav-brand a,
.portal .header-nav-brand a:link,
.portal .header-nav-brand a:visited,
.portal .header-nav-brand a:hover,
.portal .header-nav-brand a:focus,
.portal .header-nav-brand a:active {
	font-size: 14px ;
}

/* body text */
body {
	font-size: 14px ;
}

/* page title */
.portal h1 {
	font-size: 34px ;
}

/* section title */
.portal h2 {
	font-size: 28px ;
}

/* title */
.portal h3 {
	font-size: 22px ;
}

/* small title */
.portal h4 {
	font-size: 18px ;
}

/* label */
.portal h5 {
	font-size: 12px ;
}

/* small label */
.portal h6 {
	font-size: 10px ;
}

/* small text */
.portal small,
.portal .small {
	font-size: 12px ;
}

/* header text */
.portal h2 {
	font-size: 34px ;
}

/* footer text */
.portal .portal-footer small,
.portal .portal-footer .small {
	font-size: 12px ;
}

/* button text */
.portal .btn,
.portal a.btn,
.authscheme .authscheme-info .title-info {
	font-size: 14px !important;
}

.sign-info {
	font-size: 14px !important;
}

/* info icon color */
.portal .popover-trigger-info:after {
	background: #1D5BBF ;
	color: #FFFFFF ;
}

/* left nav bar on homepage */
.portal .header-nav-trigger a,
.portal .header-nav-trigger a:hover {
	color: #000000 ;
}

.mobile-menu-trigger {
	color: #000000 ;
}
.mobile-nav .mm-list > li > a {
	color: #114599 ;
}

.mobile-nav .mm-list > li > a:hover,
.mobile-nav .mm-list > li.active > a {
	color: #4888EF ;
}

.mobile-nav .mm-list > li:hover > a {
	background: transparent;
}

.mobile-nav .mm-list > li:hover > a:hover {
	color: #4888EF ;
}

.portal label {
	line-height: normal;
}

.portal textarea {
	margin-bottom: 0em;
}

.portal .uneditable-input {
	color: #000000;
	background-color: rgba(0, 0, 0, 0.1);
}

.portal form pre {
	background: transparent;
}

.portal .layer7-dragndrop-panel span.add-on {
	height: 30px;
}

.portal .layer7-dragndrop-panel i.icon-portal-dragdrop {
	padding-top: 3px;
}

.portal .layer7-dragndrop-panel .input-prepend.input-append button.remove-option {
	margin-left: 4px;
	border-radius: 4px;
}

.portal .layer7-dragndrop-panel input.options-input {
	height: 38px;
}

.portal .page-title-row {
	background: #FFFFFF;
}

.portal .page-title-row h1{
	margin-left: 14px;
}

.portal .page-title-row h1 {
	margin-left: 14px;
}

.portal .page-title-row .portal-page-actions .btn:last-child{
	margin-right: 14px;
}

.portal .wizard-controls {
	margin-top: 24px;
	font-size: 14px;
	font-family: open-sans-regular;
}

.portal .wizard-controls .active .wizard-title,
.portal .wizard-controls .active .wizard-title:hover{
	color: #000000;
}

.portal .wizard-controls .wizard-title {
	color: #114599;
}

.portal .wizard-controls .wizard-title:hover {
	color: #4888EF;
}

.portal .wizard-controls .disabled .wizard-title,
.portal .wizard-controls .disabled .wizard-title:hover{

	color: grey;
}

.portal .wizard-controls small{
	font-size: 12px;
	color: #000000;
}

.portal .trial-video-sidebar .trial-video-sidebar-header:before {
	color: #FFFFFF ;
	background-color: #1D5BBF ;
}

.portal .table-striped tbody>tr:nth-child(odd){
	background-color: transparent;
}

.portal .layer7-tabs .nav-tabs{
	background: #FFFFFF;
	padding-left: 36px;
}

.portal .layer7-tabs .nav-tabs a{
	background: transparent;
	border: none;
}

.portal .layer7-tabs .nav-tabs li a{
	color: #114599;
}

.portal .layer7-tabs .nav-tabs li a:hover{
	color: #4888EF;
}

.portal .layer7-tabs .nav-tabs .active a,
.portal .layer7-tabs .nav-tabs .active a:hover{
	color: #000000;
}

.portal .layer7-tabs .tab-content{
	margin-top: 0px;
}

.portal input.pwd-policy-input{
	margin-bottom: 0px;
}