@import url("_company.css");
/* CSS Document */

.portalContent{font-size:12px !important;}
/* Left Nav styles */
.portalContent nav h5 { color: #000;  margin: 5px; }
.portalContent .sidebar-nav .nav li > .menuNoPadBottom, .portalContent .navbar-nav > .active > a { background-color: inherit !important; padding-top: 5px; padding-bottom: 5px; }
.portalContent .navbar-nav { margin-top: 0px; margin-bottom: 0px; }
.portalContent .sidebar .navbar-header, .portalContent .sidebar  .navbar-collapse { margin-top: 0px; margin-bottom: 0px; }

.portalContent .sidebar-nav .navbar-collapse { padding:0px !important;}
.portalContent .sidebar-nav .navbar-nav { margin:0px !important;}
.portalContent .sidebar-nav .sub-menu{padding:0px !important;list-style: none;}

@media (max-width: 992px) {
    .navbar-collapse { padding-left: 0px;padding-right: 0px;}
}

/* Specific nav desktop styles. */
@media (min-width: 765px)
{
    .portalContent .nav.navbar-default.sidebar nav.sidebar:hover + .main { margin-left: 200px; }
    .portalContent .nav.navbar-default.sidebar nav.sidebar.navbar.sidebar > .container .navbar-brand,
    .portalContent .navbar > .container-fluid .navbar-brand { margin-left: 0px; }
    .portalContent nav.sidebar .navbar-brand, 
    .portalContent nav.sidebar .navbar-header { text-align: center; width: 100%; margin-left: 0px; }
    .portalContent nav.sidebar a { padding-right: 13px; }
    .portalContent nav.sidebar .navbar-nav .sub-menu.in { position: static; float: none; width: auto; margin-top: 0; 
                                                   background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
    .portalContent nav.sidebar .navbar-collapse
	, .portalContent nav.sidebar .container-fluid { padding: 0 0px 0 0px; }
    .portalContent .navbar-inverse .navbar-nav .open .sub-menu > li > a { color: #777; }
    .portalContent nav.sidebar { width: 100%; float: left; margin-bottom: 0px; }
    .portalContent nav.sidebar li { width: 100%; } 
}
@media (min-width: 1330px)
{
    .portalContent nav.sidebar { margin-left: 0px; float: left; }
    .portalContent nav.sidebar .forAnimate { opacity: 1; }
}
.portalContent .sidebar-nav section { padding-left: 15px; }
.portalContent .sidebar-nav .well { margin-bottom: 0px !important; width:100% !important; }
.portalContent .sidebar-nav .nav.smallPadding > li > a { padding: 2px; }
.portalContent .sidebar-nav .smallPadding { padding: 3px; }
.portalContent .sidebar-nav .pushLeft { margin-left: 35px;}
.portalContent .sidebar-nav .smallChildTxt{ font-size: 11px !important; }
.portalContent .sidebar-nav .menuNoPadBottom  { padding-left: 2px !important; padding-bottom: 0px !important; }
.portalContent .sidebar-nav .collapsed  a { background-image:none !important; box-shadow:none !important; }

/* General portal styles */
.acctSummary{ border:1px solid #e3e3e3; background-color:#f5f5f5; padding-left:19px;padding-right:19px; border-radius:4px;}
.acctSummary p{ margin-top:35px;}
.headerBottomBorder { border-bottom: 1px solid #ccc; }
.detailHeaderInfo {float: left; width: 80%;}
.scrollable{OVERFLOW:auto; WIDTH: 100%; max-HEIGHT: 200px}
.align-Right{ text-align: right !important; }
.fltRightAlways{float:right;}
.fltLeft{ float:left; }
.totalsRtLst{ width:70%; float:right;}
.checkbox-list-scroll{height:400px; overflow-y: scroll;}
.smMarginTop{ margin-top: 3px;}
.hdrSort > a { color: #fff !important; text-decoration:underline;}
 a.underline {text-decoration:underline !important; color:#337ab7 !important;}
.stmtPdBottom { padding-bottom:28px; }
.center { text-align: center; }
.lrgIcon { font-size: 20px !important; padding:3px; }
.lrgIconNoPadding { font-size: 20px !important; }
.customGlyphicon { line-height: 12px !important; }
.detailBox { border: 1px solid #999; border-radius: 4px; padding: 5px; }
.detailHeader { background-color: #ccc; margin: 5px !important; padding:5px !important; }
.pdf{ color: Red !important; }
.pdf:hover{ color: Red !important; }
.pagination { margin: 0px !important; }
.extralrgIcon { font-size: 35px; }
.excelBtn{ color:Green !important;}
.rmvBullets li { list-style: none;}
.employeeUser{ margin:5px;}
.table{ font-size:11px !important;}
.displayNone { display: none;}
.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 4px solid #000000;
}
.noPadRight { padding-right: 0;}
.noPadLeft { padding-left: 0;}
.rblPrepaids td:first-child { width: 50px;}

.ddlRight option { direction: rtl; text-align: right;}

/* Float text right when on desktop, and left when on the phone. */
.fltRight { text-align: left; }
@media (min-width: 765px)
{
    .fltRight { text-align:right; }
}
@media (max-width: 765px)
{
    /* Float gridview pagers left when on small screen.  */
    .grdPager table{float:left;}
    /* no padding on ar statements when on small device.  */
    .stmtPdBottom{padding-bottom:0px;}
    .fltLeft{display:none;}/* Do not show the signature on small pages. */
    .totalsRtLst{ width:100%; }
    /* Small padding around columns when on small screen*/
    .row, .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
    , .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
    {padding-left:5px !important; padding-right:5px !important;}
}
@media (max-width: 1000px)
{
    /* Do not allow left nav to extend past the outer grey area when on smaller screens. */
    .pushLeft{ margin-left:5px !important; }
    .sub-menu { min-width:100px !important;}
	.row {margin:0px !important;}
}

/* GRID VIEW PAGER STYLES*/
.grdPager { /*display: inline-block;*/ padding-left: 0; margin: 20px 0; border-radius: 4px; }
.grdPager table > tbody > tr > td { display: inline; }
.grdPager table > tbody > tr > td > a, 
.grdPager table > tbody > tr > td > span { position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; 
                                           border: 1px solid #dddddd; margin-left: -1px; }
.grdPager table > tbody > tr > td > span, 
.rptrSelected { position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; margin-left: -1px; z-index: 2; 
                                border-color: #dddddd; cursor: default; }
.grdPager table > tbody > tr > td:first-child > a
, .grdPager table > tbody > tr > td:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.grdPager table > tbody > tr > td:last-child > a, 
.grdPager table > tbody > tr > td:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.grdPager table > tbody > tr > td > a:hover, 
.grdPager table > tbody > tr > td > span:hover, 
.grdPager table > tbody > tr > td > a:focus, 
.grdPager table > tbody > tr > td > span:focus { border-color: #dddddd; }


/* Overwritten Bootstrap styles */
.row, .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
, .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
{ margin-top: 3px; margin-bottom: 3px; }
.alert-danger{ padding-bottom:25px !important; background-color: #f2dede !important; border-color: #ebccd1 !important; color: #a94442 !important }
.alert-warning {color: #8a6d3b !important; background-color: #fcf8e3 !important; border-color: #faebcc !important;}
input[type="radio"], input[type="checkbox"]{margin:5px !important;}


/* Oil & Energy */
.tanks .col-md-5{ padding: 0;}
.tanks .col-md-7 { padding: 0;padding-left: 6px;}

/* Online Ordering */
.table-No-Border > tbody > tr > td { border-top: none;}
.padding-top-4px { padding-top: 4px;}
/* Bootstrap Additions*/
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}
@media print {
    #nonAch { display: none; }
    #printButton { display: none; }
    #divAchButtons {
        display: none;
    }
}