/*[General Body Color]*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #000000;
    background: #c8c8c8;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-weight: 300;
}

h3,
h4,
h5,
h6 {
    font-family: 'Open Sans';
    font-weight: 300;
}

/*[Header Bar Colors]*/

.top-bar .top-bar-right {
    background: #c8c8c8;
    border: none;
    height: 44px;
}

.top-bar .quick-menu .btn {
    color: #000;
}

#lblAccountNumber, #lblAddress {
    font-weight: 600;
    font-size: 15px;
}

#lblAccountNumber {
    margin: -7px 0px -1px 0px;
}

#lblAddress {
    margin: -1px 0px 14px 0px;
}

.fa-info-circle {
    color: #FFF;
}

ul.main-menu > li a {
    border-top: none;
}

ul.main-menu > li .text {
    padding-left: 8px;
    font-size: 15px;
}

.header-display {
    font-family: 'Open Sans', Sans-Serif;
    color: #000;
    background: #c8c8c8;
    border: none;
    text-shadow: none;
    font-weight: 100;
    margin: 20px 0px 0px 0px;
}

.logo-row {
}

.title-row {
}

.list-group-item {
    text-shadow: none;
    color: black;
}

.container-helplink {
    font-size: 1.2em;
    border: none;
}

/*[Nav Menu Colors]*/

.sidebar-minified i {
    background-color: #162B48;
    color: #fcfbfd;
    border: none;
}

    .sidebar-minified i:hover {
        background-color: #354F73;
    }

ul.main-menu > li a {
    color: #ffffff;
    background-color: #162B48;
    /*! border-color: #000000; */
}

    ul.main-menu > li a:hover {
        text-decoration: none;
        background-color: #354F73;
        color: #FFFFFF;
        text-shadow: none;
    }

ul.main-menu > li.active > a {
    background-color: #354F73;
    color: #FFFFFF;
    text-shadow: none;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-bottom: 1px solid #7b8a5e;
}


@media screen and (min-width: 992px) {
    .left-sidebar {
        background-color: #162B48 !important;
    }
}


#mc_receiptContainer {
    background: white;
    padding: 25px 25px 25px 25px;
    border-radius: 25px;
}

/*[Layout Countainers Style]*/

.box-widget {
    border: none;
    border-radius: 10px;
    box-shadow: #797979 4px 5px 5px;
}

.box-widget-content > .row > .col-md-4 > .box-widget {
    box-shadow: none;
}

.box-widget-content > .row > .col-md-12 > .box-widget {
    box-shadow: none;
}

.box-widget-content > .row > .col-md-4 > .box-widget > .box-widget-content {
    border: 1px solid #c8c8c8;
    border-radius: inherit;
    background-color: none;
}

.box-widget .box-widget-header h3 {
    font-family: 'Open Sans', Sans Serif;
}

.box-widget .box-widget-header {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background: #162B48;
    text-shadow: #000000 2px 2px 10px;
    border-radius: 10px 10px 0px 0px;
}

.box-widget .box-widget-content {
    background-color: #fff;
}

.form-group > .box-widget {
    box-shadow: none;
}

.box-widget .box-widget-footer {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #202753;
    background-color: #e6e6e6;
    border-radius: 0px 0px 10px 10px;
}

.form-label {
    margin-top: .5rem;
}

.form-group > .box-widget > .box-widget-content {
    padding: 0rem 2rem 0rem 2rem;
}

/*[Pagination Style]*/
.pagination > li > a, .pagination > li > span {
    color: #ffffff;
    background-color: #162B48;
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        color: #f0f1f1;
        background-color: #354F73;
        border: #354F73 solid 1px;
    }


/*[Alert Message Settings]*/

.top-general-alert {
    border: solid;
}

.alert-success {
    color: #4C564C;
    background-color: #CFD0C8;
    border-color: #070C03;
}

.alert-warning {
    color: #563701;
    background-color: #E8D4B1;
    border-color: #faebcc;
}

.alert-danger {
    color: #751C1A;
    background-color: #D6A7A7;
    border-color: #ebccd1;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
/*[Login Panel Container]*/


.sticky-toolbar {
    background-color: #FFF;
}

.comment-panel > .panel > .panel-heading:before {
    border-right-color: #808e61 !important;
}

.panel-default {
    border-color: #808e61;
    background-color: #dedede;
}


.panel-branded {
    border-color: #808e61;
    background-color: #dedede;
}

    .panel-branded > .panel-heading {
        color: #121948;
        background-color: #878e61;
        border-color: #000000;
    }

.panel-heading {
    color: #121948;
    background-color: #878e61;
    border-color: #000000;
}



/*[Management Company Logo]*/
.login-logo {
    background-image: url("/Content/images/powerstone_logo_blue.png");
    background-color: #ffffff;
    width: 100%;
    height: 136px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 90px 0px 70px 0px;
    border-radius: 20px 20px 0px 0px;
}






.login-logo-text {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #202753;
    background: #FFF;
    padding: 0px 0px 20px 0px;
    font-size: 22px;
    font-weight: 400;
    border-radius: 0px 0px 20px 20px;
}



/*[Main Header Logo]*/
.header-logo {
    background-image: url(/Content/images/powerstone_logo_white.png);
    background-color: #162B48;
    min-height: 156px;
    min-width: 137px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /*! border: 1px solid #161d4b; */
}


.logo-row {
    padding: 0px 0px 0px 0px;
}


.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}




.well.loginwell {
    background: rgba(255, 255, 255, 0);
    margin-top: 15px;
    padding: 0px;
}


/*[Login Link Text]*/
.forgotpw-text {
    color: black;
}
/*[Recovery  Link Text]*/
.recovery-return-text {
    color: white;
}

/*[Helpful Link Text]*/
.text-helplink {
    color: black;
}

.logout-container {
    background-color: #dedede;
    color: #202753;
    text-shadow: #565656 1px 0 10px;
}

    .logout-container a:link {
        color: #878E61;
        font-weight: bold;
        text-shadow: #ffffff 1px 0 10px
    }

    .logout-container a:visited {
        color: #878E61;
        font-weight: bold;
        text-shadow: #ffffff 1px 0 10px
    }

    .logout-container a:hover {
        color: black;
    }

    .logout-container a:active {
        color: black;
    }

/*[Primary Button Setup]*/
.btn-primary {
    background-color: #337ab7;
    border-color: #000000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-shadow: #000000 2px 2px 10px;
}

    .btn-primary:focus,
    .btn-primary.focus {
        background-color: #DAD9D8;
        color: #337ab7;
        border-color: #000000;
        text-shadow: none;
    }

    .btn-primary:hover {
        background-color: #DAD9D8;
        color: #337ab7;
        border-color: #000000;
        text-shadow: none;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-color: #DAD9D8;
        color: #337ab7;
        border-color: #000000;
        text-shadow: none;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            background-color: #DAD9D8;
            color: #337ab7;
            border-color: #000000;
            text-shadow: none;
        }
/*[Info Button Setup]*/
.btn-info {
    font-family: 'Open Sans', Sans-Serif;
    color: #fff;
    background: #162B48;
    border-color: #162B48;
    font-weight: 300;
}

    .btn-info:focus,
    .btn-info.focus {
        background-color: #354F73 !important;
        color: #FFF !important;
        border-color: #354F73 !important;
        text-shadow: none;
    }

    .btn-info:hover {
        background-color: #354F73 !important;
        color: #FFF !important;
        border-color: #354F73 !important;
        text-shadow: none;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-color: #354F73 !important;
        color: #FFF !important;
        border-color: #354F73 !important;
        text-shadow: none;
    }

        .btn-info:active:hover,
        .btn-info.active:hover,
        .open > .dropdown-toggle.btn-info:hover,
        .btn-info:active:focus,
        .btn-info.active:focus,
        .open > .dropdown-toggle.btn-info:focus,
        .btn-info:active.focus,
        .btn-info.active.focus,
        .open > .dropdown-toggle.btn-info.focus {
            background-color: #354F73 !important;
            color: #FFF !important;
            border-color: #354F73 !important;
            text-shadow: none;
        }


/*[Success Button Setup]*/
.btn-success {
    font-family: 'Open Sans', Sans-Serif;
    color: #fff;
    background: #162B48;
    border-color: #162B48;
    font-weight: 300;
}

    .btn-success:focus,
    .btn-success.focus {
        background-color: #354F73 !important;
        color: #FFF;
        border-color: #354F73 !important;
        text-shadow: none;
    }

    .btn-success:hover {
        background-color: #354F73 !important;
        color: #FFF;
        border-color: #354F73 !important;
        text-shadow: none;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-color: #354F73 !important;
        color: #FFF;
        border-color: #354F73 !important;
        text-shadow: none;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            background-color: #354F73 !important;
            color: #FFF;
            border-color: #354F73 !important;
            text-shadow: none;
        }
/*[Danger Button Setup]*/
.btn-danger {
    font-family: 'Open Sans', Sans-Serif;
    color: #fff;
    background: #162B48;
    border-color: #162B48;
    font-weight: 300;
}

    .btn-danger:focus,
    .btn-danger.focus {
        background-color: #354F73 !important;
        color: #FFF;
        border-color: #354F73 !important;
        text-shadow: none;
    }

    .btn-danger:hover {
        background-color: #354F73 !important;
        color: #FFF;
        border-color: #354F73 !important;
        text-shadow: none;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-color: #354F73 !important;
        color: #FFF;
        border-color: #354F73 !important;
        text-shadow: none;
    }

        .btn-danger:active:hover,
        .btn-danger.active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:active.focus,
        .btn-danger.active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
            background-color: #354F73 !important;
            color: #FFF;
            border-color: #354F73 !important;
            text-shadow: none;
        }
/*[Warning Button Setup]*/
.btn-warning {
    border-color: #000000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background: #f0ad4e;
    text-shadow: #000000 2px 2px 10px;
}

    .btn-warning:focus,
    .btn-warning.focus {
        background-color: #354F73;
        color: #FFF;
        border-color: #354F73;
        text-shadow: none;
    }

    .btn-warning:hover {
        background-color: #354F73;
        color: #FFF;
        border-color: #354F73;
        text-shadow: none;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-color: #354F73;
        color: #FFF;
        border-color: #354F73;
        text-shadow: none;
    }

        .btn-warning:active:hover,
        .btn-warning.active:hover,
        .open > .dropdown-toggle.btn-warning:hover,
        .btn-warning:active:focus,
        .btn-warning.active:focus,
        .open > .dropdown-toggle.btn-warning:focus,
        .btn-warning:active.focus,
        .btn-warning.active.focus,
        .open > .dropdown-toggle.btn-warning.focus {
            background-color: #354F73;
            color: #FFF;
            border-color: #354F73;
            text-shadow: none;
        }


/*[Registration Button]*/
.btn-register {
    color: #fff;
    background-color: #202753;
    border-color: #000000;
}

    .btn-register:focus,
    .btn-register.focus {
        background-color: #DAD9D8;
        color: #88944d;
        border-color: #286475;
    }

    .btn-register:hover {
        background-color: #DAD9D8;
        color: #88944d;
        border-color: #286475;
    }

    .btn-register:active,
    .btn-register.active,
    .open > .dropdown-toggle.btn-register {
        background-color: #DAD9D8;
        color: #88944d;
        border-color: #DAD9D8;
    }

        .btn-register:active:hover,
        .btn-register.active:hover,
        .open > .dropdown-toggle.btn-register:hover,
        .btn-register:active:focus,
        .btn-register.active:focus,
        .open > .dropdown-toggle.btn-register:focus,
        .btn-register:active.focus,
        .btn-register.active.focus,
        .open > .dropdown-toggle.btn-register.focus {
            background-color: #DAD9D8;
            color: #88944d;
            border-color: #DAD9D8;
        }



/*[Login Button]*/
.btn-login {
    color: #fff;
    background-color: #202753;
    margin: 25px;
    padding: 10px;
}

    .btn-login:focus,
    .btn-login.focus {
        background-color: #354F73 !important;
        color: #FFF !important;
    }

    .btn-login:hover {
        background-color: #354F73 !important;
        color: #FFF !important;
    }

    .btn-login:active,
    .btn-login.active,
    .open > .dropdown-toggle.btn-login {
        background-color: #354F73 !important;
        color: #FFF !important;
    }

        .btn-login:active:hover,
        .btn-login.active:hover,
        .open > .dropdown-toggle.btn-login:hover,
        .btn-login:active:focus,
        .btn-login.active:focus,
        .open > .dropdown-toggle.btn-login:focus,
        .btn-login:active.focus,
        .btn-login.active.focus,
        .open > .dropdown-toggle.btn-login.focus {
            background-color: #354F73 !important;
            color: #FFF !important;
        }

.btn-download {
    border-color: #000000;
    color: #fff;
    background-color: #223f76;
}

    .btn-download:focus,
    .btn-download.focus {
        color: #88944d;
        background-color: #DAD9D8;
        border-color: #000000;
    }

    .btn-download:hover {
        color: #88944d;
        background-color: #DAD9D8;
        border-color: #000000;
    }

    .btn-download:active,
    .btn-download.active,
    .open > .dropdown-toggle.btn-download {
        color: #88944d;
        background-color: #DAD9D8;
        border-color: #000000;
    }

        .btn-download:active:hover,
        .btn-download.active:hover,
        .open > .dropdown-toggle.btn-download:hover,
        .btn-download:active:focus,
        .btn-download.active:focus,
        .open > .dropdown-toggle.btn-download:focus,
        .btn-download:active.focus,
        .btn-download.active.focus,
        .open > .dropdown-toggle.btn-download.focus {
            color: #88944d;
            background-color: #DAD9D8;
            border-color: #000000;
        }



.btn-view {
    border-color: #000000;
    color: #fff;
    background-color: #1f2e49;
}

    .btn-view:focus,
    .btn-view.focus {
        color: #88944d;
        background-color: #DAD9D8;
        border-color: #000000;
    }

    .btn-view:hover {
        color: #88944d;
        background-color: #DAD9D8;
        border-color: #000000;
    }

    .btn-view:active,
    .btn-view.active,
    .open > .dropdown-toggle.btn-view {
        color: #88944d;
        background-color: #DAD9D8;
        border-color: #000000;
    }

        .btn-view:active:hover,
        .btn-view.active:hover,
        .open > .dropdown-toggle.btn-view:hover,
        .btn-view:active:focus,
        .btn-view.active:focus,
        .open > .dropdown-toggle.btn-view:focus,
        .btn-view:active.focus,
        .btn-view.active.focus,
        .open > .dropdown-toggle.btn-view.focus {
            color: #88944d;
            background-color: #DAD9D8;
            border-color: #000000;
        }

hr {
    border-top-color: #000;
}


.nav-tabs > li.nav-item > a {
    color: black;
    border: 1px solid #000;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}

    .nav-tabs > li.nav-item > a.active {
        border: 1px solid #000;
        border-radius: 4px 4px 0 0;
        background-color: #337ab7 !important;
        color: white;
        cursor: pointer;
    }