html { 
    background-color: #f1f1f1; 
    /* background: -ms-linear-gradient(top, #5B3C24 50%, #371F1B 100%); /*med brown to dark brown
    background: -ms-linear-gradient(top, #5B3C24 50%, #371F1B 100%); 
    background: -webkit-linear-gradient(top, #5B3C24 50%, #371F1B 100%); 
    background: -o-linear-gradient(top, #5B3C24 50%, #371F1B 100%); 
    background: -moz-linear-gradient(top, #5B3C24 50%, #371F1B 100%); 
    background: linear-gradient(top, #5B3C24 50%, #371F1B 100%); */ 
    min-height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body, p, div, table, td, input {
    font-family: 'Open Sans', sans-serif;
}

body {
    padding: 0px;
    margin: 0px;
    color: #000;
}

a {
    color: #000; /*3E3E3E; /*371F1B; /*dark brown*/
}

a:hover, a:focus{
    color: #000; /*black*/
}

@media screen and (min-width: 768px) {
    body {
    margin-top: 20px;
    background: transparent;
    /*background: url(../Images/WMSWallpaper.jpg) no-repeat center center fixed; */ /*Client Customize*/
    }
}

h4 {
    font-weight:bold; 
}

input{
    max-width: 100%;
    border: solid 1px #698044; /*med green*/
}

input:disabled{
    background:#ECDCB1; /*light gold*/
}

input:focus{
    border: solid 1px #29321a;  /*dark green*/
}

input[type="date"] {
    line-height: inherit;
    min-width: 10em;
}

select{
    max-width: 100%;
}

/* -------------------
    Format Text
*/
.fieldLabel {
    color: #000; /*black*/
    font-weight:bold;   
}

td.fieldLabel{
    padding-right:6px;
    margin-top:4px;
}

.fieldAmount{
    text-align: right;
}

.invalidValue {
    /* Customize invalid input layout here. */
    /* border: solid 1px red; */
    /* background-color: #f2dede; */
}

#errorPanel_errorMessage {
    margin-left: 15px;
    margin-right: 15px;
}

.messageInformational {
    text-align: center;
}

.messageInformational a {
    text-decoration: underline;
}

.messageSuccess {
    font-weight: bold;
    text-align: center;
    color: #415029; /*med green*/
}

.messageSuccess a {
    font-weight: bold;
    color: #002355; /*dark blue*/
    text-decoration: underline;
}

.messageWarning {
    font-weight: bold;
    text-align: center;
    color: #B48B1A; /*dark gold */
}

.messageWarning a {
    font-weight: bold;
    color: #e98000; /* dark orange */
    text-decoration: underline;
}

.messageFailure {
    font-weight: bold;
    text-align: center;
    color: #B51616; /*red;*/
}

.messageFailure a {
    font-weight: bold;
    color:red;
    text-decoration: underline;
}

.messageSubmit {
    font-style: italic;
}

/* Broadcast Messages */
/* The style ID (1,2,3..) is important in the code. Do not change the name. */
.broadcastMessageStyle1{
    color: #002355; 
    font-size: 16px;
}

.broadcastMessageStyle2{
    color: #e98000;  /*orange*/
    font-size: 16px;
}

.broadcastMessageStyle3{
    color: red; 
    font-size: 16px;
}

/* -------------------
    Title Bar & Header
*/
.contentBackground {
    background-color:white;
    border: none; 
}

.headerBackground {
    background: -ms-linear-gradient(top, #829168 0%, #415029 100%); /*light green to med green*/
    background: -webkit-linear-gradient(top, #829168 0%, #415029 100%); 
    background: -o-linear-gradient(top, #829168 0%, #415029 100%); 
    background: -moz-linear-gradient(top, #829168 0%, #415029 100%); 
    background: linear-gradient(top, #829168 0%, #415029 100%); 
}

.fundlogo {
    width: 80px;
    border-width: 0px; 
    padding: 10px 0px;
}

.fundtitle {
    font-family: 'Cinzel', serif;
    font-weight: normal;
    font-size: 38px;    
    line-height: 38px; 
    color: #E6C261; /*light gold*/
    text-shadow: 0 2px 3px #000;
}

.fundRetSystem {
    font-family: 'Cinzel', serif;
    font-weight: normal;
    font-size: 20px;    
    color: #ffffff; /*white*/
    text-shadow: 0 2px 3px #000;
}

.fundWMSname {
    font-family: 'IM Fell French Canon', serif;
    font-size: 30px;    
    line-height: 34px; 
    font-style: italic;
    text-align: center;
    color: #ffffff; /*white*/
    text-shadow: 0 2px 3px rgba(0,0,0,0.50);
}

.fundWMScol {
    padding-top:15px; 
    padding-right:25px;
    text-align: right;
}

/* Medium or Large */
@media screen and (min-width: 992px) {
    .fundWMSname {
        font-size: 40px;
        padding-top: 40px;
    }
    .fundWMScol {
        padding-top:30px; 
    }
}

/* XS */
@media screen and (max-width:767px) {
    .mainHeader{
        padding-top: 8px; /*add top space on XS*/
        padding-bottom: 8px;
    }
    .fundtitle {
        font-size: 26px;
        line-height: 26px;
        padding-left: 5px;
    }
    .fundRetSystem {
        font-size: 16px;    
    }
    .fundlogo {
        width: 50px;
        padding: 0px 0px 0px 0px;
    }
    .fundWMScol {
        padding: 12px 15px 0px 0px; 
    }
    .fundWMSname {
        font-size: 18px;    
        line-height: 18px; 
    }    
}

/*XXS*/
@media screen and (max-width:400px) {
    .fundlogo {
        display: none;
    }
    .fundtitle {
        font-size: 26px;
        line-height: 26px;
        padding-left: 0px;
    }    
    .fundWMSname {
        font-size: 16px;    
        line-height: 16px; 
    }
    .fundWMScol {
        padding: 5px 10px 0px 0px; 
    }    
}

/* .fundAddress{
    font-size:x-small;
    margin-top: 15px;
    font-weight:300;
    color: #002355; 
    text-shadow: 0 1px 2px rgba(0,0,0,0.50);
} */

/* -------------------
    Navigation
*/
    .navbar {
       border-radius:0px !important; 
    }

    .navbar-default {
        color: #000; /*#3E3E3E; /*#371F1B; /*dark brown*/
        background-color: #ECDCB1; /*light gold*/
        background-image: none;
        border: none; 
        padding-bottom: 20px;  /*adds bottom border*/
    }

    .level1 {
        /*font-weight: bold;*/ /*.navbar-default .navbar-text overrides this*/
        text-transform: uppercase;
    }
    
    .level2 {
        /*font-weight: bold;*/ /*.navbar-default .navbar-text overrides this*/
        text-transform: capitalize;
    }
	
    .navbar-text {
        display: inline-block !important;
        float: none !important;
        margin-left: 0px !important;
        margin-bottom: 0px !important;
        color: #000; /*#3E3E3E; /*371F1B; /*dark brown */
        font-weight: bold;
        /* font-family: 'Cinzel', serif; */
        /* text-transform: uppercase; */
    }
    
    .navbar-default .navbar-text {
        color: #000; /*#3E3E3E; /*371F1B; /*dark brown*/
        font-weight: 600;
    }
    
    .navbar-collapse {
       max-height: none; 
    }

    .nav > li > a {
        padding: 3px 15px;
    }

    .nav-pills > li > a {
        color: #000; /*#3E3E3E; /*#000;*/ 
        font-weight: 600;
		
    }

    .nav-pills > li > a:hover,
    .nav-pills > li > a:focus {
        /*Client Customize -- change color when highlighted*/
        color: #fff; 
        background: #B48B1A; /*dark gold*/
        background-image: linear-gradient(#D7B65A, #CCA232 50%, #D7B65A); /*med gold fade*/
    }

    .nav-pills > li.noFocus-Nav > a:focus {
        background: none; 
        color: #000; /*#3E3E3E; /*#000;*/ 
    }
    
    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
        /*Client Customize -- change color when selected*/
        color: #fff; 
        background: #D7B65A; /*med gold*/
        background-image: linear-gradient(#D7B65A, #CCA232 50%, #D7B65A); /*med gold fade*/
        font-weight: bold;
        text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
    }

/* Menu X-Small */
@media screen and (max-width: 767px) {
    .navbar {
        border-radius:0px !important;
        background: #415029; /*dark green*/ 
        background: -ms-linear-gradient(top, #415029 0%, #698044 100%); /*green fade*/
        margin-bottom: 0px; 
        min-height: 0px;
    }

    .navbar-default {
        padding-top: 0px; /*adds XS bottom border*/
        padding-bottom: 0px;
    }  
    
    /* Change color of burger button*/
    .navbar-toggle{
        background-color: #CCA232;  /*med gold, overriden by bootstrap.css*/
    }    
    .navbar-toggle .icon-bar {
        background-color: #fff; /*lines*/
    }    
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background-color: #BA911F; /*button hover dark gold*/ 
    }

    /*background around menu options*/
    .navbar-collapse {
        background-color: #ECDCB1; /*light gold*/
        background-image: url(../Images/WMSStyledPanelBackground.png);
        margin-left: 15px;
        margin-right: 15px;
        max-height: 340px;
    }    
}


.titleBar {
    vertical-align: middle;
    padding: 6px;
    background-color: #698044; /*med green*/
    height: 35px;
}

/* XS */
@media screen and (max-width:767px) {
    .titleBar {
        height: inherit;  /*allows wrapping*/
    }   
} 

.titleBarLabel{
    color: white;
    font-size: 110%;
    text-decoration: none;    
    font-weight: bold;
    display: inline-block;
}

.titleBarLink{
    color: white;
    text-decoration: none;
    padding-top: 2px;
    font-weight: bold;
    font-size: 15px;
}

.titleBarLink:hover,
.titleBarLink:focus{
    color: #E6C261; /*Medium Gold */
    text-decoration: none;
    font-weight: bold;
}

/* .titleBarSignOn {
    vertical-align: middle;
    padding: 6px;
    background-color: #698044; 
    height: 35px;
} */

/* .titleBarContainer{
    padding: 0px;
} */


@-ms-viewport {
    width: device-width;
}

/* -------------------
    Buttons
*/
.btn {
    height:26px;
    padding-top:1px;
}

.btn-primary {
    /*Client Customize*/
    background-image: linear-gradient(to bottom, #92A373 0%, #698044 80%); /*med green fade*/
    border-color: #698044;  /*med green*/
    background-color: #698044;  /*med green*/
    font-weight: bold;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    /*Client Customize -- change color when highlighted*/
    color: #fff;
    background-image: linear-gradient(to bottom, #92A373 0%, #698044 80%);  /*med green fade*/
    border-color: #698044;  /*med green*/
    background-color: #698044;  /*med green*/  
}

.btn-primary:hover, .btn-primary:focus {
    /*Client Customize -- change color when highlighted*/
    background-image: linear-gradient(to bottom, #92A373 0%, #698044 80%);  /*med green fade*/
    border-color: #698044;  /*med green*/
    background-color: #698044;  /*med green*/
} 

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-image: linear-gradient(to bottom, #D7B65A 0%, #CCA232 100%);  /*med gold fade*/
    background-color: #D7B65A;  /*med gold*/
    border-color: #D7B65A;  /*med gold*/
}

.buttonbar{
    padding:12px 0px 4px 0px;
}

@media screen and (max-width: 767px) {
    .btn {
        margin-top:15px;
        height:50px;
        width:100%;
        font-weight:bold;
    }
}

#lrsSignOn_LoginButton {
    width:100%;
}

/* #lrsSignOn_LoginButton:hover {
    background-color: #2561aa; /*medium blue
} */

/* -------------------
    StyledPanel - dark banner across top, box with shadow
*/
.styledPanel img{
    opacity: 1.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.styledPanel {
    margin-top: 10px;
    background-image: url(../Images/WMSStyledPanelBackground.png);
    border: solid 1px #ecdcb1;
    border-top: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding-bottom: 5px;
    box-shadow: 0px 2px 4px 0px #ecdcb1;
}

.styledPanelTitle {   
    min-height: 30px;
    padding: 4px 0px 2px 0px;
    margin-left:-2px;
    margin-right:-2px;
    background: #415029; /*med green*/
    color: #fff;       
    font-weight: bold;
    /* font-family: 'Cinzel', serif; */
    font-size: 16px;
    text-align: center;
    /* text-shadow: 0 2px 3px #000; */
}

.styledPanelContent {
    padding:6px;
}

.styledPanelContent .fieldLabel {
    margin-right:0px;
}

.styledPanelContent .row {
    margin-top:5px;
    vertical-align:bottom;
}

.contentFailure {
    color: #B51616; /*red;*/
    font-size:11px;
    font-weight:bold;
    text-align:left;
}

/* -------------------
   Main Content
*/
.mainContent {
    padding: 0px 12px 12px 12px;
}

.mainContent td {
    white-space: nowrap;
    vertical-align: top;
}

.mainContent th {
    white-space: normal;
}

/* -------------------
   Footer
*/
.footerRow {
    /*background: rgb(100, 100, 100) url('../Images/WMSFooterBlend.gif') repeat-x;     /*Client Customize*/
    background-color: #698044; /*med green*/
    height:24px;
    min-height:24px;
    margin-top:10px;
} 

#footer {
    color:white;
    font-size:10px;
    font-family:Verdana;
    padding-top:4px;
}

#footer a {
    color: White;
}

#lrsLogo {
    margin: -1px 4px 1px 1px;
}

/* -------------------
    Login / Signon Screen
*/

.loginLinks a{
    font-weight: 500;
    font-size: 90%;
    padding-bottom: 3px;
    font-style: italic;   
    display: block; 
    width: 100%; 
}

/*.loginLinks a:hover {
    text-decoration: underline;   
}*/

.loginFailure {
    color: #B51616; /*red;*/
    font-size:small;
    font-weight:bold;
    text-align:center;
}

.UsernameWaterMarkedTextBox {
    background-image: url(../Images/usernamebackground.png);
    background-repeat:no-repeat;
    background-position:left;
}

.PasswordWaterMarkedTextBox {
    background-image: url(../Images/passwordbackground.png);
    background-repeat:no-repeat;
    background-position:left;
}

@media screen and (min-width: 768px) {
    .loginButtonContainer {
        padding-left:5px;
    }
    
   .passwordTextBoxContainer {
        padding-right:0px;
    }    
}

/* --------------------
   PlainPanel (CreateAccount)
*/
.plainPanel .row {
    margin-top: 5px;
    vertical-align: bottom;
}

.help-block {
    font-size:12px;
}

legend {
    font-weight: bold;
    color: #404040;  /*dark grey*/
    font-size: 18px;
    margin-top: 18px;
}

/* -------------------
   Screen Name
*/
.screenNameArea {
    padding-top:5px;
    background-color: #fff;     
}

.screenNameArea div {
    text-align:center;
}

.screenNameArea .screenname {
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
    color: #29321a ; 
    /* font-family: serif, arial; */ 
}

/* --------------------
   Repeater / Flextable -- used in Contribution Table
*/
.repeater {    
}

.repeater th {
    font-size: 14px;
    border-bottom: 1px solid #404040;  /*dark grey*/
}

.repeater td {
    padding: 2px;
}

.repeater td.fieldLabel {
    font-weight: bold;
    text-align: right;
}

.repeater td.headerColumn {
    font-weight: bold;
    font-size: 14px;
    white-space: normal;
}

.repeater tr.headerRow {
    text-align: center;
}

.repeater tr.footerTotals {
    font-weight: bold;
    padding: 5px;
    background: #D9D9D9;
}

.repeater hr {
    height: 1px;
    background: #4B3E38;
}

@media screen and (max-width: 991px) {
    /* small devies, force to not behave like a table anymore */
    table.flextable, .flextable thead, .flextable tbody, .flextable th,
    table.flextable td, .flextable tr {
        display:block;
    }

    table.flextable thead tr {
        display:none;
    }

    table.flextable td {
        border:none;
        border-bottom: 1px solid #E6C261;
        position:relative;
    }

    table.flextable tr:nth-of-type(odd) {
        background: #ECDCB1; 
    }

    table.flextable td:before {
        position:absolute;
        top:6px;
        left: 6px;
        width:25%;
        padding-right:10px;
        white-space: nowrap;
        line-height: 12px;
        text-align:left;
    }

    .flextableHideColon {
        display:none;
    }

    .contributionName {
        text-align:left;
        font-weight:bold;
    }
}

/* --------------------
   Table-Responsive -- used in Admin Screens and User Settings
*/
.table-responsive table {
    margin-bottom: 0px;
}
  
.table-responsive td.headerColumn {
    font-weight: bold;
    font-size: 14px;
    white-space: normal;
}

.table-responsive thead {
    background-color: #D7B65A; /*med gold*/ /*#D9D9D9;*/
}


/* --------------------
   Benefit Payroll History 
*/
.checkStub {
    width: 100%;
    border-right: 1px solid #D7B65A; /*med gold*/
    border-left: 1px solid #D7B65A; /*med gold*/
    box-shadow: 1px 1px 0px 0px #D7B65A; /*med gold*/
}

.checkStub td {
    border-top: none;
    border-bottom: none;
    border-right: 1px solid #D7B65A; /*med gold*/
    border-left: 1px solid #D7B65A; /*med gold*/
    box-shadow: 1px 0px 0px 0px #D7B65A; /*med gold*/
    padding: 1px 3px;
    height: 25px;
} 

.checkStub th {
    text-align: left;
    color: #000; 
    font-weight: bold;
    background-color: #ECDCB1; /*light gold*/ 
    padding: 1px 3px;
    vertical-align: middle;
    height: 25px;
}

.checkStub tr.topBorder {
    border-top: 1px solid #D7B65A; /*med gold*/
    box-shadow: 1px 1px 0px 0px #D7B65A; /*med gold*/
}

.checkStub tr.bottomBorder {
    border-bottom: 1px solid #D7B65A; /*med gold*/
    box-shadow: 1px 1px 0px 0px #D7B65A; /*med gold*/
}

.checkStub td.amount {
    text-align: right;
    width: 25%;
}

@media screen and (max-width: 767px) {
    .checkStub td.amount {
        text-align: right;
        width: 30%;
    }
}

.checkStub .disclaimer {
    font-style: italic;
    font-weight: normal;
    font-size: 85%;
    padding: 3px;
    background-color: #ECDCB1; /*light gold*/ 
    text-align: center;
}

/* --------------------
   Miscellaneous 
*/
.smallFont {
    font-size: 85%;
}
.center-block {
    float: none !important;
}


.questionMark {
    background: url('../Images/questionmark.jpg') no-repeat center;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
}

.questionMark:hover, 
.questionMark:focus,
.questionMark:active {
    background-image: url('../Images/questionmark.jpg');
}

.questionMarkHelpText {
    font-weight: normal;
    font-size: 90%;
    color: #2561aa;
}

.center-block {
    float: none !important;
}

@media screen and (max-width: 465px) {
    .hidden-465px {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .xsAlignLeft {
        text-align: left;
        padding-right: 0px;
    }
    
    .LogoLargeHeader{
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .padding-sm-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
}
      
@media screen and (min-width: 992px) {
    .padding-md-5 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.printheader {
    display: none;
    padding-top: 15px;
} 


@media print {

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }

    .visible-xs {
        display: none !important;
    }
    .hidden-xs {
        display: inline !important;
    }
    table.hidden-xs {
        display: table;
    }
    tr.hidden-xs {
        display: table-row !important;
    }
    th.hidden-xs,
    td.hidden-xs {
        display: table-cell !important;
    }
    .hidden-xs.hidden-print {
        display: none !important;
    }
    .hidden-sm {
        display: none !important;
    }
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }

     /*print screen sizes*/
    .col-ps-6 {
        width: 60%; 
    }    
    .col-ps-5 {
        width: 50%; 
    }
    .col-ps-4 {
        width: 40%; 
    }    

    .container{
        width: 100%;
        border: none;
    }

    .contentHeader{
        width: 100%;
    }    

    .printheader {
        display: block;
        color: #002355; /*dark blue*/
        font-weight: bold; 
        margin-bottom: 10px;
        font-size: 16px;
        text-align: center;
    } 

    p.printaddress {
        color: #000000;
        margin: 0px;
        font-size: 11px;
        line-height: 14px;
    }

    .styledPanel {
        background-image: none;
    }

    .styledPanelTitle {   
        color: black;
        border: solid 1px #dcdcdc;
    }    

    .printFontSizeReduced {
        font-size: 80%;
    }

    .noPrint{
        display: none;
    }    
}