.auth-logo {
	border: none;
	width: 200px;
	margin-right: 50px;
}

.headerText:before {
	content: "ISS & Corporate Issuers" !important;
	float: right !important;
	color: black !important;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
	color: #fff !important;
	font-weight: bold !important;
}

.headerLogo {
	background-image: url("/AuthApp/images/Header-Logo.png") !important;
	float: left !important;
	padding-left: 4% !important;
	height: 45px !important;
	width: 75px !important;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
}

.footerLogo {
	display: none !important;
	border: none !important;
}

.login-page-body {
	/* 	background-image: url("/AuthApp/images/globe.jpg") !important; */
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	color: #fff !important;
	margin: 0px !important;
	/* 	background-position: 100% 0% !important; */
	/* 	background-size: cover !important; */
}

.login-page-form {
	padding-top: 8% !important;
	padding-left: 20% !important;
}

.login-page-messages {
	/* 	width: 96% !important; */
	font-weight: bold !important;
	font-size: 15px !important;
	position: absolute !important;
	word-wrap: break-word !important;
	list-style-type: none !important;
	padding: 0% !important;
	margin: 0px !important;
	min-width: 570px !important;
}

.login-page-panelGrid {
	width: 45% !important;
	/* 	height: 100% !important; */
	background: none repeat scroll 0 0 #2E393D !important;
	background-color: rgba(21, 46, 86, 0.67) !important;
	/* 	padding-bottom: 2% !important; */
	min-width: 570px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.button1 {
	background-color: #f46c04;
	border: none;
	color: white;
	padding: 15px 32px;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	width: 300px !important;
	border-radius: 2px;
}

.button2 {
	background-color: #152e56;
	border: none;
	color: white;
	padding: 15px 20px;
	float: right;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	width: 150px !important;
	border-radius: 2px;
	margin-right: 58%;
}

.tabButton {
	background-color: #f46c04;
	border: none;
	color: white;
	padding: 15px 15px;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	width: 200px !important;
	border-radius: 2px;
}

.tabButtonDefault {
	background-color: #152e56 !important;
	border: none;
	color: white;
	padding: 15px 15px;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	width: 200px !important;
	border-radius: 2px;
}

.up-label2 {
	font-size: 16px !important;
}

.up-label1 {
	font-size: 16px !important;
	color: #f46c04 !important;
}

.login-page-button {
	background: #f46c04 !important;
	color: white !important;
	border: none !important;
	letter-spacing: 3px !important;
	display: inline !important;
	padding: 5px 10px !important;
	width: 100% !important;
	margin-top: 15% !important;
	height: 35px !important;
	font-size: 16px !important;
}

.uvc-page-form {
	padding-left: 20% !important;
	/* 	padding-right: 30% !important; */
	min-width: 720px !important;
	width: 50% !important;
	margin-right: 20% !important;
}

.vc-page-form {
	padding-top: 8% !important;
	padding-left: 20% !important;
	/* 	height: 70% !important; */
	margin-bottom: 0px;
}

.vc-page-messages {
	width: 370px !important;
	/* 	padding-left: 40% !important; */
	font-weight: bold !important;
	font-size: 15px !important;
	position: absolute !important;
	list-style-type: none !important;
	padding: 0% !important;
	margin: 0px !important;
}

.usp-vc-page-messages {
	width: 42% !important;
	/* 	padding-left: 40% !important; */
	font-weight: bold !important;
	font-size: 15px !important;
	position: absolute !important;
	list-style-type: none !important;
	padding: 0% !important;
	margin: 0px !important;
}

.vc-page-panelGrid {
	width: 42% !important;
	background: none repeat scroll 0 0 #2E393D !important;
	background-color: rgba(46, 57, 61, 0.7) !important;
	padding-left: 0% !important;
	padding-bottom: 2% !important;
}

.vc-page-panelGrid2 {
	width: 100% !important;
}

.uch-question-label1 {
	font-size: 20px !important;
	font-family: Arial, Verdana, sans-serif !important;
}

.uch-question-label2 {
	font-size: 14px !important;
	font-family: Arial, Verdana, sans-serif !important;
}

.ch-question-label1 {
	font-size: 13px !important;
	font-family: Arial, Verdana, sans-serif !important;
}

.ch-question-label2 {
	font-size: 11px !important;
	font-family: Arial, Verdana, sans-serif !important;
}

.vc-page-selectMenu {
	font-size: 15px !important;
	font-family: Arial, Verdana, sans-serif !important;
	color: #f3a224 !important;
	width: 100% !important;
	border: none !important;
	background-color: #143b79 !important;
	height: 36px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: url("/AuthApp/images/select-menu.png");
	background-position: 98% center;
	background-repeat: no-repeat;
	outline: none;
}

select:disabled.simple-control::-ms-expand {
	display: none;
}

.vc-page-button {
	background: #f46c04 !important;
	color: white !important;
	border: none !important;
	font-weight: 500 !important;
	display: inline !important;
	padding: 5px 10px !important;
	width: 100% !important;
	text-align: center !important;
	height: 35px !important;
	font-size: 16px !important;
}

.ucp-page-form {
	padding-left: 20% !important;
	/* 	padding-right: 30% !important; */
	min-width: 720px !important;
	width: 50% !important;
	margin-right: 20% !important;
}

.cp-page-form {
	padding-top: 8% !important;
	padding-left: 20% !important;
	/*     height: 70% !important; */
	margin-bottom: 0px;
}

.uf-page-form {
	padding-left: 20% !important;
	padding-right: 30% !important;
	width: 50% !important;
}

.tab-page-form {
	padding-left: 20% !important;
	/* 	padding-right: 30% !important; */
	min-width: 720px !important;
	margin-right: 20% !important;
	width: 50% !important;
}

.tab-panelGrid {
	width: 100% !important;
	background: none repeat scroll 0 0 #2E393D !important;
	background-color: #f46c04 !important;
}

.col-width {
	width: 33% !important;
}

.header-panelGrid {
	width: 100%;
	padding-left: 20% !important;
	padding-top: 2% !important;
	padding-bottom: 0% !important;
	padding-right: 16% !important;
}

.footer-panelGrid {
	width: 100%;
	padding-left: 30% !important;
	padding-bottom: 2% !important;
	padding-right: 30% !important;
}

.cp-page-panelGrid {
	width: 45% !important;
	/*     height: 100% !important; */
	background: none repeat scroll 0 0 #2E393D !important;
	background-color: rgba(21, 46, 86, 0.67) !important;
	min-width: 570px !important;
}

.save-cq-page-panelGrid {
	width: 45% !important;
/* 	height: 100% !important; */
	background: none repeat scroll 0 0 #2E393D !important;
	background-color: rgba(21, 46, 86, 0.67) !important;
	min-width: 570px !important;
}

.upcp-page-panelGrid {
	width: 100% !important;
	background: none repeat scroll 0 0 #2E393D !important;
	background-color: rgba(21, 46, 86, 0.67) !important;
	padding-left: 2% !important;
	padding-right: 2% !important;
	padding-bottom: 2% !important;
	min-width: 720px !important;
}

.cp-page-messages {
	width: 90% !important;
	font-weight: bold !important;
	font-size: 15px !important;
	list-style-type: none !important;
	padding: 0% !important;
	margin: 0px !important;
}

.display-none {
	display: none !important;
}

.cp-page-input {
	background-image: none !important;
	background-color: rgba(0, 0, 0, 0) !important;
	border-color: #5B9BD5 !important;
	color: #fff !important;
	text-align: left !important;
	height: 24px !important;
	padding: 0 5px !important;
	box-shadow: none !important;
}

.cp-page-label {
	float: left !important;
	width: 38% !important;
}

.cp-page-button {
	background: #f46c04 !important;
	color: white !important;
	border: none !important;
	font-weight: 500 !important;
	display: inline !important;
	padding: 5px 10px !important;
	width: 100% !important;
	text-align: center !important;
	height: 35px !important;
	font-size: 16px !important;
}

.vp-page-form {
	padding-top: 8% !important;
	padding-left: 20% !important;
	/* 	height: 70% !important; */
	margin-bottom: 0%;
}

.vp-page-messages {
	width: 35% !important;
	font-weight: bold !important;
	font-size: 15px !important;
	position: absolute !important;
	word-wrap: break-word !important;
	list-style-type: none !important;
	padding: 0% !important;
	margin: 0px !important;
}

.vp-page-panelGrid {
	width: 40% !important;
	/* 	height: 100% !important; */
	background: none repeat scroll 0 0 #2E393D !important;
	background-color: rgba(21, 46, 86, 0.67) !important;
	padding: 2% !important;
	min-width: 570px !important;
}

.vp-page-input {
	width: 100% !important;
	height: 24px !important;
	text-align: left !important;
	font-size: 16px !important;
	border: none !important;
	border-bottom: #5B9BD5 solid 2px !important;
	background-color: rgba(17, 40, 73, 0) !important;
	color: white !important;
	box-shadow: none !important;
}

.vp-page-btn {
	background: #f46c04 !important;
	color: white !important;
	border: none !important;
	letter-spacing: 3px !important;
	display: inline !important;
	padding: 5px 10px !important;
	width: 100% !important;
	margin-top: 10% !important;
	height: 35px !important;
	font-size: 16px !important;
}

.login-page-user-textbox {
	width: 96% !important;
	height: 24px !important;
	text-align: left !important;
	font-size: 16px !important;
	padding-left: 0px !important;
	border: none !important;
	border-bottom: #809eb9 solid 2px !important;
	color: white !important;
	background-color: rgba(17, 40, 73, 0) !important;
	box-shadow: none !important;
	margin-top: 5% !important;
}

.login-page-pass-textbox {
	width: 96% !important;
	height: 24px !important;
	text-align: left !important;
	font-size: 16px !important;
	padding-left: 0px !important;
	border: none !important;
	border-bottom: #809eb9 solid 2px !important;
	background-color: rgba(17, 40, 73, 0) !important;
	color: white !important;
	box-shadow: none !important;
	margin-top: 5% !important;
}

.body_right {
	position: relative !important;
	padding: 25px 0 0 40px !important;
	/*     padding: 50px 0 0 20px !important; */
	float: left !important;
}

.right_content {
	width: 670px !important;
	float: right !important;
}

.font_h1 {
	font-weight: normal !important;
	font-size: 48px !important;
	color: #fff !important;
}

.font_h1_blue {
	font-weight: normal !important;
	font-size: 48px !important;
	color: #00CCFF !important;
}

.clr20 {
	clear: both !important;
	height: 20px !important;
}

.font20 {
	font-size: 20px !important;
}

.learn_more {
	background: rgba(0, 0, 0, 0) !important;
	color: #fff !important;
	font-size: 15px !important;
	border: #fff 1px solid !important;
	width: 150px !important;
	text-align: center !important;
	padding: 5px 0 !important;
	display: inline-block !important;
	font-weight: bold !important;
}

.browser_msg {
	padding: 10px !important;
	font-size: 11px !important;
	text-align: left !important;
	width: 275px !important;
	margin: 0 auto !important;
}

.forgot_pass {
	color: #00CCFF !important;
	background: rgba(0, 0, 0, 0) !important;
	text-decoration: none !important;
	float: right !important;
	font-size: 14px !important;
	cursor: pointer !important;
}

.transparent_input_text {
	width: 100% !important;
	height: 30px !important;
	text-align: left !important;
	font-size: 16px !important;
	padding-left: 0px !important;
	border: none !important;
	border-bottom: #809eb9 solid 2px !important;
	background-color: rgba(17, 40, 73, 0) !important;
	color: white !important;
	box-shadow: none !important;
}

.up-page-tab-highlight {
	background-color: #152e56;
	border: none;
	color: white;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	width: 90% ! important;
	border-radius: 2px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10%;
}

.up-page-tab-removehighlight {
	background-color: #f46c04;
	border: none;
	color: white;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	width: 90% ! important;
	border-radius: 2px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10%;
}

.vp-back-link {
	color: #00CCFF !important;
	background: rgba(0, 0, 0, 0) !important;
	text-decoration: none !important;
	float: left !important;
	font-size: 14px !important;
}

.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus,
	.ui-widget-header .ui-inputfield.ui-state-focus {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

input[type="text"], input[type="password"] {
	background-color: rgba(17, 40, 73, 0) !important;
	background-image: none !important;
	border-color: #112849;
	color: #FFF !important;
}

input[type="text"], input[type="password"] {
	border-color: #112849;
	color: #FFF;
}

.need_help_content {
	background-color: #373737;
	color: white;
	display: none;
	font-size: 14px;
	padding: 10px 20px 20px;
	position: absolute;
	width: 400px;
	z-index: 1002;
	margin-top: 75px;
	margin-left: 1%;
}

.gray_background_transparent {
	background: none repeat scroll 0 0 #2E393D;
	background-color: rgba(46, 57, 61, 0.7);
	text-align: center;
}

.arrow_top_help {
	left: 50%;
	position: absolute;
	top: -15px;
	z-index: 2002;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 15px solid white;
}

input[type="button" i]:disabled, input[type="submit" i]:disabled, input[type="reset"
	i]:disabled, input[type="file" i]:disabled::-webkit-file-upload-button,
	button:disabled, select:disabled, optgroup:disabled, option:disabled,
	select[disabled]>option {
	color: graytext;
}

.logout-button {
	background-color: #152e56;
	border: none;
	color: white;
	padding: 15px 32px;
	float: right;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	width: 150px !important;
	border-radius: 2px;
}

.dashboard-header-panel {
	width: 70%;
	padding-bottom: 0% !important;
	min-width: 570px !important;
}

.dashboard-page-panelGrid {
	width: 70% !important;
	background: none repeat scroll 0 0 #2E393D !important;
	background-color: rgba(21, 46, 86, 0.67) !important;
	min-width: 570px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	min-height: 550px !important;
}

.dashboard-app-btn {
	height: 150px;
    width: 150px;
    margin: 4%;
    background-color: #f46c04 !important;
    color: white !important;
    border: none !important;
    font-size: 16px !important;
    border-radius: 15px;
    transition: all 0.4s ease-in-out;
    line-height: 270px;
/* 	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1px'><text x='30%' y='45%' fill='white' font-size='80' font-family='Arial, Verdana, sans-serif'>D</text></svg>"); */
}

.dashboard-app-btn:hover
{
    box-shadow: inset 0px -7px 0px 0px 150px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
    border-color: rgb(21, 20, 20);
    font-size: 50px;
}

.dashboard-app-btn:focus {
	outline-color: transparent !important;
	column-rule-color: rgba(78, 145, 254, 0);
}

/* input.dashboard-app-btn:first-letter { */
/*     font-size: 500px; */
/*     text-transform: uppercase; */
/* } */
.span-class {
	    display: inline-block;
    font-size: 35px;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 50%;
    background: rgba(33, 150, 243, 0.53);
    vertical-align: middle;
    /* margin-right: 1em; */
    color: white;
    position: relative;
    left: 140px;
    top: -90px;
    right: 200px;
    z-index: 999;
}



.scrollable-wrapper {
	max-height: 400px;
	overflow-y: auto;
	border: 1px solid #ccc;
	margin-top: 15px;
}

.ip-table {
	width: 100%;
	border-collapse: collapse;
}

.ip-table th, .ip-table td {
	padding: 10px 12px;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 14px;
}

.ip-table th {
	background-color: #f46c04;
	position: sticky;
	top: 0;
	z-index: 2;
}

.ip-page-button {
	background: #f46c04 !important;
	color: white !important;
	border: none !important;
	font-weight: 500 !important;
	display: inline !important;
	padding: 5px 10px !important;
	width: 48% !important;
	text-align: center !important;
	height: 35px !important;
	font-size: 16px !important;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.ip-page-disabled-button {
	background: #f4a86c !important;
	color: white !important;
	border: none !important;
	font-weight: 500 !important;
	display: inline !important;
	padding: 5px 10px !important;
	width: 48% !important;
	text-align: center !important;
	height: 35px !important;
	font-size: 16px !important;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.ip-page-input-textbox {
	width: 99% !important;
	height: 24px !important;
	text-align: left !important;
	font-size: 16px !important;
	padding-left: 0px !important;
	border: none !important;
	border-bottom: #809eb9 solid 2px !important;
	background-color: rgba(17, 40, 73, 0) !important;
	color: black !important;
	box-shadow: none !important;
}

.width50 {
	width: 50% !important;
}

.align-top {
	vertical-align: top !important;	
}


.api-key-table {
	width: 100%;
	border-collapse: collapse;
}

.api-key-table th, .api-key-table td {
	padding: 10px 12px;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 14px;
}

.api-key-table th {
	background-color: #f46c04;
	position: sticky;
	top: 0;
	z-index: 2;
}

.upmk-label1 {
	font-size: 20px !important;
	font-family: Arial, Verdana, sans-serif !important;
	display: inline-block !important;
}

.upmk-page-button {
	background: #f46c04 !important;
	color: white !important;
	border: none !important;
	font-weight: 500 !important;
	display: inline !important;
	padding: 0px 0px !important;
	width: 30% !important;
	text-align: center !important;
	height: 35px !important;
	font-size: 16px !important;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.upmk-page-revoke-button {
	background: #f46c04 !important;
	color: white !important;
	border: none !important;
	font-weight: 500 !important;
	display: inline !important;
	padding: 2px 4px !important;
	width: 100% !important;
	text-align: center !important;
	height: 30px !important;
	font-size: 14px !important;
	text-decoration: none !important;
}


.modal { 
	position: absolute !important; 
	z-index: 999 !important; 
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important; 
	background: rgba(10, 30, 90, 0.45);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Safari */
}

.modal-content {
	position: absolute !important;
	z-index: 1002 !important;
	background-color: #152e56 !important;
	width: 400px !important; 
	height: 150px !important;
	padding: 16px !important; 
	border-radius: 8px !important;
	left: 38% !important;
	top: 34% !important;
	color: white !important;
}

.close { 
	float: right; 
	cursor: pointer; 
	font-size: 24px; 
}


/* .dashboard-app-btn { */
/* 	height: 150px; */
/* 	width: 150px; */
/* 	margin-left: 10%; */
/* 	background: #f46c04 !important; */
/* 	color: white !important; */
/* 	border: none !important; */
/* 	letter-spacing: 3px !important; */
/* 	font-size: 16px !important; */
/* 	border-radius: 4px; */
/* 	transition: all 0.2s ease-in-out; */
/* } */

/* .dashboard-app-btn:hover { */
/* 	box-shadow: inset 0px -7px 0px 0px rgb(20, 20, 21); */
/* 	border-color: rgb(21, 20, 20); */
/* } */

/* .dashboard-app-btn:focus, .dashboard-app-btn:active, */
/* 	.dashboard-app-btn.active { */
/* 	border-color: #f46c04; set the color you want here */
/* } */

/* .vali_cq_btn { */
/*     background: #5B9BD5 !important; */
/*     color: #fff !important; */
/*     font-size: 12px !important; */
/*     border: none !important; */
/*     width: 150px !important; */
/*     text-align: center !important; */
/*     padding: 7px 0 !important; */
/*     display: inline-block !important; */
/*     font-weight: 800 !important; */
/*     float: left !important; */
/* } */