.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt24{margin-top:24px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.mb5 {margin-bottom:5px; }

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}

.spacer-10{height:10px;}

.fl{float:left;}
.fr{float:right;}
.vAlignMiddle{vertical-align:middle;}
.vAlignTop{vertical-align:top;}
.vAlignBottom{vertical-align:bottom;}

.w100{width:100px;}
.w105 {width:105px;}
.w250{width:250px;}
.w350{width:350px;}
.w400{width:400px;}
.w100p{width:100%;}

.block{display:block;}
.inline{display:inline;}
.inline-block{display:inline-block;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}

.date-button{margin: 4px 4px 10px 15px;}

.form-lbl{
    color:#5b9bd1;
    font-size:16px;
    font-weight:800;
    display:inline;
    float:left;
    height:45px;
    padding-top:11px;
    margin-left:10px;
}

/*@media (min-width: 768px)
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    /* float: left; */
    /*float: none;
}*/


/*------------Metro Tiles-----------------*/

.metro-wrapper > li > a{
    margin: 0 10px 10px 2px;
    
}
.metro-wrapper > li:hover,
.metro-wrapper > li > a,
.metro-wrapper > li > a:hover,
.metro-wrapper > li > a:active{
    border: initial;
    border-color: initial;
    color: initial;
}

.metro-tile,
.metro-tile:hover,
.metro-tile:focus {
    display: block;
    text-align: center;
    cursor: pointer;
    width: 90px;
    height: 90px;
    /*margin: 0 10px 10px 1px !important;*/
    max-width: 100%;
    box-sizing: border-box;
    opacity: 0.8;
    border: 1px solid;
    border-radius: 0 0 !important;
    text-decoration: none;
    border-color: initial;
} 
.metro-wrapper > li > a.active{
    opacity: 1 !important;
}
.metro-tile {
    border: 1px solid;
}
.metro-image{
    width: 46px;
    height: 46px;
}
.metro-text{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-align: center;
    width: 100%;
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    padding-bottom: 0px;
    margin-top: 9px;
}
.metro-orange{
    background: #FF6600 !important;
}
.metro-red{
    background: #E81750 !important;
}
/*----------End Metro Tiles---------------*/

.acct-cust-bar-wrap{
    background: #283744;
    width: 99%;
    display: flex;
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll;
}

.small-right{
    padding-right: 15px;
    padding-left: 4px;
}