/* Basecamp Style Admin Site CSS */

body {
  background-color:#E5E5E5;
  margin:0pt auto;
  padding:0pt;
  text-align:center;
  font-size: 12px;
  font-family: 'Lucida Grande', Verdana, sans-serif;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  clear: both;
}

h2 {
  margin: 0px;
  font-size: 18px;
  margin-bottom: 0px;
}

h3 {
  margin: 10px 0 0 0;
  font-size: 14px;
  font-weight: normal;
  padding: 0;
}

img {
  border: 0px;
}

a {
  padding: 1px;
  text-decoration: underline;
}

a:link,
a:visited{
  color: #0033CC;
}

a:hover {
  color: #FFF;
  background-color: rgb(0, 51, 153);
  text-decoration: none;
}

a.img:hover{
  background: none;
}

a.button, input.button  {
  border: 1px solid #C8C8C8;
  padding: 6px 8px 6px 8px;
  text-decoration: none;
  background-color: #FEFEFE;
  color:  #000;
  float: left;
  line-height: 15px;
}

a.button:hover {
  color: #000;
}

a.deleted {
  color: #999;
}

ul {
  margin: 0;
  padding: 0;
}

.inline {
	float:left;
	}

ul li{
  list-style: none;
  margin: 0;
  padding: 0;
}

dl {
  margin: 10px 0 0 0;
  float:left;
}

dt {
  float: left;
  line-height: 24px;
  width: auto;
  text-align: right;
  margin-right: 5px;
}

dl dt input{
  margin-top: 2px;
  width: 165px;
}

dd {
  margin: 0 0 0 90px;
  font-size: 11px;
  line-height: 24px;
  color: #666;
  margin-left: 0px;
  float: right;
}

#content-body dl {
  font-size: 110%;
}

#content-body dt {
  width: 125px;
  clear:both;
  margin-right: 10px;
  margin-bottom: 10px;
}

#content-body dd {
  float:left;
  font-size: 110%;
}

#login-box dl dd {
  margin-bottom: 10px;
}

hr {
  float:left;
  width: 100%;
  border: 1px dotted #E5E5E5;
  border-style: none none dashed;
}

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

#top-bar{
	  position:fixed;
			width: 100%;
}

#header {
  background-color: #001839;
  text-align: left;
  padding: 0 40px 0 40px;
}

#header h1 {
  margin: 0px;
  font-size: 24px;
  color: #77BCF7;
  padding: 5px 0 10px 0;
  font-weight: normal;
}

#header form {
  display:inline;
}

#header select {
  width: 100px;
}

#subheader {
  color: rgb(57, 146, 221);
  font-size: 11pt;
  font-weight: normal;
  text-decoration: none;
}

#logout_status{
  font-size: 10pt;
  display: inline;
  color: rgb(57, 146, 221);
  line-height: 25px;
  width: 150px;
}

#logout_status a{
  color: rgb(57, 146, 221);
}


#login_status {
  margin-top: -50px;
  margin-right: 25px;
	float: right;
  color: rgb(57, 146, 221);
  font-size: 12px;
}

#login_status a, #login_status a:visited {
  color: rgb(57, 146, 221);
}

#langauge_setting {
  margin-top: -50px;
  float: right;
  color: rgb(57, 146, 221);
  font-size: 12px;
}

/* Navigation
   ----------------------------*/
#nav {
  float: left;
  width: 100%;
  background-color: #001839;
}

#nav ul {
  margin: 0;
  padding: 0 40px 0 40px;
}

#nav ul li{
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  margin-right: 2px;
}

#nav a {
  display: block;
  padding: 3px 10px 5px 10px;
  color: #FFF;
  background-color: transparent;
  text-decoration: none;
  background-color: #42577B;
}

#nav a:hover {
  background-color:#253966;
}

#nav a.selected{
  background-color:#E5E5E5;
}

body.main li#main a,
body.publications li#publications a,
body.funds li#funds a,
body.industries li#industries a,
body.indices li#indices a,
body.exchanges li#exchanges a,
body.promotions li#promotions a,
body.subscription_plans li#plans a,
body.users li#people a,
body.reports li#reports a,
body.partners li#partners a,
body.subscription_payments li#subscription_payments a,
body.page_contents li#pages a {
  color: #000;
  background-color:#E5E5E5;
  font-weight: bold;
}

/* Wrap
   ----------------------------*/
#wrap {
  float: left;
  text-align: left;
  padding: 0;
  margin: 80px 40px 40px 40px;
  width: 95%;
}

/* Content
   ----------------------------*/

#content {
  padding: 0;
  float: left;
	width: 100%;
	background: #fff;
  background-position-x: 100%;
  background-position-y: 50%;
}

#content-header {
  #background-color: #EDF3FE;
  padding: 10px;
  line-height: 25px;
  height: 40px;
}

#content-body {
  padding: 10px 10px 15px 10px;
  float:left;
  min-width:100%;
}

#content-header h2{
  float: left;
}

#content-header #content-header-links{
  float:right;
  margin-right: 20px;
}

/* Content Lists
   ----------------------------*/
ul#content-list {
  margin-bottom: 20px;
}

ul#content-list li{
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #e5e5e5;
  float: left;
  width: 100%;
}

ul#content-list li.selected{
  background-color: rgb(255, 255, 221);
}

ul#content-list .meta {
  margin-left: 5px;
}

ul#content-list .meta a {
  color: rgb(102, 102, 102);
}

ul#content-list .checkbox{
  padding: 0;
}

ul#content-list div.meta {
  margin-top: 5px;
  width: 100%;
  float:left;
}

ul#content-list div.meta abbr{
  width: 75px;
  padding: 0 5px;
  font-weight: bold;
}



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

#page_header {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#page_header p{
  margin: 0;
  padding: 0;
  line-height: 140%
}


/* Users
   ----------------------------*/
ul#users li{
  padding: 20px 0 20px 60px;
  border-bottom: 1px solid #e5e5e5;
 /*  background: url("/images/icons/person_avatar.gif") no-repeat left;*/
}



/* Forms
   ----------------------------*/

div.field {
  display: flex;
  align-items: center;
  margin: 3px 0;
}

form label{
  padding-bottom: 0;
  font-weight: bold;
  min-width: 205px;
}

form input {
  padding: 4px;
  font-size: 10pt;
  font-size: 110%;
/*  vertical-align: top;*/
}

form input.text {
  border: 1px solid #ccc;
  width: 400px;
}

textarea {
  padding: 5px;
  font-size: 10pt;
  font-size: 110%;
  vertical-align: top;
}

form input.largetext {
  border: 1px solid #ccc;
  width: 400px;
  font-size: 150%;
}

form input.shorttext, input#begin_at, input#end_at {
  border: 1px solid #ccc;
  width: 225px;
}

form select {
  margin-top: 5px;
  width: 250px;
}

form select.text {
  width: 300px;
}



input.checkbox {
  margin-bottom: -3px;
}

form div.block {
  background-color:#E5E5E5;
  padding: 7px;
  width: 97%;
}

form div.large {
  font-size: 110%;
}

form div.large label{
  padding-bottom: 0;
  font-weight: normal;
}

form div.plain {
  padding: 10px;
}

form div.plain label {
  width: 125px;
  display:block;
  float:left;
  padding-right: 10px;
  text-align: right;
}

/* Shared Filter Form */
#filter_form{
  float:left;
  margin-bottom: 10px;
}

input#query{
  width: 185px;
  float:left;
}


/* Footer
   ----------------------------*/
#bottom {
  float: left;
 /*  background: url("/images/admin/background-bottom-bg.gif") no-repeat right;*/
  display: inline;
  height: 7px;
  width: 832px;
}

#footer {
  clear: both;
}

/* Login
   ----------------------------*/

#login-header {
  margin-top: 70px;
}

#login-header h2{
  margin-top: 10px;
  font-size: 110%;
}

#login-box {
  margin:  20px auto;
  width: 250px;
  border: 10px solid #ccc;
  padding: 15px 20px 10px 20px;
  text-align: left;
  background: #fff;
  text-align: left;
}
#login-box h1 {
  margin-bottom: 20px;
}

#login-box p {
  margin: 10px 0 0 0;
}

#login-box dt {
  float: left;
  width: 100px;
  font-size: 12pt;
  line-height: 24px;
  margin-right: 10px;
}

#login-box dd {
  float: left;
}

#error_explanation, .flash-notice, .flash-error, .errorExplanation {
  padding: 4px;
  margin-bottom: 10px;
  margin-right: 8px;
}

#error_explanation, .flash-notice, .errorExplanation {
  border: 1px solid #FFFF00;
  background-color: #FFFFC0;
  float:left;
}

#error_explanation, .flash-error {
  border: 1px solid #c00;
  background-color: #FFC0C0;
}

/* Pagination Styles
   ----------------------------*/

div.pagination {
  padding: 3px;
  margin: 3px;
  text-align:right;
  font-size: 90%;
  float:right;
}

div.pagination a {
  border: 1px solid #dedfde;
  margin-right:3px;
  padding:2px 6px;
  background-position:bottom;
  text-decoration: none;
}
div.pagination a:hover, div.pagination a:active {
  border: 1px solid #0033CC;
  background-image:none;
  background-color: #FFF;
  color: #0033CC;
}
div.pagination span.current {
  margin-right:3px;
  padding:2px 6px;
  font-weight: bold;
  color: #0033CC;
}
div.pagination span.disabled {
  margin-right:3px;
  padding:2px 6px;
  color: #adaaad;
}

/* Main Page Lists
   ----------------------------*/

ul.content-list {
  float: left;
  width: 100%;
}

ul li.item{
  width: 97%;
  float: left;
  margin: 0 0 3px 0;
  position: relative;
}

ul li div.name{
  width: 90%;
  float: left;
}

ul li div.col{
  width: 30%;
  float: left;
}

ul li span.checkbox{
  margin: 0 10px;
}

ul li div.meta{
 float: right;
}


ul li.odd{
  background-color:#E5E5E5;
}

tr.odd{
  background-color:#E5E5E5;
}

tr.odd{
  background-color:#E5E5E5;
}



/* Misc. Styles
   ----------------------------*/

dl.publications-list {
  float:left;
  margin: 0;
}

dl.publications-list dt {
  margin: 7px 5px 10px 0;
  padding: 0 3px;
  float:left;
  color: #fff;
}

dl.publications-list dt.pressrelease{
  background-color: rgb(204, 0, 0);
}

dl.publications-list dt.news{
  background-color: rgb(51, 78, 125);
}

dl.publications-list dt.event{
  background-color: rgb(0, 153, 0);
}

dl.publications-list dd {
  float:right;
  width: 205px;
}

.right {
  float: right;
}

.left {
  float: left;
}

.edit {
  padding: 5px;
  background-color: #fff;
  border: 4px solid rgb(192, 209, 236);
}

.attachment-thumb {
  padding: 12px;
  text-align: center;
  display: block;
  width: 100px;
  margin-left: 225px;
}

.timestamp {
  font-size:  92%;
  line-height: 0;
}

.submit {
  border-top: 1px dashed rgb(204, 204, 204);
  width: 100%;
  margin: 10px -23px 10px 0;
  padding: 20px 0 10px 0;
}

.meta{
  margin: 0;
  padding: 0;
  color: rgb(136, 136, 136) !important;
  float: right;
}

.title{
  width: 400px;
float:left;
 padding: 1px;
white-space: nowrap;
}


.period{
	width: 125px;
	float:left;
	 padding: 1px;
	white-space: nowrap;
}
.date{
  	width: 125px;
	float:left;
	 padding: 1px;
}

.time{
  	width: 125px;
	float:left;
	 padding: 1px;
}

.icon {
  	margin-bottom: -3px;
}

.icon a:hover {
  text-decoration: none;
}

.label {
  color: rgb(136, 136, 136);
}

.updated-last-day {
  background-color: #f0fdf4; /* light green */
}

.not-updated-last-day {
  background-color: #ffffd9; /* light yellow */
}

.not-updated-last-week {
  background-color: #ffa5a5; /* light red */
}

/* Flash messages (login errors, notices). Rendered by layouts/application. */
.flash {
  padding: 10px 14px;
  margin: 10px 0;
  border-radius: 3px;
  font-weight: bold;
}
.flash-alert, .flash-error {
  background-color: #f8d7da;
  color: #842029;
  border: 1px solid #f5c2c7;
}
.flash-notice, .flash-success {
  background-color: #d1e7dd;
  color: #0f5132;
  border: 1px solid #badbcc;
}

/* Datepicker overlay (jQuery UI datepicker port, #441). Appended to <body>
   and positioned from JS, so it escapes any overflow on the form. */
.cms-datepicker {
  position: absolute;
  z-index: 1000;
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  padding: 6px;
  font-size: 12px;
}
.cms-datepicker-nav {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.cms-datepicker-nav button {
  border: 1px solid #ccc;
  background: #f5f5f5;
  cursor: pointer;
  padding: 2px 10px;
  line-height: 1.2;
}
.cms-datepicker-months {
  display: flex;
  gap: 10px;
}
.cms-datepicker-month {
  border-collapse: collapse;
}
.cms-datepicker-month caption {
  font-weight: bold;
  padding-bottom: 4px;
  white-space: nowrap;
}
.cms-datepicker-month th {
  font-weight: normal;
  color: #666;
  padding: 2px;
}
.cms-datepicker-month td {
  padding: 0;
}
.cms-datepicker-month button {
  width: 26px;
  height: 22px;
  border: 1px solid transparent;
  background: none;
  cursor: pointer;
  padding: 0;
}
.cms-datepicker-month button:hover:not(:disabled) {
  background: #e8e8e8;
}
.cms-datepicker-month button:disabled {
  color: #ccc;
  cursor: default;
}
.cms-datepicker-month button.is-today {
  border-color: #999;
}
.cms-datepicker-month button.is-selected {
  background: #3a6ea5;
  color: #fff;
}
.cms-datepicker-panel {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
  border-top: 1px solid #ddd;
  padding-top: 6px;
}
.cms-datepicker-panel button {
  border: 1px solid #ccc;
  background: #f5f5f5;
  cursor: pointer;
  padding: 2px 8px;
}