/* =======================================
             UTILITIES
========================================== */

/* DISPLAY
============================= */
/* Display */
.display-flex {
  display: flex!important;
}

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

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

/* Position */
.position-relative {
  position: relative!important;
}

.position-absolute {
  position: absolute!important;
}

/* Z-Index */
.z-top {
  z-index: 99999!important;
}

/* FLEX
============================= */

.flex-column {
  flex-direction: column!important;
}

.flex-justify {
  justify-content: space-between!important;
}

.grid-row {
  display: flex!important;
  flex-wrap: wrap!important;
}

.grid-col {
  position: relative;
  flex: 1 1 0%!important;
  min-width: 1px;
  width: auto!important;
  max-width: 100%!important;
}

.grid-col-6 {
    flex: 0 1 auto!important;
    width: 50%!important;
}

.flex-1 {
  flex: 1 1 0%!important;
}

.flex-2 {
  flex: 2 1 0%!important;
}

.flex-3 {
  flex: 3 1 0%!important;
}

.flex-4 {
  flex: 4 1 0%!important;
}

.flex-5 {
  flex: 5 1 0%!important;
}

.flex-6 {
  flex: 6 1 0%!important;
}

.flex-7 {
  flex: 7 1 0%!important;
}

.flex-8 {
  flex: 8 1 0%!important;
}

.flex-9 {
  flex: 9 1 0%!important;
}

.flex-10 {
  flex: 10 1 0%!important;
}

.flex-11 {
  flex: 11 1 0%!important;
}

.flex-12 {
  flex: 12 1 0%!important;
}

.flex-auto {
  flex: 0 1 auto!important;
}

.flex-fill {
  flex: 1 1 0%!important;
}

.flex-justify-center {
  justify-content: center!important;
}

.flex-align-self-end {
  align-self: flex-end!important;
}

/* PARAGRAPH
============================= */
.text-center {
  text-align: center!important;
}

.text-right {
  text-align: right!important;
}

.text-left {
  text-align: left!important;
}

/* TEXT
============================= */
.text-no-underline {
  text-decoration: none!important;
}

/* BORDER
============================= */
.border {
  border: 1px solid!important;
}

/* MARGIN
============================= */
.margin-bottom-2px {
  margin-bottom: 2px!important;
}

/* PADDING
============================= */
.padding-6px {
  padding: 6px!important;
}

.padding-x-10px {
  padding: 0 10px!important;
}

/* LIST RESET
============================= */
.add-list-reset {
  margin-bottom: 0!important;
  margin-top: 0!important;
  padding-left: 0!important;
  list-style: none!important;
}

article[data-history-node-id="503"] ul,
article[data-history-node-id="504"] ul,
article[data-history-node-id="599"] ul,
article[data-history-node-id="505"] ul,
article[data-history-node-id="510"] ul,
article[data-history-node-id="1033"] ul,
article[data-history-node-id="511"] ul,
article[data-history-node-id="603"] ul,
article[data-history-node-id="604"] ul {
  list-style: none;
  padding: 0;
}

/* TABS
============================= */

.block-local-tasks-block ul,
.checkbook-mwbe-agency-grading ul {
  border-bottom: 1px solid #bbb;
  border-collapse: collapse;
  height: auto;
  line-height: normal;
  list-style: none;
  margin: 5px;
  padding: 0 0 0 1em;
  white-space: nowrap;
}

.block-local-tasks-block ul li,
.checkbook-mwbe-agency-grading li {
  display: inline;
}

.block-local-tasks-block ul li a,
.checkbook-mwbe-agency-grading ul li a {
  background-color: #ddd;
  border-color: #bbb;
  border-style: solid solid none solid;
  border-width: 1px;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.block-local-tasks-block ul li a.is-active,
.checkbook-mwbe-agency-grading ul li a.active {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: 1px solid #fff;
  color: #000;
}

/* OTHER
============================= */

.transparent {
  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=50);

  /* Older than Firefox 0.9 */
  -moz-opacity:0.5;

  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0.5;

  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0.5;
}

#loading_gif {
  float: left;
  height: 6em;
  left: 40%;
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 45%;
  width: 6em;
  z-index: 1000;
}

.disable_me {
  pointer-events:none;
  opacity:0.6;
  filter: alpha(opacity=60);
}

#checkbook-datafeeds-form.disable_me {
  opacity: 1;
  filter: none;
}

.loadinggif {
  background: url(/themes/custom/nyccheckbook/images/loading_large.gif) no-repeat center;
}

.loading_bigger_gif {
  background: url(/themes/custom/nyccheckbook/images/loading_bigger.gif) no-repeat center;
}

.disabled-element {
  background-color: #eee !important;
}

#checkbook-datafeeds-form select.loading,
#spending-advanced-search select.loading {
  background: url(/themes/custom/nyccheckbook/images/loading.gif) no-repeat right center;
  color:#fff;
}

.disable_button {
  color:#A4A9AD !important;
  -khtml-opacity: 0.5;
}

#rotator,
#advanced-search-rotator {
  float: left;
  position: absolute;
  z-index: 1000;
  display:none;
  top: 50%;
  left: 50%;
  width:30em;
  height:18em;
  margin-top: -9em; /*set to a negative number 1/2 of your height*/
  margin-left: -15em; /*set to a negative number 1/2 of your width*/
}