#gotoCards .transit-blue-bg a { color: #fff !important; }

.card-deck .card-img-top,
.card img {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px; }
    
@media (max-width: 1023px) {

    .map > .LocateButton { 
        right: unset;
        bottom: 161px;
        left: 20px !important; }
    .esriSimpleSliderBR { 
        right: unset;
        bottom: 63px;
        left: 20px !important; }}

.tabs-secondary [role~=tablist] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #8a8b8a;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .tabs-secondary [role~=tablist] {
      justify-content: start; } }
  @media (min-width: 992px) {
    .tabs-secondary [role~=tablist] {
      margin-bottom: 30px; } }
  .tabs-secondary [role~=tablist] .nav-item {
    width: 163.5px;
    height: 50px;
    line-height: 1;
    margin-right: 1rem; }
    @media (min-width: 768px) {
      .tabs-secondary [role~=tablist] .nav-item {
        margin-right: 1rem; } }
    @media (min-width: 992px) {
      .tabs-secondary [role~=tablist] .nav-item {
        width: 194px;
        height: 60px; } }
    .tabs-secondary [role~=tablist] .nav-item:last-child {
      margin-right: 0; }
    .tabs-secondary [role~=tablist] .nav-item [role~="tab"] {
      background-color: #f5f5f4;
      border: 1px solid #8a8b8a;
      border-bottom: none;
      color: #8a8b8a;
      font-size: 16px;
      font-weight: 700;
      padding: 1rem;
      text-align: center; }
      @media (min-width: 992px) {
        .tabs-secondary [role~=tablist] .nav-item [role~="tab"] {
          font-size: 18px;
          padding-top: 1.24rem;
          padding-bottom: 1.24rem; } }
      .tabs-secondary [role~=tablist] .nav-item [role~="tab"]:focus, .tabs-secondary [role~=tablist] .nav-item [role~="tab"].active {
        background-color: #fff;
        border: 1px solid #8a8b8a;
        border-bottom: 2px solid #fff;
        color: #0097d0; }

.tabs-secondary .tab-content:focus,
.tabs-secondary .tab-pane:focus {
  outline: none; }
  
nav[aria-label="graphs"] {
	@media (min-width: 992px) { justify-content: flex-start; }
}

#homePage .news .news-card-deck .card-body .card-text .card-title:hover, #homePage .news .news-card-deck .card-body .card-text .card-title:focus {
    color: #0053a0;
}
#homePage .btn.btn-light:hover, .btn.btn-light:focus {
    color: #0053a0;
}

#schedulesMaps h2.has-icon-left.mm::before {
    background-image: url('/Data/Sites/1/skins/MetroTransitIII/../../../../../data/sites/1/media/micro/micro-pin-gray.svg'); }
    
#schedulesMapsList {
    a[href="/route/887"] { display: none; }
}

.flipdown .rotor-group:last-child {
    display: none; }
    @media (min-width: 375px) {
      .flipdown .rotor-group:last-child {
        display: block;
        margin-top: 0;
        padding-right: 0; } }
        
@media (min-width: 768px) {
  #schedulesMaps .btn-container.metro-brt {
    text-align: left; } }

@media (min-width: 768px) {
  #schedulesMaps .btn-container.metro-brt .btn-route-lg {
    margin: 0 1rem 1rem 0;
    width: 170px; }
    #schedulesMaps .btn-container.metro-brt .btn-route-lg:nth-child(7) {
      margin-bottom: 0; } }

@media (min-width: 992px) {
  #schedulesMaps .btn-container.metro-brt .btn-route-lg {
    margin-bottom: 1rem; }
    #schedulesMaps .btn-container.metro-brt .btn-route-lg:nth-child(6), #schedulesMaps .btn-container.metro-brt .btn-route-lg:nth-child(7) {
      margin-bottom: 0; } }

@media (min-width: 1200px) {
  #schedulesMaps .btn-container.metro-brt .btn-route-lg {
    margin-bottom: 1rem !important; }
    #schedulesMaps .btn-container.metro-brt .btn-route-lg:last-child {
      margin-bottom: 0; } }
      
.badge-value-gold {
  background-color: #ffd200;
  color: #000 !important; }
  
.capitol-bg {
  background-image: url('/Data/Sites/1/skins/MetroTransitIII/../../../../../data/sites/1/media/return_to_work/bg-capitol-city.jpg'); }

.capitol-city .primary-bg {
  background-color: #0053a0 !important;
  color: #fff; }

.capitol-city .transit-app {
  font-size: 24px;
  line-height: 1.3;
  padding-top: 85px;
  position: relative; }
  @media (min-width: 992px) {
    .capitol-city .transit-app {
      font-size: 32px;
      padding-top: 0;
      padding-left: 85px; } }
  .capitol-city .transit-app::before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 85px;
    height: 75px;
    background-image: url('/Data/Sites/1/skins/MetroTransitIII/../../../../../data/sites/1/media/return_to_work/transit-app.png');
    background-repeat: no-repeat;
    background-size: contain; }
    @media (min-width: 992px) {
      .capitol-city .transit-app::before {
        left: 0;
        -webkit-transform: unset;
                transform: unset; } }

.capitol-city .card {
  box-shadow: 0 3px 6px rgba(112, 112, 112, 0.6);
  border-radius: 8px;
  margin-bottom: 16px; }
  .capitol-city .card img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .capitol-city .card .card-body .has-icon-right {
    display: flex;
    font-weight: 700;
    position: relative; }
    .capitol-city .card .card-body .has-icon-right:hover {
      border-bottom: none; }
    .capitol-city .card .card-body .has-icon-right::after {
      content: '';
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background-image: url('/Data/Sites/1/skins/MetroTransitIII/../../../../../img/svg/chevron-right-blue.svg');
      background-repeat: no-repeat;
      background-size: contain;
      width: 16px;
      height: 16px; }/*********************************************************
       Admin Edit Links
*********************************************************/
.modulelinks {
    position: relative;
    z-index: 20;
}

.ModuleEditLink {
    font-size: 0.75rem !important;
    white-space: nowrap;
    position: absolute;
    top: 15px;
    background-color: #fff;
    margin: .5rem 0 0 .5rem;
    padding: 0 0.3rem;
    border-radius: 0.5rem;
}

#navbarSupportedContent .ModuleEditLink {
    top: 0;
}

.ModuleEditLink[title='Edit'] {
    left: 3.5rem;
}
/*********************************************************
       Admin Toolbar
*********************************************************/
div#toolbar, div#toolbarbut {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    height: 36px;
    background-image: url('/Data/Sites/1/skins/MetroTransitIII/../../../../style/jqtoolbar/bcktool.jpg');
    /*
using a png caused issues in IE8
background-image: url('/Data/Sites/1/skins/MetroTransitIII/../../../../style/jqtoolbar/bcktool.png');
 
  */
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    /* CSS3 */
    -moz-border-radius-topleft: 8px;
    -khtml-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -khtml-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4;
    -khtml-box-shadow: 0px 1px 10px #666;
    -webkit-box-shadow: 0px 1px 10px #666;
    /* CSS3 end */
}

div#toolbar {
    width: 90%;
    min-width: 800px; /* to limit the width when an excessive window resize */
    margin: 0px auto; /* centered toolbar */
    left: 0px;
}

div#toolbarbut { /* div for the 'hide status' */
    width: 60px;
    height: 15px;
    margin-right: 3%;
    display: none;
}

span.showbar a { /* show button */
    padding: 5px;
    font-size: 10px;
    color: #555;
}

.toolbarleft {
    float: left;
    display: none;
}

.toolbarright {
    white-space: nowrap;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
    float: right;
}

span.downarr { /* hide button */
    float: right;
    border-left: 1px solid #a4a4a4;
}

    span.downarr a {
        display: block;
        width: 36px;
        height: 26px;
        padding: 25px 0 0 10px;
        background: url('/Data/Sites/1/skins/MetroTransitIII/../../../../style/jqtoolbar/downarrow.png') no-repeat 5px 7px;
    }

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

#toolbar a.adminlink,
#toolbar a.adminlink:link,
#toolbar a.adminlink:visited,
#toolbar a.adminlink:hover,
#toolbar a.adminlink:active {
    font-size: 14px !important;
    border-left: 1px solid #a4a4a4;
    padding: 8px 8px 10px 23px;
    line-height: 32px;
    color: #555;
    text-decoration: none;
}

    #toolbar a.adminlink:hover {
        text-decoration: underline;
    }

#toolbar a.adminlink {
    font-weight: 700;
    text-decoration: underline;
}

    #toolbar a.adminlink:hover {
        color: #666;
    }

#toolbar a.adminmenulink {
    background: transparent url('/Data/Sites/1/skins/MetroTransitIII/../../../../style/jqtoolbar/key.png') no-repeat;
    background-position: 5px 50%;
}

#toolbar a.filemanlink {
    background: transparent url('/Data/Sites/1/skins/MetroTransitIII/../../../../style/jqtoolbar/folder_explore.png') no-repeat;
    background-position: 5px 50%;
}

#toolbar a.newpagelink {
    background: transparent url('/Data/Sites/1/skins/MetroTransitIII/../../../../style/jqtoolbar/page_white_add.png') no-repeat;
    background-position: 5px 50%;
}

#toolbar a.pageeditlink {
    background: transparent url('/Data/Sites/1/skins/MetroTransitIII/../../../../style/jqtoolbar/page_white_edit.png') no-repeat;
    background-position: 5px 50%;
}

#toolbar a.pagesettingslink {
    background: transparent url('/Data/Sites/1/skins/MetroTransitIII/../../../../style/jqtoolbar/page_white_wrench.png') no-repeat;
    background-position: 2px 50%;
}
/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 */

div.cp-form div.mt-field {
    display: inline-block !important;
}

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

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

.commuter-gap-small { margin-bottom: 0.5em !important; }
.commuter-gap-medium { margin-bottom: 1em !important; }
.commuter-gap-large { margin-bottom: 2em !important; }

.cp-nopadding > div:first-child { padding-left: 0px !important; }
.cp-nopadding > div:last-of-type { padding-right: 0px !important; }


.cp-breadcrumbs { margin-top: -20px; margin-bottom: 20px; }
.cp-crumb { display:inline-block; color: #0053a0; font-size: 9pt; text-decoration: none; }
.cp-nomargin { margin: 0 0 0 0 !important; }

.cp-left { text-align: left; }
.cp-center { text-align: center; }
.cp-right { text-align: right; }
.cp-font-small { font-size: smaller; font-weight: lighter; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }


h5.advschlabel { margin-top:10px }

.cp-rdm-msg { font-size: 1em; color: #555555; box-sizing: border-box; display: inline-block; }

.cp-rdm-msg .msgfrom { color: #333333; font-size: 1.1em; font-weight: bold; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.cp-rdm-msg .msgcount { text-align:right; font-size: 0.9em; font-weight: bold; }
.cp-rdm-msg .msgcontent { max-height: 4em; overflow: hidden; text-align: justify; }

.rdm-msg-self { background-color: #f6f9fb !important; }
.rdm-msg-buttons { color: #777777; }
.rdm-msg-buttons > a, .rdm-msg-buttons > a:visited, .rdm-msg-buttons > a:link { padding: 2px 5px; display: inline-block; color: #777777;  border-radius: 4px; margin-bottom:5px; text-decoration:none; }
.rdm-msg-buttons > a:hover { background-color: aliceblue; }

.rdm-profile-map { height: 460px; }
.rdm-match-map { height: 620px; }
.rdm-match-list { min-height: 620px; }

[placeholder]:focus::-webkit-input-placeholder {
  transition: text-indent 0.5s 0.5s ease; 
  text-indent: -100%;
  opacity: 1;
}

input:read-only, textarea:read-only,
input[readonly], textarea[readonly] { 
    background-color: rgb(235, 235, 228); 
    color: rgb(84, 84, 84); 
}

input[type="submit"]:read-only {
    color: #FFFFFF;
}

.cp-msg-buttons { width:100%; }
.cp-msg-buttons .button { width: 50%; line-height: 30px; text-align: center; background-color: #ffd200; color: #333333; font-weight: bold; float: left; box-sizing: border-box; }
.cp-msg-buttons .button:hover { background-color: #FDE054; text-decoration: none; }
.cp-msg-buttons .button.selected { background-color: #0053A0; color: #ffffff; }
.cp-msg-buttons .button.selected:hover { background-color: #1371C9; text-decoration: none; }


.cp-msg-user-profile { height: 71px; padding: 10px !important; }
.cp-msg-user-profile div { float:left; }
.cp-msg-profile-title { font-weight: bold; }
.cp-msg-show-map { background-color: #0053A0; text-align: center; height: 71px; cursor: pointer; }
.cp-msg-show-map div { color: #FFFFFF; text-align: center; line-height: 71px; }
.cp-delete-message { color: #FFFFFF; background-color: #0053A0; }

.cp-dollar-input {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjUwcHgiIGhlaWdodD0iMjUwcHgiIHZpZXdCb3g9Ii0zMiAtNjQgMjc1IDI3NSIgc3R5bGU9InN0cm9rZS13aWR0aDogMHB4OyBiYWNrZ3JvdW5kLWNvbG9yOiAjZTFlMWUxOyI+PGc+PHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkPSJNMTQ0Ljk0Myw4OC44ODZjLTAuNzA1LTIuMzg4LTEuNTYtNC40NjYtMi41NjUtNi4yMzFjLTEuMDA0LTEuNzY2LTIuNDQyLTMuNDg5LTQuMzE3LTUuMTc0ICBjLTEuODczLTEuNjg1LTMuNTU4LTMuMDQxLTUuMDUyLTQuMDczYy0xLjQ5My0xLjAzMi0zLjU0NC0yLjE4Ni02LjE1MS0zLjQ2M2MtMi42MDYtMS4yNzctNC42Ny0yLjIyNy02LjE5LTIuODUyICBjLTEuNTIyLTAuNjI0LTMuNzIyLTEuNDgtNi42MDEtMi41NjZjLTIuNTUzLTAuOTc3LTQuNDUzLTEuNzI0LTUuNzA0LTIuMjRjLTEuMjQ5LTAuNTE2LTIuODkyLTEuMjQ5LTQuOTI5LTIuMiAgYy0yLjAzNi0wLjk1LTMuNTU3LTEuNzkyLTQuNTYyLTIuNTI1cy0yLjA3Ny0xLjYyOS0zLjIxOC0yLjY4OGMtMS4xNDEtMS4wNTktMS45NDItMi4xODYtMi40MDQtMy4zODEgIGMtMC40NjEtMS4xOTUtMC42OTItMi40OTktMC42OTItMy45MTFjMC0zLjY5MywxLjYyOS02LjcwOCw0Ljg4OC05LjA0M2MzLjI1OS0yLjMzNSw3LjQ2OS0zLjUwMywxMi42MjktMy41MDMgIGMyLjI4LDAsNC42MDQsMC4zMTIsNi45NjYsMC45MzdzNC4zODUsMS4zMyw2LjA2OCwyLjExOGMxLjY4NiwwLjc4OCwzLjI3NCwxLjY1Nyw0Ljc2OCwyLjYwN2MxLjQ5NCwwLjk1MSwyLjU1MywxLjY3LDMuMTc4LDIuMTU5ICBjMC42MjUsMC40ODksMS4wMiwwLjgxNSwxLjE4MiwwLjk3OGMwLjcwNywwLjU0MywxLjQzOCwwLjczMywyLjE5OSwwLjU3YzAuODE0LTAuMDU0LDEuNDM5LTAuNDg5LDEuODc1LTEuMzAzbDYuNi0xMS44OTUgIGMwLjY1Mi0xLjA4NiwwLjUxNi0yLjExOC0wLjQwNy0zLjA5NmMtMC4zMjctMC4zMjYtMC43MzMtMC43MDYtMS4yMjQtMS4xNDFjLTAuNDg4LTAuNDM1LTEuNTQ3LTEuMjIyLTMuMTc4LTIuMzYzICBjLTEuNjI5LTEuMTQtMy4zNTQtMi4xNTktNS4xNzItMy4wNTVjLTEuODItMC44OTYtNC4xODQtMS44MDYtNy4wOS0yLjcyOWMtMi45MDQtMC45MjQtNS45MDYtMS41NDgtOS4wMDMtMS44NzRWMi42MDkgIGMwLTAuNzYtMC4yNDQtMS4zODUtMC43MzEtMS44NzRjLTAuNDg5LTAuNDg4LTEuMTE0LTAuNzMzLTEuODc1LTAuNzMzaC0xMWMtMC43MDYsMC0xLjMxNywwLjI1OC0xLjgzMywwLjc3NCAgcy0wLjc3NCwxLjEyNy0wLjc3NCwxLjgzM3YxNC42NjVjLTguNTI4LDEuNjI5LTE1LjQ1Myw1LjI2OC0yMC43NzYsMTAuOTE3Yy01LjMyMiw1LjY0OS03Ljk4NCwxMi4yMi03Ljk4NCwxOS43MTYgIGMwLDIuMjI3LDAuMjMxLDQuMzQ1LDAuNjkzLDYuMzU0YzAuNDYxLDIuMDEsMS4wMzIsMy44MTYsMS43MTEsNS40MThjMC42NzksMS42MDMsMS42NDMsMy4xNzgsMi44OTIsNC43MjYgIGMxLjI0OSwxLjU0OCwyLjQzMSwyLjg3OSwzLjU0NCwzLjk5MmMxLjExNCwxLjExMywyLjU2NywyLjI2Nyw0LjM1OSwzLjQ2MmMxLjc5MywxLjE5NiwzLjMyNywyLjE2LDQuNjA0LDIuODkzICBjMS4yNzcsMC43MzEsMi45NzQsMS41NzUsNS4wOTIsMi41MjRjMi4xMTgsMC45NTEsMy43ODksMS42Nyw1LjAxMSwyLjE2YzEuMjIyLDAuNDg4LDIuODkyLDEuMTY4LDUuMDExLDIuMDM1ICBjMi45MzMsMS4xNDEsNS4xMDUsMi4wMjMsNi41MTgsMi42NDhzMy4yMDUsMS40OTQsNS4zNzgsMi42MDdzMy43NjEsMi4xMzEsNC43NjcsMy4wNTVjMS4wMDQsMC45MjQsMS45MTQsMi4wNjQsMi43MjksMy40MjIgIHMxLjIyMywyLjc5NywxLjIyMyw0LjMxOGMwLDQuMjkxLTEuNjcsNy42MDQtNS4wMTEsOS45MzhjLTMuMzQsMi4zMzYtNy4yMTEsMy41MDQtMTEuNjEsMy41MDRjLTIuMDA4LDAtNC4wMTktMC4yMTYtNi4wMjgtMC42NTEgIGMtNy4wNjEtMS40MTQtMTMuNjYtNC44MDgtMTkuNzk4LTEwLjE4NWwtMC4xNjMtMC4xNjNjLTAuNDg5LTAuNTk2LTEuMTQxLTAuODQxLTEuOTU1LTAuNzMyYy0wLjg2OSwwLjEwOS0xLjQ5NCwwLjQzNS0xLjg3NCwwLjk3OSAgbC04LjM5MiwxMC45OThjLTAuODE1LDEuMDg2LTAuNzYsMi4xOTksMC4xNjMsMy4zNGMwLjI3MiwwLjMyNiwwLjc0NywwLjgxNiwxLjQyNiwxLjQ2N2MwLjY4LDAuNjUzLDEuOTQzLDEuNjcsMy43ODksMy4wNTcgIGMxLjg0NiwxLjM4NiwzLjg1NiwyLjY4OCw2LjAyOSwzLjkxMWMyLjE3MywxLjIyMiw0LjkyOSwyLjQzLDguMjcsMy42MjVjMy4zNDEsMS4xOTQsNi44MDMsMi4wMzYsMTAuMzg4LDIuNTI0djE0LjI1OCAgYzAsMC43MDcsMC4yNTgsMS4zMTcsMC43NzQsMS44MzRjMC41MTYsMC41MTYsMS4xMjcsMC43NzMsMS44MzMsMC43NzNoMTFjMC43NjEsMCwxLjM4Ni0wLjI0NCwxLjg3NS0wLjczMiAgYzAuNDg4LTAuNDg5LDAuNzMxLTEuMTEzLDAuNzMxLTEuODc1di0xNC4yNThjOC42MzgtMS40MTIsMTUuNjU4LTUuMTE5LDIxLjA2Mi0xMS4xMjFjNS40MDQtNi4wMDIsOC4xMDYtMTMuMTU4LDguMTA2LTIxLjQ2OCAgQzE0Ni4wMDksOTMuODMsMTQ1LjY1Niw5MS4yNzcsMTQ0Ljk0Myw4OC44ODZ6Ii8+PC9nPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    -moz-background-origin: border-box;
    -webkit-background-origin: border-box;
    background-origin: border-box;
    padding: 0 6px 0 26px !important;
}


.cp-match-profile {
    margin-bottom: 0 !important;
}
.cp-match-profile .cp-match-profile-label {
    font-size: 1.15em;
    line-height: 1.6;
    float: left;
    margin-right: 10px;
}
.cp-match-profile .cp-top-panel {    
    background-color: #E4EBF2;
    color: #000000;
    padding: 10px;
}
.cp-match-profile .cp-bottom-panel {
    background-color: #1371C9;
    padding: 10px;
    color: #FFFFFF;
}


.cp-match { display: inline-block; float: left; width: 100%; }
.cp-match * { box-sizing: border-box; }
.cp-match .cp-name-row { margin: 0 0 .25em; }
.cp-match .cp-name { font-size: 1.02em; font-weight: bold; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }
.cp-match .cp-address { font-size: 0.9em; }

.cp-details { max-height: 0; overflow-y: hidden; -webkit-transition: 0.75s ease-in-out all; -moz-transition: 0.75s ease-in-out all; -ms-transition: 0.75s ease-in-out all; -o-transition: 0.75s ease-in-out all; transition: 0.75s ease-in-out all; }
.cp-details.open { max-height: 200px !important; -webkit-transition: 0.5s ease-in-out all; -moz-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; -o-transition: 0.5s ease-in-out all; transition: 0.5s ease-in-out all; }

.cp-profile { display: inline-block; float: left; width: 100%; margin-bottom: 15px; }
.cp-profile * { box-sizing: border-box; }
.cp-profile .cp-name-row { margin: 0 0 .25em; }
.cp-profile .cp-name { font-size: 1.02em; font-weight: bold; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }
.cp-profile .cp-address { font-size: 0.9em; }
.cp-profile .cp-address > div:last-of-type { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }

.cp-profile hr:last-of-type { display: none; }


.cp-well {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 15px;
   
    padding: 10px 5px;
    box-sizing: border-box;
}
.cp-well hr { display: inline-block; }

.cp-gotocard input { float: left; width: 20.5% !important; } 
.cp-gotocard span { float: left; width: 6%; line-height: 24px; text-align: center; margin-bottom: .5em; } 


/* Responsive Column for Mobile and Desktop */
/* ----------------------------------------------------------------------------- */
.cp-row {
    margin-left:-0px;
    display: inline-block;
    width: 100%;
    float: left;
}
.cp-row * {
    box-sizing: border-box;
}
.cp-col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    border-left-width:0px;
    padding:0 10px;
}


/* 1. 1 Column Grid 0px - 479px */
/* ----------------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 479px) {
        
    .cp-col {
        margin-left:0;
        width:100%;
    }   
}

/* 2. 12 Column Grid 480px - Infinity */
/* ----------------------------------------------------------------------------- */

@media screen and (min-width: 480px) {
        
    .cp-span-1 {
        width:8.33333333333%;
    }
    .cp-span-2 {
        width:16.6666666667%;
    }
    .cp-span-3 {
        width:25.0%;
    }
    .cp-span-4 {
        width:33.3333333333%;
    }
    .cp-span-5 {
        width:41.6666666667%;
    }
    .cp-span-6 {
        width:50.0%;
    }
    .cp-span-7 {
        width:58.3333333333%;
    }
    .cp-span-8 {
        width:66.6666666667%;
    }
    .cp-span-9 {
        width:75.0%;
    }
    .cp-span-10 {
        width:83.3333333333%;
    }
    .cp-span-11 {
        width:91.6666666667%;
    }
    .cp-span-12 {
        margin-left:0;
        width:100%;
    }
}



.cp-button {
  background: #0053A0;
  color: #FFFFFF !important;
}




/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
.cp-button {
    /* Structure */
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Firefox: Get rid of the inner focus border */
.cp-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*csslint outline-none:false*/

.cp-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: #FFFFFF;
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #0053A0;
    text-decoration: none;
    border-radius: 2px;
    text-transform: uppercase;
}

.cp-button-hover,
.cp-button:hover,
.cp-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    text-decoration: none !important;
}
.cp-button:focus {
    outline: 0;
}
.cp-button-active,
.cp-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000\9;
}

.cp-button[disabled],
.cp-button-disabled,
.cp-button-disabled:hover,
.cp-button-disabled:focus,
.cp-button-disabled:active {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=40);
    -khtml-opacity: 0.40;
    -moz-opacity: 0.40;
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
    text-decoration: none !important;
}

.cp-button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.cp-button::-moz-focus-inner{
    padding: 0;
    border: 0;
}

.cp-button-primary,
.cp-button-selected,
a.cp-button-primary,
a.cp-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

.cp-button.cp-danger {
    background-color: #ED1B2E;
    color: #fff;
}

.cp-button-grid {
            cursor:pointer; 
            text-align:center; 
            color:#FFF; 
            font:inherit;
            background-color:#4D90FE;
            border:solid 1px #3079ED; 
            border-radius:5px; 
            -moz-border-radius:5px; 
            -webkit-border-radius:5px; 
            line-height:15px;
        }


/*!
 * Slider for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -5px;
}
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.slider input {
  display: none;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
  background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  opacity: 0.8;
  border: 0px solid transparent;
}
.slider-handle.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.slider-handle.triangle {
  background: transparent none;
}
.commuter-slider { visibility:hidden }
.slider.slider-horizontal {
  width: 100% !important;
}
.slider-track {
    background-color: #f4f7f7 !important;
    background-image: -moz-linear-gradient(top, #f4f7f7, #e2e5e5) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f7f7), to(#e2e5e5)) !important;
    background-image: -webkit-linear-gradient(top, #f4f7f7, #e2e5e5) !important;
    background-image: -o-linear-gradient(top, #f4f7f7, #e2e5e5) !important;
    background-image: linear-gradient(to bottom, #f4f7f7, #e2e5e5) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f7f7', endColorstr='#e2e5e5', GradientType=0) !important;
}
.slider-selection {
  position: absolute !important;
  background-color: #c2c5c5 !important;
  background-image: -moz-linear-gradient(top, #e2e5e5, #c2c5c5) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e2e5e5), to(#c2c5c5)) !important;
  background-image: -webkit-linear-gradient(top, #e2e5e5, #c2c5c5) !important;
  background-image: -o-linear-gradient(top, #e2e5e5, #c2c5c5) !important;
  background-image: linear-gradient(to bottom, #e2e5e5, #c2c5c5) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e5e5', endColorstr='#c2c5c5', GradientType=0) !important;
}

.slider-handle {
    background-color: rgba(0,83,160,1) !important;
    background-image: -moz-linear-gradient(top, rgba(19,113,201,1), rgba(0,83,160,1)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(19,113,201,1)), to(rgba(0,83,160,1))) !important;
    background-image: -webkit-linear-gradient(top, rgba(19,113,201,1), rgba(0,83,160,1)) !important;
    background-image: -o-linear-gradient(top, rgba(19,113,201,1), rgba(0,83,160,1)) !important;
    background-image: linear-gradient(to bottom, rgba(19,113,201,1), rgba(0,83,160,1)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1674CB', endColorstr='#0053A0', GradientType=0) !important;
}

/* table*/
.cp-table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.cp-td, .cp-th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.cp-table th, .cp-table td {
    border: 1px solid #000000;
    padding: 5px;
    text-align: center;
    border-color:  lightgray;   
    float: none;
    vertical-align: top;
} 
.cp-table th {
    font-weight: bold;
}

.cppermit-table th, .cppermit-table td {
    border: 1px solid #000000;
    padding: 5px;
    text-align: left;
    border-color:  lightgray;   
    float: none;
    vertical-align: top;
} 
.cppermit-table th {
    font-weight: bold;
}
.cppermit-table tr:nth-child(odd) {
    background-color: #dddddd;
}
.cppermit-table{
    width: 100%
}

div.cp-grayblock{
    border: 1px solid #000; 
    background-color: lightgray; 
    overflow: hidden
}

div.cp-block{
    border: 1px solid #000; 
    overflow: hidden
}

.fixedHeight {
    font-size:10px;
    max-height: 150px;
    margin-bottom: 10px;
    overflow-x: auto;
    overflow-y: auto;
}

.msg {
    padding: 5px;
    font-size:small;
}

.validation-summary-valid {
    display: none;
}

.ridematch .validation-summary-errors > span:first-child {
    font-weight:bold
}

.modal .form-redesign .validation-summary-errors > span:first-child {
    font-weight: bold
}

/*.mb-3 {
    margin-bottom: 20px !important;
}

.mb-4 {
    margin-bottom: 30px !important;
}

.mb-5 {
    margin-bottom: 40px !important;
}*/

.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}

/* session timer */
#FormSsnBox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #dddddd;
    background: rgba(221, 221, 221, .5);
    z-index: 999;
}

#FormSsnWarn, #FormSsnTime {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -100px;
    width: 300px;
    height: 200px;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    padding: 20px;
    border: 1px solid #222222;
    z-index: 1000;
}

/* tdm metrics page */
.tdmr-title {
    font-size: 2em;
    font-weight: bold;
}

#mtrcMetricsDDL {
    width: 150px;
}

.tdmr-form-field {
    margin-top: 25px;
    margin-bottom: 25px;
}

.tdmr-field-box {
    margin-bottom: 10px;
}

.tdmr-field-box h3 {
    margin: .5em 0;
}

.tdmr-field-box > div > span {
    font-weight: 700;
}

/* GRH Global */

.grh-hide {
    display: none;
}

.grh-title 
{
    margin-top: 15px;
}

#grhOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #dddddd;
    opacity: 0.5;
}

#grhOverlay img {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -28px;
}


/* GRH forms */
.grh-form label {
    font-style: italic; /* for mobile */
}

.grh-form input
, .grh-form textarea {
    font-weight: normal; /* for mobile */
}

/*.grh-form input:focus, .grh-form button:focus {
    background: #99bbff !important;
}*/

.grh-lnk {
    color: #428bca;
    cursor: pointer;
}

.grh-textarea-box {
    font-weight: normal; /* for mobile */
}


#grh-validation-summary {
    display: none;
}

.grh-vld-sum-mob {
    padding-left: 25px;
    padding-right: 25px;
}


/*#grh-valid-summary-title {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
}*/

/*
#grh-validation-summary {
    display: none;
    padding: 15px;
    background-color: #dddddd;
    border-radius: 5px;
    margin-bottom: 20px;
}

#grh-validation-summary p {
    margin-top: 0;
    color: #ff0000;
    font-weight: bold;
    font-size: 1.3em;
}

#grh-validation-summary a {
    color: #ff0000;
    display: block;
    margin: 8px 0;
}
*/
.grh-error {
    color: #ff0000;
}

.grh-invalid, .grh-invalid label {
    background-color: #ffcccc !important;
}

div.grh-row-thin {
    margin-bottom: 0 !important;
}

ul.grh-list-styleno li {
    list-style-type: none;
}

ul.grh-list-styleno li label {
    display: inline-flex; /* keeps labels indented from rbtn inputs */
}

ul.grh-ul-inline, ul.grh-ul-inline li {
    display: inline !important;
    border: none !important;
    padding: 2px !important;
}

label.grh-lbl-inline {
    display: inline;
}

div.grh-fieldgrp-inline {
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    -opera-border-radius: .3em;
    -khtml-border-radius: .3em;
    font-weight: normal; /* for mobile */
}

div.grh-fieldgrp-inline:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

div.grh-fieldgrp-inline label {
    display: block !important;
}

.grh-lbl-break {
    height: 0;
    width: 100%;
}

.grh-fld-inline {
    display: inline !important;
    margin-left: 6px;
}

.grh-col-inline {
    display: inline !important;
    clear: none !important;
}

/* date-time pickers */
#grhReqFormBox .input-append {
    position: relative;
}

#grhReqFormBox div.datepicker-months {
    overflow: auto;
}

#grhReqFormBox div.grh-datepicker
, #grhReqFormBox div.grh-timepicker {
    width: 140px;
}

#grhReqFormBox div.dropdown-menu {
    left: 0 !important;
}

.grh-datepicker input
, .grh-timepicker input {
    float: left;
    width: 110px !important;
    display: inline-block !important;
}

.grh-datepicker span.add-on.date, .grh-timepicker span.add-on.time {
    display: inline-block !important;
}

.grh-datepicker span.add-on
, .grh-timepicker span.add-on {
    width: 25px;
    height: 25px;
    margin: auto;
    background-position: 35% 35%;
    background-repeat: no-repeat;
}

.grh-datepicker span.add-on.date {
    background-image: url('/Data/Sites/1/skins/MetroTransitIII/../../../../../img/svg/calendar-gray.svg');
}

.grh-timepicker span.add-on.time {
    background-image: url('/Data/Sites/1/skins/MetroTransitIII/../../../../../img/svg/clock-gray.svg');
}



/* fieldsets */

.grh-fieldset legend {
    font-size: 1em;
    color: #000;
    font-style: italic;
    margin: .3em 0;
    width: auto !important;
    border: none;
    font-weight: normal; /* for mobile */
}


/*  GRH Tables  */

.grh-table {
    width: 100%;
}

.grh-table thead th {
    font-weight: bold;
    text-align: center;
    min-width: 75px;
}

.grh-table tbody td {
    text-align: center;
    padding: 8px 12px;
    border: 1px solid #cccccc;
}

.grh-table tbody tr:nth-child(even) {
    background-color: #eeeeee;
}

.grh-tbl-col-sm {
    width: 85px;
}


/* comfirm box */
.grh-form-confirm {
    display: none;
    margin-top: 40px;
}

.grh-confirm-message {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 40px;
}




/*  GRH Home  */
.grhHomeModSpacer {
    height: 40px;
    width: 100%;
}

.grh-home-hist-rgdt-box {
    text-align: right;
}

.grh-home-hist-tblbox table {
    width: 100%;
}

.grh-home-hist-tblbox caption {
    font-weight: bold;
    border-bottom: 2px solid #555555;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.grh-home-hist-date {
    width: 80px;
}

.grh-home-hist-stat {
    width: 80px;
    text-align: center;
}

.grh-home-hist-amt {
    width: 60px;
    text-align: right;
}

.grh-home-hist-liner-box {
    text-align: right;
    margin-top: 15px;
    margin-bottom: 15px;
}

.grh-home-hist-lrleft {
    margin-right: 20px;
}

/*#grhHomeRequestHistoryBtn {
    margin-top: 10px;
    margin-bottom: 10px;
}*/

.grh-home-hist-admlnk {
    margin-top: 10px;
}

#grhHomeRegisterBtn {
    display: block;
    width: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
}


/* GRH Register */
/*#grhRegFormBox {
    display: none;
}*/

.grh-reg-email-box {
    font-weight: normal;
}

#grhRegEmpChgLnk {
    display: block;
    background-color: transparent;
    border: none;
    outline: none;
}

.grh-row-emp {
    min-height: 90px;
}

#grhRegEmpDetailsBox.grh-reg-emp-box-mob  {
    clear: both;
}

.mt-form .mt-field.grh-frm-ach {
    display: none;
    margin-top: 10px;
}

.grh-frm-ach input, .grh-frm-ach select {
    margin-bottom: 10px;
}

.grh-reg-btn-box {
    margin-top: 10px;
}

.grh-reg-btn-box button {
    margin-bottom: 10px;
}

#grhRegEmpChgBtnMsg {
    font-size: .8em;
    margin-top: 5px;
}


/*  GRH Request  */
#grh-prereq-issue-box {
    display: none;
    margin-top: 30px;
}

#grhReqRegister {
    margin-top: 20px;
}

#grhTripCostBox {
    margin-top: 15px;
}



/*  GRH Process Request */
#grhReqNameBox {
    margin-bottom: 30px;
}

#grhReqNameBox.grh-proreq-name-mob {
    margin-bottom: 10px;
}

.grh-proreq-topfields {
    margin-bottom: 25px;
}

.grh-reqpro-detail-box {
    clear: both;
    margin-bottom: 20px;
}

.grh-detail-title {
    font-weight: bold;
}

.grh-hr-proreq {
    margin-top: 50px;
    margin-bottom: 35px;
    height: 3px;
}

.grh-proreq-map 
{
    height: 400px;
    margin-bottom: 20px;
}

.grh-proreq-map-box-mobile {
    clear: left;
}

.grh-proreq-map-mobile 
{
    height: 300px;
}

div.grh-proreq-audit-row div.mt-field {
    display: inline-block;
    clear: none;
}

#grh-map-legend {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 20px;
}

#grh-map-legend legend {
    font-size: 1em;
    margin-bottom: 0;
    border-bottom: none;
    width: 100px;
    padding-left: 8px;
}

.grh-map-legend-icon {
    margin-left: 5px;
    margin-right: 5px;
    height: 30px;
}


#grhReqNameFull {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 10px;
}

#grh-fld-goto {
    display: none;
}

.grh-proreq-cost-mobile {
    width: 80px !important;
}

#grhReqReceiptTypeFS {
    display: none;
}

.grh-upload-box {
    display: none;
}

#grhReqRptFilename {
    font-weight: normal; /* for mobile */
}

#grhReqReceiptBtn {
    display: inline;
    margin-right: 15px;
}

#grh-receipt-lnk-box {
    display: none;
    margin-bottom: 20px;
}

.grh-req-file-desc {
    margin: -10px 0 5px 20px;
    font-style: italic;
}

.grh-req-file-types, .grh-req-rpt-email {
    display: none;
}

.grh-req-confirm-box {
    margin-top: 25px;
    margin-bottom: 20px;
}

.grh-req-confirm-box label {
    display: flex;
}

.grh-req-btn-box {
    margin-top: 10px;
}

.grh-req-btn-box button {
    margin-bottom: 10px;
}

#grhRequestFormHistoryTbl tr th:last-child
, #grhRequestFormHistoryTbl tr td:last-child {
    text-align: left;
    padding-left: 12px;
}

.grh-reqhist-regdate-box {
    margin-top: 10px;
}

.grh-reqhist-regdate-box span {
    margin-right: 15px;
}

.grh-reqmsg-limit-over {
    color: #ff0000;
}




/* date-time pickers : mobile */
/* date pickers */
.grh-datepicker-mob {
    width: 120px;
    clear: both;
}

.grh-datepicker-mob label
, .grh-datepicker-mob input {
    float: left;
}

.grh-datepicker-mob input {
    font-weight: normal;
}

.grh-datepicker-mob span.add-on.date {
    height: 32px;
    width: 32px;
    margin-top: 20px;
}

/* time pickers */
.grh-timepicker-mob {
    width: 120px;
    clear: both;
}

.grh-timepicker-mob input {
    font-weight: normal;
}

.grh-timepicker-mob span.add-on.time {
    height: 32px;
    width: 32px;
    margin-top: 20px;
}

.grh-rp-icon {
    margin-left: 5px;
    cursor: pointer;
}

#grhExpForCustomerCE {
    width: 100%;
    padding: 15px;
    border: 1px solid #cccccc;
    border-radius: 5px;
}



/* GRH Request History  */
.grh-reqhist-prt-box {
    font-size: 1.2em;
    margin-top: 30px;
}

.grh-reqhist-prt-box span {
    margin-right: 20px;
}

.grh-reqhist-tbl-box {
    margin-top: 25px;
    margin-bottom: 40px;
}


/* GRH Request Print */

#grh-request-confirm-print {
    display: none;
    margin-top: 20px;
    margin-bottom: 20px;
}

.grh-request-confirm-print-msg {
    font-size: 1.2em;
    margin-bottom: 8px;
}

.grh-request-confirm-print-msg-2 {
    margin-top: 10px;
}

.grh-request-confirm-staple {
    font-size: 1.4em;
    margin-top: 8px;
    margin-bottom: 20px !important;
}

#grh-request-print-box {
    margin-left: 40px;
    position: static;
    max-width: 670px;
}

#grh-request-print-box .grh-title {
    margin-bottom: 20px;
}

#grh-request-print-title {
    display: inline;
}

#grh-request-print-title-add {
    margin-left: 40px;
    font-weight: bold;
}

.grh-print {
    margin-bottom: 15px;
}

.grh-print-tbl
{
    width: 100%;
    margin-bottom: 20px;
}

#grh-print-tbl-top tr td:not(:first-child) {
    text-align: center;
}

#grh-print-tbl-modes
{
    width: 500px;
}

.grh-print label, .grh-print-tbl-hdr {
    font-style: italic;
}

.grh-print ul li input
, .grh-print input[type="checkbox"] {
    margin-top: 1px;
    margin-right: 5px;
}

.grh-print-address ul li input {
    margin-top: -1px;
    vertical-align: middle;
}

.grh-print-address legend {
    margin: 0 .3em;
}

.grh-print label[for="grhReqExplanation"]
, .grh-print label[for="grhReqAgency"] {
    display: block;
}

.grh-print.grh-req-confirm-box
{
    margin-top: 0;
}

#grh-print-mail-addr {
    margin-top: 20px;
}


/* GRH Manage Requests  */
#grhManageRequestsTbl tr th:last-child, #grhManageRequestsTbl tr td:last-child {
    text-align: left;
    padding-left: 12px;
}


/**********/
/* global */
/**********/

.tdmHiddenField /* currently used to hide fields in devexpress modal windows */
{
    display: none;
}


.vp_desktop *
, .vp_desktop *:before
, .vp_desktop *:after
{
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

.vp_hide
{
	display: none;
}

.vp_hdr
{
	font-size: 2em;
	font-weight: bold;
    margin-top: 10px;
	margin-bottom: 25px;
}

.vp_qtn_hdr_big
{
	font-size: 1.7em;
	font-weight: bold;
}

.vp_sub_hdr
{
	font-size: 1.3em;
}

.vp_btn_grp
{
	text-align: left;
}

.vp_btn_grp input.btn
, .vp_btn_grp button.btn {
    margin: 0;
}

.vp_spacer
{
	height: 40px;
}

.vp_spacer_20
{
	height: 20px;
}

.vp_chg_select
{
	display: none;
	height: auto !important;
}

.vp_lnk
, .vp_lnk_prt
, .vp_move_up
, .vp_frm_remove
, .vp_stp_add
, .vp_stp_reset
, .vp_lnk_van
{
	color:  #428bca;
	cursor: pointer;
}

.vp_lnk:hover
, .vp_lnk_prt:hover
, .vp_move_up:hover
, .vp_frm_remove:hover
, .vp_stp_add:hover
, .vp_stp_reset
, .vp_lnk_van
{
	color:  #2a6496;
}

/* hide 'move up' in first row */
table tr:nth-child(2) .vp_move_up
{
	display: none;
}

.mt-form .mt-field.vp_frm_ach
{
	display: none;
	margin-top: 10px;
}

.vp_frm_ach input
, .vp_frm_ach select
{
    margin-bottom: 10px;
}

.vp_grid_btn_box
{
    margin-top: 25px;
}

.vp_grid_btn_box .mt-button,
.vp_grid_btn_box .mt-backbutton,
.vp_grid_btn_box .btn-primary {
    margin-bottom: 10px;
}


/*********************/
/* date time pickers */
/*********************/

.vp-datepicker.input-append
, .vp-timepicker.input-append {
    position: relative;
}

.vp-datepicker div.datepicker-months {
    overflow: auto;
}

/*div.vp-datepicker, #grhReqFormBox div.vp-timepicker {
    width: 140px;
}*/

.vp-datepicker div.dropdown-menu {
    left: 0 !important;
}

.vp-datepicker input
, .vp-timepicker input {
    float: left;
    width: 110px !important;
/*    display: inline-block !important;*/
}

.vp-datepicker .input-group-append
, .vp-timepicker .input-group-append {
    width: 25px;
    height: 25px;
    float: left;
}

.vp-datepicker span.add-on
, .vp-timepicker span.add-on {
    width: 25px;
    height: 25px;
    margin: auto;
    background-position: 35% 35%;
    background-repeat: no-repeat;
}

.vp-datepicker span.add-on.date {
    background-image: url('/Data/Sites/1/skins/MetroTransitIII/../../../../../img/svg/calendar-gray.svg');
}

.vp-timepicker span.add-on.time {
    background-image: url('/Data/Sites/1/skins/MetroTransitIII/../../../../../img/svg/clock-gray.svg');
}


/* mt.org redesign helpers */

#vp_details_form_box input.btn-warning 
, .vp_trip_form_box input.btn-warning 
, #vp_purchase_form_box input.btn-warning {
    color: #212529;
    background-color: #ffd200;
    border-color: #ffd200;
}

#vp_details_form_box input.btn-warning:hover  
, .vp_trip_form_box input.btn-warning:hover  
, #vp_purchase_form_box input.btn-warning:hover  {
    background-color: #d9b300;
    border-color: #cca800;
}

#vp_details_form_box input.btn-outline-primary 
, .vp_trip_form_box input.btn-outline-primary  
, #vp_purchase_form_box input.btn-outline-primary
, .vp_rtp_btn_row input.btn  {
    color: #0097d0;
    border-color: #0097d0;
    background-color: transparent;
}

#vp_details_form_box input.btn-outline-primary:hover 
, .vp_trip_form_box input.btn-outline-primary:hover  
, #vp_purchase_form_box input.btn-outline-primary:hover
, .vp_rtp_btn_row input.btn:hover {
    color: #ffffff;
    border-color: #0097d0;
    background-color: #0097d0;
}


/* vp timepicker : details page */

#vp_details_form_box .table-responsive {
    overflow: visible !important;
}

table[vp-type=stop] td {
    padding: 0.4rem;
}

td.vp-timepicker {
    width: 118px;
}

table[vp-type=stop] tr td.vp-timepicker input {
    width: 80px !important;
    padding: .2rem .1rem;
}



/*********************/
/* bootstrap helperz */
/*********************/

.table-responsive
{
    overflow-x: auto !important;
}

label
{
    font-weight: normal !important;
}

/*div.mt-field select
{
    height: 32px;
}*/


/*****************/
/* modal windows */
/*****************/
#vp_modal_copy
{
	margin: 10px 10px 30px 10px;
}

.vp_modal_bg
{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	
}

.vp_modal
{
	display: none;
	width: 280px;
	margin: 15% auto;
	padding: 20px;
    border: 1px solid #888;
    width: 30%;
	/*height: 200px;*/
	z-index: 9999;
	background-color: #ffffff;
	position: relative;
}

/*.vp_modal .vp_btn_grp
{
	position: absolute;
	bottom: 10px;
	right: 35px;
}*/

.vp_modal button
{
	margin-left: 20px;
    margin-bottom: 10px;
    min-width: 65px;
}



/******************/
/* van pool forms */
/******************/

.vp_section_hdr
{
	margin-top: 15px;
	/*margin-bottom: 10px;*/
    font-size: 2em;
    line-height: 2em;
}

.mt-form .mt-field label.vp_lbl_w_symbol
{
	display: block;
}

.vp_trip_form_box .mt-field input
, .vp_trip_form_box .mt-field select
, #vp_purchase_form_box .mt-field input 
, #vp_purchase_form_box .mt-field select {
    width: inherit;
}

.vp_fld_inline
, .mt-form .mt-field input[type=text].vp_fld_inline
, .mt-form .mt-field select.vp_fld_inline
{
	display: inline;
}

.vp_fld_symbol_left
{
	margin-right: 5px;
}

.vp_fld_symbol_right
{
	margin-left: 5px;
}

.vp_qtn_box_hdr
{
	font-weight: 700;
}

.vp_vpd_tbl_hdr
{
	font-weight: 700;
    font-size: 2em;
    line-height: 1.4em;
}

.vp_textarea 
{
	max-width: 500px;
}

.vp_textarea textarea
{
	width: 100%;
    height: 70px;
}

.vp_cbx_list
{
	max-width: 300px;
    margin-bottom: 20px;
}

div.vp_cbx_list ul li
{
	list-style-type: none;
}

#vp_qtn_active
{
	margin-left: 30px;
}

.vp_pck_state
, .vp_pck_zip
, .vp_drp_state
, .vp_drp_zip
{
	margin-left: 10px;
}

div.vp_sublabel
{
	font-weight: normal;
}


/**************/
/* validation */
/**************/

#vp-validation-summary {
    display: none;
}

.vp_valid_box span.txterror[style*='inline']
{
    display: block !important;
}

/*.vp_lbl_block
{
    display: block !important;
}*/


/********/
/* home */
/********/

.vpHomeModSpacer
{
    height: 40px;
    width: 100%;
}

.vpGuestGreeting
{
    padding-bottom: 25px;
}

.vp_home_greeting
{
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 5px;
	margin-bottom: 20px;
}

.vp_hdr_greet
{
	margin-bottom: 0px;
}


.vp_right_module
{
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 5px;
}

.vp_module_hdr
{
	font-size: 1.2em;
	font-weight: bold;
    margin-bottom: 15px;
}

.vpGuestGreeting
, .vp_my_pool_list_box
{
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 15px;
}

.vp_my_pool_list
{
	width: 90%;
	margin: 15px auto 5px auto;
}

.vp_my_pool_list .vp_my_pool_list_row:nth-child(even)
{
	background: #eeeeee;
}

.vp_my_pools_lnks_vp
{
	font-weight: bold;
	margin-bottom: 10px;
}

.vp_my_pools_lnks
{
	margin: 0 0 10px 0;
}

.vp_hm_lnk_trip
, .vp_hm_lnk_prch
{
    width: 150px;
}

.vp_hm_lnk_trip
, .vp_hm_lnk_prch
, .vp_hm_lnk_pgrs
, .vp_hm_lnk_stps
{
    padding-left: 0;
    padding-right: 0;
}



/********************/
/* van pool details */
/********************/

.vp_vpd_effect_lit
{
    font-weight: normal;
}

.vp_vpd_map_row
{
	margin-bottom: 25px;
}

.vp_vpd_map_row div.mt-field
{
	float: none;
}

.vp_vpd_map
{
	/*width: 350px;
	height: 300px;*/
    overflow: hidden;
}

#vp_google_map #CommuterGoogleMap #header
{
    display: none;
}

#vp_google_map .rdm-profile-map 
{
    height: 450px;
    width: 450px;
    float: right;
}

.vp_vpd_van_data_box
{
    margin-top: 30px;
    margin-bottom: 30px;
}

#vp_van_frm_add
{
    display: none;
}

.vp_lnk_van
{
    margin: 0 0 0 25px;
}

#vp_vpd_van_chg_btn, 
#vp_vpd_van_add_btn
{
    margin-bottom: 12px;
}

.vp_vpd_van_box 
{
    font-weight: bold;
}

.vp_vpd_van_lbl
{
    display: inline-block;
    width: 95px;
    text-align: right;
    font-weight: normal;
    margin-right: 7px;
}

.vp_vpd_van_chg_desc 
{
    font-size: 0.7em;
}

#vp_van_msg_dup
{
    display: none;
    color: #ed1b2e;
    margin-top: 10px;
}

.vp_vpd_finance
{
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 15px;
}

.vp_vpd_fnc_txt
{
    font-weight: normal;
}

#lbl_vp_vpd_rental_miles
{
    display: block;
}


/* participants table */

table[vp-type=participant]
, table[vp-type=stop]
{
	margin-bottom: 0;
}

table[vp-type=participant] tr th
{
	vertical-align: bottom;
}

table[vp-type=participant] tbody tr td.mt-field
{
	float: none;
}

th.vp_vpd_prt_app
, td.vp_vpd_prt_app
{
	width: 80px;
	text-align: center;
}

table[vp-type=participant] tr th:last-child
{
	width: 90px;
    white-space: normal;
}

#ConnectAcctInfo
{
    margin-left: 4px;
    display: inline;
}

.vp_vpd_prt_stp
{
    min-width: 140px;
}

td.vp_vpd_prt_stp div.vp_stp_ddl_box
{
    display: none;
}

#vp_vpd_prt_add_frm
{
    margin-bottom: 10px;
}

#vp_vpd_prt_add_exst
{
    margin-bottom: 10px;
}

#vp_vpd_prt_add_tbx
{
    float: right;
}


/* vp details tables */
.vp_vpd_table_note
{
    font-size: 0.9em;
    margin-top: 5px;
    margin-bottom: 5px;
}


/* stops table */

table[vp-type=stop] tbody tr td.mt-field
{
    float: none;
}

.vp_table_header th:nth-child(5)
, .vp_table_header th:nth-child(6)
{
    /* time towork/tohome */
    width: 80px;
}

table[vp-type=stop] tr th
, .vp_stp_td_ste
, .vp_stp_td_zip
, .vp_stp_td_towork
, .vp_stp_td_tohome
, .vp_stp_td_drp
, .vp_stp_td_mov
, .vp_stp_td_rmv
, .vp_stp_lnk_add
, .vp_stp_lnk_reset
{
	text-align: center;
}

table[vp-type=stop] tr th:nth-child(1)
, table[vp-type=stop] tr th:nth-child(2)
{
	text-align: left;
}

table[vp-type=stop] tr th
{
	vertical-align: bottom;
}


#vp_stp_ddl_state
, #vp_stp_tbx_zip
{
    width: 63px;
    margin-right: -10px;
}

#vp_vpd_van_chg_lnk
{
	margin-bottom: 15px;
}

.vp_vpd_veh_date_box
{
	margin-top: 10px;
}

.vp_vpd_btns input
{
    margin-bottom: 15px;
}

table[vp-type=stop] tr[data-stp-id='0'] td
{
    vertical-align: middle;
}



/* roles */
#vp_vpd_role_error
{
    display: none;
    color: #ff0000;
}

.vp_vpd_role_ddl {
    margin-bottom: 10px;
    width: 174px !important;
}

#vp_details_form_box label.vp-role-lbl {
    float: left;
    margin: 0 8px 0 0 !important;
}

.vp-role-date-box {
    display: inline-block;
}

/*div.vp-role-date-box input.datepickertext {
    vertical-align: inherit;
}*/

/*div.vp-role-date-box span {
    height: 22px !important;
    margin-top: -4px;
}*/


/*******************/
/* enter/edit trip */
/*******************/
.vp_trip_confirm, .vp_purchase_confirm {
    color: #0053A0;
    font-weight: bold;
    background-color: #eeeeee;
    padding: 8px;
    font-size: 16px;
}

#vp_trip_pgr_all
{
    margin-left: 30px;
}

.vpBtnVanChange
{
    margin-left: 50px;
    cursor: pointer;
    color: #2a6496;
}

#pnlVPTripError {
    background-color: #fbd1d5;
    padding: 10px;
}

#vp_trip_direction, #vp_trip_start_odo, #vp_trip_end_odo, #vp_trip_passengers {
    margin-bottom: 15px;
}

.vp-trip-error {
    background-color: #fbd1d5;
    padding: 8px;
}

.vp_trip_err_hide {
    display: none;
}


/****************/
/* recent pages */
/****************/

.vp-sum-title-section {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

.vp-sum-title {
    font-weight: bold;
}

.vp-sum-trip-tbl {
    margin-bottom: 45px;
}

.vp-sum-trip-tbl tr:nth-child(even) {
    background-color: #dddddd;
}

.vp-sum-trip-tbl:last-child {
    margin-bottom: 0;
}

.vp-sum-trip-tbl td {
    margin: auto;
    padding: 8px;
    border: 1px solid #dddddd;
}

#dlSummaryMiles tr:nth-child(even)
, #dlSummaryVTrips tr:nth-child(even)
, #dlSummaryPTrips tr:nth-child(even)
, #dlSummaryQuantity tr:nth-child(even)
, #dlSummaryAmount tr:nth-child(even) {
    padding: 8px;
    border: 1px solid #dddddd;
    background-color: #dddddd;
}

#dlSummaryMiles tr td
, #dlSummaryVTrips tr td
, #dlSummaryPTrips tr td
, #dlSummaryQuantity tr td
, #dlSummaryAmount tr td {
    text-align: center;
}

.vp-sum-trip-box {
    text-align: center;
    width: 70px;
    margin: auto;
}


/****************/
/* recent trips */
/****************/

.vp_rtp_btn_row
{
    margin-bottom: 25px;
}

.vp_rtp_btn_row input
{
    margin-bottom: 10px;
}

table#VPTrips tr th
{
    vertical-align: bottom;
    text-align: center;
    border-bottom: 1px solid #000000;
}

table#VPTrips input {
    background: none;
    border: none;
    cursor: pointer;
    color: #0053a0;
}

table#VPTrips tr td
{
    width: 80px;
    text-align: center;
    padding: 5px;
}



/********************/
/* recent purchases */
/********************/

table#VPPurchases tr th
{
    vertical-align: bottom;
    border-bottom: 1px solid #000000;
}

table#VPPurchases tr th:not(:last-child)
{
    text-align: center;
}

table#VPPurchases input {
    background: none;
    border: none;
    cursor: pointer;
    color: #0053a0;
}

table#VPPurchases tr td
{
    padding: 5px;
}

table#VPPurchases tr td:not(:last-child)
{
    width: 80px;
    text-align: center;
}

.vp_rtp_total_box
{
    margin-top: 30px;
}

.vp_rtp_total
{
    float: left;
    margin-right: 30px;
    text-align: right;
}


/*****************/
/* van pool stop */
/*****************/

.vp_stop_map_box
{
	height: 300px;
	width: 400px;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

#vp_stop_id
{
	margin-left: 20px;
}

#vp_stop_save_return
{
	width: 230px;
}


/************************/
/* van pool participant */
/************************/

#vpPartFormBox {
    min-height: 800px;
}

#boxPrtAddForm {
    display: none;
}

.vp_part_pool
{
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 10px;
}

.vp_part_email_lit 
{
    font-weight: normal;
}

/*div.vpp-role-box 
{
    margin-top: 30px;
}

div.vpp-role-box div.vp-datepicker 
{
    display: inherit;
    clear: none;
}

.vp-datepicker input {
    display: inline-block !important;
    width: 90px !important;
}

.vp-datepicker span.add-on.date 
{
    height: 24px;
    display: inline-block;
}*/

.vp_part_emp_box
{
    clear: both;
    padding-top: 30px;
    padding-bottom: 10px;
}

.vp_part_btns
{
    clear: both;
    padding-top: 25px;
}

.vp_part_err_dup_box
{
    color: #ff0000;
    margin-bottom: 15px;
}


/**********************/
/* van pool expenses */
/**********************/

#vp_qtn_inv_year
, #vp_qtn_inv_month
{
	width: 80px;
}

.vp_btn_grp_lbl
{
	text-align: left;
}

.vp_btn_grp_invoice
{
	text-align: right;
}

.vp_btn_grp_invoice button
{
	width: 150px;
	margin: 10px 0 10px 30px;
	float: right;
}


/*********************/
/* van pool purchase */
/*********************/
.vp_prch_amt_br
{
    height: 0;
    width: 100%;
}

.vp_purch_btn input
{
    margin-bottom: 10px;
}


/*********************/
/* van pools rewards */
/*********************/

.vp_reward_btns button
{
	width: 150px;
	margin-right: 20px;
	margin-bottom: 20px;
}



/*********************/
/*    Manage Vans    */
/*********************/

#VPVansGrid_DXCBtn0
{
	display: none;
}


/**********************/
/*  Employer Reports  */
/**********************/

.vpEmpReportHeader {
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 10px;
}

table#VPPrts button {
    background: none;
    border: none;
    cursor: pointer;
    color: #0053a0;
}

#vpReportEmpHdr th {
    vertical-align: bottom;
}



/*******************/
/*  media queries  */
/*******************/
@media screen and (max-width: 991px) {
    #vp_google_map .rdm-profile-map 
    {
        float: none;
    }

}