﻿body {
    color: #777;
    padding: 0px;
    background: #C7C9CB;
}

.error-message { color: #cc0000; }
.error-hidden { display: none; }

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

a {
    color:#1D1756;
}

.container .row {
    background: #FFF;
}

#page-bottom {
    color: #000;
}

#page-bottom hr {
    border-top: 1px solid #000;
}

#page-header {
    background: #fff;
}

#page-header::after {
    height: 5px;
    width: 100%;
    background-image: url('img/colored-lines.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#page-header div[class^="col-md-"] {
    position:relative;
    padding: 20px 0px;
    height: 150px;
}

#page-header .logo {
    padding-left: 40px;
}

#header-menu {
    position: absolute;
    top: 0px;
    right: 30px;
    color: #ffffff;
    line-height: 20px;
    border-left: solid 1px #008AB4;
    border-bottom: solid 1px #008AB4;
    border-right: solid 1px #008AB4;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
}

#header-menu a {
    display: inline-block;
    font-family: Verdana, Arial, sans-serif;
    color: #008AB4; 
    font-size: 13px;; 
    padding:6px 17px; 
    text-decoration:none; 
    border-right:solid 1px #a7a8aa; 
}

#header-menu a:last-child {
    border-right: none;
}

#header-menu a:hover,
#header-menu a:focus,
#header-menu a:active {
    background-color:#008AB4;
    color: #FFF;
}

#page-header h2.title {
    color:#777; 
    display:inline-block; 
    text-transform:uppercase;
    padding-bottom:5px;
    font-size:1.2em;
    line-height:23px;
    position: absolute;
    bottom: 20px;
    right: 30px;
}

#page-header .content {
    color:#FFF;
    font-size:.8em;
    font-family:Verdana, Arial, sans-serif;
    position: absolute;
    bottom: 30px;
    left: 0px;
}

#page-header .content p.info-title {
    font-size:2.0em;
}

#page-header .content a {
    color:#ED8B00; /* #FF7900 */
    text-decoration: underline;
}

#page-content {
    margin:0 30px 20px;
    padding-top:20px;
}

#page-content h3,
.category-banner span.category {
    color:#FFF;
    margin-top:0px;
    padding:7px 25px;
    font-weight:normal;
    text-transform:uppercase;
    background:#5F646A;
}

.category-banner span.category {
    font-size:24px;
    display:block;
}

/*#page-footer {
    margin-top: 5px;
}*/

/*#page-footer .row::before {
    height: 5px;
    width: 100%;
    background-image: url('img/colored-lines.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}*/

#page-footer .inner {
    padding: 20px 40px;
}

.highlight {
    color: #4a4a4a;
}

#page-banner {
    background:#008AB4;
    margin-top: 5px;
    margin-bottom: 5px;
}

h1.banner {
    margin:0px;
    font-size:2.7em;
    color:#FFF;
    padding:25px 150px 40px 30px;
    
    font-weight: normal;
}

.tile-group {
    border-top: solid 5px #C7C9CB;
}

.tile { 
    float:left;
    text-align:left;
    position:relative;
    border-left: solid 5px #C7C9CB;
    padding:15px;
    vertical-align: top;
    height: 216px;
    width: 25%;
    margin:0px;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    color: #FFF;
}
.tile:first-child {
    border-left:none;

}
.tile .icon {
    display: inline-block;
    vertical-align: top;
    width: 60px; 
    text-align: center;

}

.tile .text {
    display: inline-block;
    color:#FFF;
}

.tile .btn.btn-default {
    color: #FFF;
    background: transparent;
    border-color: #FFF;
}

.tile .text .title {
    font-size: 2em;
    display: block;
}

.tile .text .desc {
    font-size: .9em;
    margin: 10px 0; 
    display: block;
}

.tile .tile-bottom {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
    margin-left: -15px;
}

.tile .tile-bottom .btn {
    width: 70%;
}

.btn {
    border-radius: 0;
}

.btn-primary {
    background-color: #008AB4;
    border: solid 1px #008AB4;
    color: #FFF;
    font-weight: bold;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #B5007C;
}

/*Main Navigation*/

nav.nav-main {
    text-align:center;
}

nav.nav-main ul {
    display:inline-block;
    padding:0px;
    border-top:solid 5px #C7C9CB;
    border-bottom:solid 5px #C7C9CB;
    width:100%;
    position:relative;
    margin-bottom:56px;
    font-size:0px;
}

nav.nav-main ul li {
    display:inline-block;
    float:left;
    list-style-type: none;
    width:20%;
    margin:0px;
    padding:0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    vertical-align:middle;
    font-size:20px;
}

nav.nav-main ul li a {
    display:block;
    text-decoration:none;
    color:#008AB4;
    font-weight:bold;
    line-height:60px;
    padding:10px 5px 10px;
    background-color:#FFF;
}

nav.nav-main ul li.home a {
    /*color:#008059;*/
    color:#008AB4;
}

nav.nav-main ul li.first a {
    /*color:#97d700;*/
    color:#008AB4;
}

nav.nav-main ul li.second a {
    color:#008AB4;
}

nav.nav-main ul li.third a {
    /*color:#80225f;*/
    color:#008AB4;
}

nav.nav-main ul li.fourth a {
    /*color:#63666a;*/
    color:#008AB4;
}

nav.nav-main ul li:hover a  {
    background:none;
    color:#FFF;
}

nav.nav-main ul li.active a {
    background: none;
    border-left:solid 5px #C7C9CB;
    border-right:solid 5px #C7C9CB;
    color:#FFF;
}

nav.nav-main ul > li.active:first-child a {
    border-left:none;
}

nav.nav-main ul > li:first-child + li + li + li + li.active a {
    border-right:none;
}

nav.nav-main ul li a.multiple-lines {
    line-height:30px;
    padding:45px 15px 50px;
}

nav.nav-main ul li ul,
nav.nav-main ul li ul li {
    background:#FFF;
} 

nav.nav-main ul li a:focus,
nav.nav-main ul li a:active {
    color:#FFF;
}

nav.nav-main ul li.home,
nav.nav-main ul li.home a:focus,
nav.nav-main ul li.home a:active {
    background:#B5007C;
}

/*FIRST*/

.tile.first {
    background:#008AB4;
}

nav.nav-main ul li.first,
nav.nav-main ul li.first a:focus,
nav.nav-main ul li.first a:active,
/*nav.nav-main ul li.first a:hover,*/
/*nav.nav-main ul li.active.first a,*/
nav.nav-main ul li.active.first ul li.active a,
nav.nav-main ul li.active.first ul li.active:hover a,
nav.nav-main ul li.active.first ul li.active a:focus,
nav.nav-main ul li.active.first ul li.active a:active {
    background:#B5007C;
    color:#fff;
}

nav.nav-main ul li.active.first ul li a {
    color:#008AB4;
}

nav.nav-main ul li.first ul {
    border-bottom:solid 5px #B5007C;
}

.tile.first a:hover,
.tile.first a:focus,
.tile.first a:active,
nav.nav-main ul li.active.first ul li:hover a,
nav.nav-main ul li.active.first ul li a:focus,
nav.nav-main ul li.active.first ul li a:active {
    background:#fff;
    color:#008AB4;
}

/*SECOND*/

.tile.second {
    background:#008AB4;
}

nav.nav-main ul li.second,
nav.nav-main ul li.second a:focus,
nav.nav-main ul li.second a:active,
nav.nav-main ul li.active.second ul li.active a,
nav.nav-main ul li.active.second ul li.active:hover a,
nav.nav-main ul li.active.second ul li.active a:focus,
nav.nav-main ul li.active.second ul li.active a:active {
    background:#B5007C;
    color:#fff;
}

nav.nav-main ul li.active.second ul li a {
    color:#008AB4;
}

nav.nav-main ul li.second ul {
    border-bottom:solid 5px #B5007C;
}

.tile.second a:hover,
.tile.second a:focus,
.tile.second a:active,
nav.nav-main ul li.active.second ul li:hover a,
nav.nav-main ul li.active.second ul li a:focus,
nav.nav-main ul li.active.second ul li a:active {
    background:#fff;
    color:#008AB4;
}

/*THIRD*/

.tile.third {
    background:#008AB4;
}

nav.nav-main ul li.third,
nav.nav-main ul li.third a:focus,
nav.nav-main ul li.third a:active,
nav.nav-main ul li.active.third ul li.active a,
nav.nav-main ul li.active.third ul li.active:hover a,
nav.nav-main ul li.active.third ul li.active a:focus,
nav.nav-main ul li.active.third ul li.active a:active {
    /*background:#80225f;*/
    background:#B5007C;
    color:#fff;
}

nav.nav-main ul li.active.third ul li a {
    /*color:#80225f;*/
    color:#008AB4;
}

nav.nav-main ul li.third ul {
    /*border-bottom:solid 5px #80225f;*/
    border-bottom:solid 5px #B5007C;
}

.tile.third a:hover,
.tile.third a:focus,
.tile.third a:active,
nav.nav-main ul li.active.third ul li:hover a,
nav.nav-main ul li.active.third ul li a:focus,
nav.nav-main ul li.active.third ul li a:active {
    background:#fff;
    /*color:#80225f;*/
    color:#008AB4;
}

/*FOURTH*/

.tile.fourth {
    background:#008AB4;
}

nav.nav-main ul li.fourth,
nav.nav-main ul li.fourth a:focus,
nav.nav-main ul li.fourth a:active,
nav.nav-main ul li.active.fourth ul li.active a,
nav.nav-main ul li.active.fourth ul li.active:hover a,
nav.nav-main ul li.active.fourth ul li.active a:focus,
nav.nav-main ul li.active.fourth ul li.active a:active {
    /*background:#63666a;*/
    background:#B5007C;
    color:#fff;
}

nav.nav-main ul li.active.fourth ul li a {
    /*color:#63666a;*/
    color:#008AB4;
}

nav.nav-main ul li.fourth ul {
    /*border-bottom:solid 5px #63666a;*/
    border-bottom:solid 5px #B5007C;
}

.tile.fourth a:hover,
.tile.fourth a:focus,
.tile.fourth a:active,
nav.nav-main ul li.active.fourth ul li:hover a,
nav.nav-main ul li.active.fourth ul li a:focus,
nav.nav-main ul li.active.fourth ul li a:active {
    background:#fff;
    /*color:#63666a;*/
    color:#008AB4;
}

/*SECOND LEVEL*/

nav.nav-main ul li ul {
    display:none;
}

nav.nav-main ul > li.active ul {
    display:block;
    position:absolute;
    top:80px;
    left:0px;
    text-align:left;
}

nav.nav-main ul > li.active ul li a {
    padding:20px;
    line-height:normal;
    font-size:14px;
    text-align:center;
    width:auto !important;
    border:none;
}

nav.nav-main ul > li.active ul li:hover a,
nav.nav-main ul > li.active ul li.active a,
nav.nav-main ul li.active ul li a:focus,
nav.nav-main ul li.active ul li a:active   {
    color:#FFF;
}

.meeting-section {
    padding-bottom: 30px;
}

.meeting-section .table {
    margin-bottom: 50px;
}

.button-row {
    margin-top: 15px;
    margin-bottom: 15px;
}

/*End Nav*/

tr.pager td {border-bottom: none; padding: 2px; text-align: right;}
tr.pager td a {color: #4a63ae; font-weight: bold;}
tr.pager td table{margin: 0 0 0 auto;}

ul.property-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 12px;
}

ul.property-list li {
    padding: 5px 0px;
}

ul.property-list .property-label {
    font-weight: bold;
    color: #777;
    width: 40%;
    display: inline-block;
}

.required {
    color: red;
}

/* page specific styles */
.page-login #login-section { 
    padding: 40px 20px;
    background: #C7C9CB;
}

.page-program-summary select.form-control {
    width: 150px;
    display: inline-block;
}

.input-forgot-password {
    width:225px;
    margin:15px 0px;
}

/*Mobile Header*/
#page-header-mobile {
    position:fixed;
    top:0px;
    left:0px;
    z-index:1000;
    width:100%;
    background:#fff;
}

#page-header-mobile::after {
    height: 5px;
    width: 100%;
    background-image: url('img/colored-lines.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}



.logo-mobile {
    padding:10px;
    position:relative;
    top:0px;
    left:0px;
    z-index:102;
}

#mobile-menus {
    padding-top:10px;
}

#mobile-menus #divider-line-header {
    border-left:solid 1px #a7a8aa;
    width:0px;
    height:45px;
    position:absolute;
    right:110px;
}

#mobile-menus #main-menu-mobile {
    position:absolute;
    right:7px;
    width:100%;
    text-align:right;
}

#mobile-menus a#main-menu-mobile-link {
    float:right;
    width:40px;
}

#mobile-menus #main-menu-mobile ul {
    margin-right:-7px;
}

#mobile-menus #main-menu-mobile ul li,
#mobile-menus #safety-menu-mobile ul li {
    text-align:center;
}

#mobile-menus #safety-menu-mobile {
    position:absolute;
    right:57px;
    width:100%;
    text-align:right;
    z-index:101;
}

#mobile-menus a#safety-menu-mobile-link {
    float:right;
    width:40px;
}

#mobile-menus #safety-menu-mobile ul {
    margin-right:-57px;
}

#mobile-menus .dropdown {
    width:100%;
    position:relative;
    top:0px;
    right:0px;
}

#mobile-menus .dropdown a:focus {
    outline:none;
}

.dropdown-menu-header {
  position: absolute;
  top:53px;
  right:0px;
  z-index: 1000;
  display: none;
  float: none;
  min-width:1px;
  width:100%;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #0072b1;
  -webkit-background-clip: none;
          background-clip: none;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dropdown-menu-header li {
   border-top:solid 1px #197fb8;
}

.dropdown-menu-header li:first-of-type {
   border-top:none;
}

.dropdown-menu-header li a {
   padding:5px 0px;
   font-size:17px;
   color:#FFF;
}

.dropdown-menu-header li:hover a,
.dropdown-menu-header li:focus a,
.dropdown-menu-header li:active a {
    background:#016ba6;
    color:#FFF;
}

.arrow-up {
    position:absolute;
    top:-5px;
    right:22px;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #0072b1;
}

.arrow-up-safety {
    right:73px;
}

.sign-out-btn {
    margin-top:-3px;
}

.bold-font {
    color:#1d1756;
    font-size:15px;
    font-weight:bold;
    margin-top:20px;
}

#page-bottom .bold-font {
    color:#777777;
}

a#indication-and-usage {
    padding-top:60px;
}

#page-header .content {
    position:absolute;
    left:400px;
    width:400px;
}

.nav-wrapper-tabs {
    display:none;
}

.table-responsive {
    border-radius:5px;
    border:none;
    margin-bottom:0px;
}

.table-responsive .grouping {
    float:left;
    width:320px;
}

.table-responsive th {
    display:none;
} 

.table > tbody > tr > td {
    border:none;
} 

.table-responsive .img-rounded {
    width:60px;
    height:60px;
    overflow:hidden;
    border-radius:5px;
}

.table-responsive .light-header {
    color:#a9a9a9;
    font-size:13px;
    font-weight:bold;
    display:block;
}

.table-meetings .meeting-wrapper {
    border:solid 1px #DADADA;
    border-radius:6px;
    margin-top:-8px;
    margin-left:-8px;
    margin-right:-8px;
    padding:10px;
}

.table-meetings .meeting-header {
    border-bottom:solid 1px #DADADA;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background:#f0f0f0;
    margin-top:-10px;
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom:10px;
    padding:3px;
    height:40px;
}

.table-meetings .meeting-header .little-hash {
    font-size:12px;
}

.table-meetings .meeting-header .meeting-code {
    margin:7px;
    font-size:17px;
    line-height:34px;
}

.table-meetings .meeting-header .meeting-detail-link {
    float:right;
}

.table-meetings .meeting-header .meeting-detail-link .btn.btn-default {
    color:#FFF;
    background:#117bb6;
}

.table-meetings .light-header {    
    display:block;
}

.table-meetings .detail-info {    
    display:block;
    margin-bottom:8px;
}

.table-meetings .downloads {
    margin-top:10px;
    float:right;
    clear:both;
}

.table-meetings .grouping {
    width:260px;
    padding-right:20px;
}

.table-payments-top .grouping {
    margin-bottom:10px;
    width:auto;
    padding-right:140px;
}

.table-payments .grouping {
    width:140px;
    padding-bottom:10px;
}

.table-impersonate .grouping {
    width: 260px;
    padding-bottom: 10px;
}

.table-meetings.table-payments .detail-info {
    margin-bottom:0px;
}

.sticky-footer.sticky-footer-mobile {
    background:#FFF; 
    position:fixed; 
    height:69px;
    bottom:0px; 
    left:0px; 
    right:0px; 
    border-top:solid 1px #e2e2e2;
    font-size:9px;
    color:#787878;
    padding:4px 10px 4px 0px;
}

.sticky-footer.sticky-footer-mobile a.isi-btn {
    padding:0px 15px;
    line-height:60px;
}

.sticky-footer.sticky-footer-mobile span.bold-header {
    color: #221E55;
    font-size:9.5px;
    line-height:10px;
    font-weight:bold;
}

#page-content .slide-presentations h3.title {
    margin-top:20px;
}

.modal-header {
    border-bottom:none;
    padding-bottom:0px;
}

.modal-body {
    padding-top:0px;
}

.modal h3.second-header-modal {
    clear:both;
}

.modal .grouping {
    width:100%;
}

.modal .grouping.welcome-banner {
    clear:both;
}

.phone-icon,
.mail-icon,
.download-icon,
.url-icon {
    padding-left:24px;
    display:inline-block;
    font-size:12px;
    height:26px;
    line-height:19px;
    background:url("/Styles/img/phone-icon.png") no-repeat;
}

.url-icon {
    background: url("/Styles/img/url-icon.png") no-repeat;
}

.mail-icon {
    background:url("/Styles/img/mail-icon.png") no-repeat;
}

.download-icon {
    background:url("/Styles/img/download-icon.png") no-repeat;
    margin-right:5px;
}

.download-icon:last-of-type {
    margin-right:0px;
}

.label.hangingindent {
    color:#777;
    display:block;
    white-space:normal;
}

.isi-box {
    border: 1px solid #777;
    padding: 1em;
    margin-bottom: 1em;
    font-weight: bold;
}

.profile-question label {
    margin-left: 1em;
}

/*Media Queries*/
@media (max-width:1199px) {
   #page-header .content {
        position:absolute;
        left:320px;
        width:340px;
    }
   .table-responsive .grouping {
        width:260px;
    }
   .table-meetings .grouping {
        width:200px;
    }
    .table-payments-top .grouping {
        width:auto;
        padding-right:100px;
    }
    .table-payments .grouping {
        width:50%;
    }
    #login-section .control-label {
        font-size:13px;
    }
    .modal .grouping {
        width:100%;
    }
}

@media (max-width:991px) {
    #page-header .content {
        position:absolute;
        top:37px;
        left:380px;
        width:340px;
    }
    .tile .text .title {
        font-size: 20px;
    }
    .tile.first a {
        padding-left:6px;
    }
    .table-responsive .grouping {
        padding-right:40px;
    }
    .table-meetings .grouping {
        width:159px;
    }
    .table-payments-top .grouping {
        width:260px;
    }
    .table-payments .grouping {
        width:50%;
    }
    nav.nav-main ul li.fourth a {
        line-height:30px;
        /*padding:45px 5px 50px;*/
    }
    nav.nav-main ul > li.active ul li a {
        padding-left:0px;
        padding-right:0px;
        margin:0px;
    }
    .modal .grouping {
        width:100%;
    }
}

@media (max-width:767px) {
    .btn.btn-primary {
        /*background:#97D700;*/
        background:#008AB4;
        border:none;
    }
    .btn.btn-primary:focus {
        background:#008AB4
    }
    body {
        padding-top:63px;
    }
    body.page-home {
        padding-top:58px;
    }
    #page-header div[class^="col-md-"] {
        padding: 10px 0px;
        height: 60px;
    }

    #page-header .logo {
        padding-left: 10px;
    }
    #page-content {
        margin: 0 0 0 0;
        padding-top:0px;
    }
    #page-content h3.table-heading {
        margin-bottom:15px;
    }
    .tile.first a {
        padding-left:10px;
    }
    .nav-wrapper-tabs {
        display:block;
        /*background:#63666a;*/
        background:#008AB4;
        margin-left:-15px;
        margin-right:-15px;
        padding-top:0px;
        padding-left:10px;
    }
    .nav-wrapper-tabs.second {
        background:#008AB4;
    }
    .nav-wrapper-tabs.third {
        /*background:#80225f;*/
        background:#008AB4;
    }
    .nav-wrapper-tabs.fourth {
        /*background:#63666a;*/
        background:#008AB4;
    }
    .nav-wrapper-tabs .nav-tabs {
        border-bottom:none;
    }
    .nav-wrapper-tabs ul.nav.nav-tabs li a {
        font-size:13px;
        color:#FFF;
        border:none;
    }
    .nav-wrapper-tabs ul.nav.nav-tabs li:hover a {
        background:none;
        border:none;
    }
    .nav-wrapper-tabs ul.nav.nav-tabs li.active a {
        color:#1d1756;
        background:#FFF;
    }    
    .tile {
        float:none;
        clear:both;
        text-align:center;
        width:100%;
        border:none;
        border-bottom:5px solid #c7c9cb;
        height:auto;
        padding-bottom:25px;
    }
    .tile:first-child {
        border-left:5px solid #c7c9cb;
    }
    .tile:last-child {
        border-bottom:none;
    }
    .tile .tile-bottom {
        position:relative;
        top:0px;
        left:0px;
        margin-left:0px;
    }
    .tile .tile-bottom .btn {
        width:auto;
    }

    #copyright {
        margin-left:-15px;
        margin-right:-15px;
        padding:15px 15px 0px;
    }
    #copyright .copyright-img {
        max-width:140px;
        margin-bottom:10px;
    }
    #copyright p {
        font-size:11px;
        color:#505050;
    }

    #page-content ul.presentations {
        padding-left:25px;
    }
    #page-banner {
        background:#FFF;
        padding:10px 15px 0px;
        margin-top: 7px;
        margin-bottom:0px;
    }
    h1.banner-mobile,
    #page-content h3,
    #login-screen h3,
    #page-bottom h3,
    .category-banner span.category {
        color: #1d1756;
        font-size:21px;
        font-weight:normal;
        margin-top: 0px;
        margin-bottom:15px;
        padding:18px 0px;
        background: none;
        /*border-bottom:solid 4px #97d700;*/
        border-bottom:solid 4px #008AB4;
        text-align:left;
    }
    #page-content h3,
    .category-banner span.category {
        font-size:23px;
    }
    #login-screen h1.banner-mobile {
        padding-top:18px;
    }
    h1.banner-mobile {
        padding-top:8px;
        text-transform:uppercase;
        font-size:26px;
    }
    h1.banner-mobile span {
        font-size:15px;
        text-transform:none;
    }    
    #login-screen h3 span {
        font-size:12px;
        text-transform:none;
        line-height:normal;
        margin:0px;
    }
    #page-content h3.inner-page {
        font-size:23px;
        color:#fff;
        border-bottom:none;
        margin-top:0px;
        margin-bottom:0px;
    }
    .page-login #login-section {
        border:none;
        padding:0px;
    }
    #login-section .btn.btn-primary {
        width:100%;
        font-size:21px;
        /*background:#97D700;*/
        background:#008AB4;
        border:none;
        font-weight:normal;
        text-transform:uppercase;
    }
    #login-section .dummy-button {
        display:none;
    }
    #login-section .forgot-password {
        text-align:center;
        margin:20px 0px;
    }
    #login-section .forgot-password a {
        color:#0072b1;
        font-size:15px;        
    }
    .table-responsive .grouping {
        padding-right:50px;
    }  
    .table-meetings .grouping {
        width:auto;
        padding-right:0px;
    }  
     

    .table-meetings .light-header {    
        width:115px;
        float:left;
    }
    .table-meetings .detail-info {    
        width:290px;
        float:left;
        margin-bottom:8px;
    }

  
    .page-active-second .btn.btn-primary {
        /*background:#97D700;*/
        background:#008AB4;
        border:none;
    }
    .table-payments-top .grouping {
        margin-bottom:10px;
    }
    .table-payments .light-header {
        width:200px;
    }
    .table-payments .detail-info {
        width:130px;
    }
    .upload-photo {
        width:112px;
    }
    h1.banner-mobile span {
        display:block;
        padding-top:5px;
    }
    .url-icon a,
    .mail-icon a,
    .download-icon a {
        color:#117bb6;
    }
    .bold-font {
        color:#1d1756;
        font-size:15px;
        font-weight:bold;
        margin-top:20px;
    }

    #page-bottom .bold-font {
        color:#1d1756;
    }
}

@media (max-width:728px) {
    .table-payments .detail-info {
        width:300px;
    }
}

@media (max-width:600px) {
    .table-payments .detail-info {
        width:260px;
    }
}

@media (max-width:530px) {
    .table-payments .detail-info {
        width:210px;
    }
}

@media (max-width:479px) {
    #page-content,
    #page-footer {
        font-size:12px;
    }
    .table-responsive .grouping {
        float:none;
    }
    .table-meetings .light-header {    
        width:85px;
        clear:both;
    }
    .table-meetings .detail-info {    
        width:164px;
    }
    .table-payments .grouping {
        float:none;
        clear:both;
        display:block;
    }
    .table-payments .light-header {
        width:140px;
        clear:both;
        display:inline-block;
        padding-bottom:15px;
    }
    .table-payments .detail-info {
        width:115px;
    }
    .upload-photo {
        width:60px;
    }
    .bold-font {
        font-size:17px;
    }
    h1.banner-mobile,
    #page-content h3,
    #page-bottom h3 {
        font-size:23px;
    }
    #page-content h3 span,
    #page-bottom h3 span,
    #login-screen h3 span {
        font-size:15px;
    }
    h1.banner-mobile span {
        font-size:20px;
    }
}

@media (max-width:360px) {
    h1.banner-mobile {
        font-size:20px;
    }
    h1.banner-mobile span {
        font-size:20px;
    } 
    .sticky-footer.sticky-footer-mobile {
        font-size:8.4px;
    }
}

/*Inner Tab Menu Responsive*/
@media (max-width:580px) {
    .nav-wrapper-tabs.tight ul.nav.nav-tabs li {
        width:114px;
        text-align:center;
    }  
    .nav-wrapper-tabs.tight ul.nav.nav-tabs li a {
        font-size:12px;
        height:52px;
        line-height:normal;
    }
    .nav-wrapper-tabs.super-tight ul.nav.nav-tabs li {
        width:90px;  
        text-align:center;
    }
    .nav-wrapper-tabs.super-tight ul.nav.nav-tabs li a {
        font-size:12px;
        height:52px;
        padding-left:5px;
        padding-right:5px;
    }
}

@media (max-width:479px) {
    .nav-wrapper-tabs.tight ul.nav.nav-tabs li {
        width:75px;
    }    
    .nav-wrapper-tabs.tight ul.nav.nav-tabs li a {
        font-size:11px;
        padding-left:4px;
        padding-right:5px;
        height:50px;
    }
    .nav-wrapper-tabs.super-tight ul.nav.nav-tabs li {
        width:65px;      
    }
    .nav-wrapper-tabs.super-tight ul.nav.nav-tabs li:last-of-type {
        width:72px;    
    }
    .nav-wrapper-tabs.super-tight ul.nav.nav-tabs li a {
        font-size:11px;
        padding-left:5px;
        padding-right:5px;
        height:46px;
    }
}

@media (max-width:359px) {
    .nav-wrapper-tabs.super-tight ul.nav.nav-tabs li {
        width:58px;      
        margin:0px;
        text-align:center;
    }
    .nav-wrapper-tabs.super-tight ul.nav.nav-tabs li:last-of-type {
        width:65px;    
    }
    .nav-wrapper-tabs.super-tight ul.nav.nav-tabs li a {
        font-size:10px;
        padding-left:4px;
    }
}
