/*///// GLOBAL STYLES /////////////////*/

/* myitl form error validation styles */
label.form-error {
    position: relative;
}
label.form-error input.error, label.form-error select.error, label.form-error textarea.error{
    margin-bottom: 0.5rem;
}
/* label.form-error input, label.form-error select, label.form-error button{
    height: 1.9rem;
} */
label.form-error select{
    padding-top: 0.3rem;
}
/* label.form-error input{
    padding-top: 0.6rem;
} */
label.form-error label.error{
    position: absolute;
    top: 0px;
    right: 0px;
}
label.form-error i{
    position: absolute;
    top: 30px;
    right: 10px;
    color: gray;
}
label.form-error button{
    width: 49%;
}



/*////// COMPONENTS ////////////////*/

.myitl-line-full-width {
    width: 100%;
    background: #ccc;
    height: 1px;
}

/*//// REPORTS DATA COMPONENT /////////////////
/////////////////////////////////////////////*/

.reports-data-container {
	margin-right: 15px;
    margin-left: 15px;
    border-radius: 3px;
    border: 1px solid gainsboro;
	font-family: 'LatoWebMedium', "Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    min-height: 92px;
}

.reports-data-container  p {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}

.reports-data-container .reports-data-row {
	padding-top: 8px;
	padding-bottom: 8px;
}

.reports-data-header {
	background: whitesmoke;
    padding-top: 5px;
    padding-bottom: 7px;
}

.reports-data-container .right {
	text-align: right;
}

.reports-data-container .left {
	text-align: left;
}

.reports-data-header p {
	margin-bottom: 0;
    font-size: .875em;
    padding: 0;
	font-family: 'LatoWebMedium', "Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
}

.reports-data-container .reports-data-links,
.reports-data-row p {
	font-size: .8em;
	padding-right: 0;
	padding-left: 0;
}

.reports-desktop {
	display: none;
}

.reports-desktop h4 {
	margin-left: 15px;
	margin-right: 15px;
}

.reports-data-else {
	padding-top: 8px;
	padding-bottom: 8px;
}

.reports-data-else p {
	font-size: .8em;
	padding-right: 0;
	padding-left: 0;
}

@media(min-width: 1024px) {
	.reports-mobile {
		display: none;
	}

	.reports-desktop {
		display: block;
	}
}



/* ///////////////// FOUNDATION OVERRIDE CSS ////////////
////////////////////////////////////////////////////////*/


/* MOBILE MENU ADJUSTMENTS FOR MYITL */

.top-bar.expanded {
  background: #272727;
  height: 477px;
 }

.top-bar-section .has-dropdown > a::after {
    top: 22px;
}

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:64em)/";
  width: 64em; }

  @media only screen and (min-width: 64em) {
    .top-bar {
      background: #000;
      background: #272727;
      line-height: 3rem;
      height: 3rem;
      overflow: visible; }
      .top-bar:before, .top-bar:after {
        content: " ";
        display: table; }
      .top-bar:after {
        clear: both; }
      .top-bar .toggle-topbar {
        display: none; }
      .top-bar .title-area {
        float: left; }
      .top-bar .name h1 a,
      .top-bar .name h2 a,
      .top-bar .name h3 a,
      .top-bar .name h4 a,
      .top-bar .name h5 a,
      .top-bar .name h6 a {
        width: auto; }
      .top-bar input,
      .top-bar select,
      .top-bar .button,
      .top-bar button {
        font-size: 0.875rem;
        height: 1.75rem;
        position: relative;
        top: 0.53125rem; }
      .top-bar.expanded {
        background: #272727; }

    .contain-to-grid .top-bar {
      margin-bottom: 0;
      margin: 0 auto;
      max-width: 62.5rem;
      max-width: 100%;}

    .top-bar-section {
      -webkit-transition: none 0 0;
      transition: none 0 0;
      left: 0 !important; }
      .top-bar-section ul {
        display: inline;
        height: auto !important;
        width: auto; }
        .top-bar-section ul li {
          float: left; }
          .top-bar-section ul li .js-generated {
            display: none; }
      .top-bar-section li.hover > a:not(.button) {
        background-color: #555555;
        background: #222222;
        color: #FFFFFF; }
      .top-bar-section li:not(.has-form) a:not(.button) {
        background: #000;
        background: #272727;

        color: #fff;
        line-height: 3rem;
        font-size: 14px;
        padding: 0 0.9375rem; }
        .top-bar-section li:not(.has-form) a:not(.button):hover {
          background-color: #555555;
          background: #212121; }
          .top-bar-section li.active:not(.has-form) a:not(.button),
          .top-bar-section ul li.active > a {
              color: #008CBA;
              background: #212121;
          }
      .top-bar-section li.active:not(.has-form) a:not(.button) {
        /*
        background: #008CBA;
        background: #00a0df;
        */
        /*color: #00a0df;*/
        /* color: gray; */
        line-height: 3rem;

        padding: 0 0.9375rem; }
        .top-bar-section li.active:not(.has-form) a:not(.button):hover {
          /*background: #0078a0;*/
          color: #FFFFFF; }
      .top-bar-section .has-dropdown > a {
        padding-right: 2.1875rem !important; }
        .top-bar-section .has-dropdown > a:after {
          border: inset 5px;
          content: "";
          display: block;
          height: 0;
          width: 0;
          border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
          border-top-style: solid;
          margin-top: -2.5px;
		  margin-top: .0em;
          top: 1.40625rem; }
      .top-bar-section .has-dropdown.moved {
        position: relative; }
        .top-bar-section .has-dropdown.moved > .dropdown {
          clip: rect(1px, 1px, 1px, 1px);
          height: 1px;
          overflow: hidden;
          position: absolute !important;
          width: 1px;
          display: block; }
      .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important; }
      .top-bar-section .has-dropdown > a:focus + .dropdown {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important; }
      .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
        border: none;
		content: "\00bb";
        top: 0.1875rem;
        right: 5px; }
      .top-bar-section .dropdown {
        left: 0;
        background: transparent;
        min-width: 100%;
        top: auto; }
        .top-bar-section .dropdown li a {
          background: #171717;
          color: #FFFFFF;
          line-height: 2.8125rem;
		  line-height: 3.8125rem;
          padding: 12px 0.9375rem;
          white-space: nowrap; }
        .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
          background: #171717;
          color: #FFFFFF;}
        .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
          background-color: #555555;
          color: #FFFFFF;
          background: #222222; }
        .top-bar-section .dropdown li label {
          background: #333333;
          white-space: nowrap; }
        .top-bar-section .dropdown li .dropdown {
          left: 100%;
          top: 0; }
      .top-bar-section > ul > .divider,
      .top-bar-section > ul > [role="separator"] {
        border-right: solid 1px #4e4e4e;
        border-bottom: none;
        border-top: none;
        clear: none;
        height: 2.8125rem;
        height: 3.8125rem;
        width: 0; }
      .top-bar-section .has-form {
        background: #333333;
        height: 2.8125rem;
        padding: 0 0.9375rem; }
      .top-bar-section .right li .dropdown {
        left: auto;
        right: 0; }
        .top-bar-section .right li .dropdown li .dropdown {
          right: 100%; }
      .top-bar-section .left li .dropdown {
        right: auto;
        left: 0; }
        .top-bar-section .left li .dropdown li .dropdown {
          left: 100%; }

    .no-js .top-bar-section ul li:hover > a {
      background-color: #555555;
      background: #222222;
      color: #FFFFFF; }
    .no-js .top-bar-section ul li:active > a {
      background: #008CBA;
      color: #FFFFFF; }
    .no-js .top-bar-section .has-dropdown:hover > .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; }
    .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; } } /* END TOP BAR ADJUSEMENTS */


      @media (orientation: landscape){
          /* .top-bar {
              overflow: visible;
          } */
          .top-bar-section {
              height: 120%;
          }
      }



/* TABLESORTER OVERRIDES */

.tablesorter-blue {
    border: #eaeaea 1px solid;
}

.tablesorter-blue th,
.tablesorter-blue thead td,
.tablesorter-blue .tablesorter-headerAsc,
.tablesorter-blue .tablesorter-headerDesc {
    background-color: #008CBA;
    text-shadow: none;
}
.tablesorter-blue th, .tablesorter-blue td {
    border: none;
}

.tablesorter-blue tbody tr.odd > td {
    background-color: #E0E0E0;
}

.no-highlight table.fancy tr.even, table tr.alt, table tr:nth-of-type(even){
	background: white !important;
}
/* HOVER ROWS */
.tablesorter-blue tbody > tr.hover > td,
.tablesorter-blue tbody > tr:hover > td,
.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr.even.hover > td,
.tablesorter-blue tbody > tr.even:hover > td,
.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
	background-color: #bfbfbf;
    cursor: pointer;
}
.tablesorter-blue tbody > tr.odd.hover > td,
.tablesorter-blue tbody > tr.odd:hover > td,
.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
	background-color: #bfbfbf;
    cursor: pointer;
}






/*!!!JOSH*/
.dot {
    height: 17px !important;
    width: 17px !important;
    border-radius: 50%;
    display: inline-block;
    color: black!important;
    text-align: center;
    line-height: 18px;
    margin-left: .5em;
}
.red {
	background-color: rgba(230, 0, 38, .4);
	border: 1px solid rgba(230, 0, 38, .8);
}
.green {
    background-color: rgba(15, 204, 16, .4);
    border: 1px solid rgba(15, 204, 16, .8);
}
.yellow {
	background-color: rgba(215, 147, 50, .4);
	border: 1px solid rgba(215, 147, 50, .8);
}
.blue {
	background-color: rgba(0, 116, 198, .4);
	border: 1px solid rgba(0, 116, 198, .8);
}
.gray {
	background-color: rgba(196, 196, 196, .4);
	border: 1px solid rgba(196, 196, 196,.8);
}
.white {
	background-color: rgba(245, 245, 245, .4);
	border: 1px solid rgba(245, 245, 245, .8);
}
.legend .legend-alert {
    height: auto !important;
}
.span-rounded{
	width: 90%;
	border-radius: 4px;
	display: inline-block;
	color: black!important;
	text-align: center;
	padding-left:5px;
	padding-right: 5px;
}

.record_status {
    height: 17px !important;
    width: 60px !important;
    border-radius: 10%;
    display: inline-block;
    color: black!important;
    text-align: center;
    line-height: 18px;
}


.myitl-list-table{
}
.myitl-list-table td, .myitl-list-table th{
	font-size: 16px !important;
}
.myitl-list-table td:nth-child(1){
	text-align: right;
	color: #00a0df;
	white-space: nowrap;
	padding-right: 1em;
}
.myitl-list-table td:nth-child(2){
	text-align: left;
	width: 100%;
}

.myitl-table{
	width: 100%;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
.myitl-table thead{
	background-color: #00a0df;
}
.myitl-table thead th:last-child{
	width: 100%;
}
.myitl-table tbody tr:nth-child(even){
	background-color: #efefef !important;
}
.myitl-table th, .myitl-table td{
	white-space: nowrap;
	padding: 0.7em;
}
.myitl-table th{
	text-align: left;
}
.myitl-table td{
}
img.disabled
{
    opacity:0.5;
	cursor:default;
}