body { padding-bottom: 30px; padding-top: 50px; padding-left: 50px; transition: all .25s ease; position:relative; min-height:100vh;}
    body.isopen { padding-left: 275px; }
        body.isopen nav { width: 275px; }
.home_bg { /*background: url('/img/Homepage-Graphic.png') top center fixed; background-size: contain; width: 100%; height: 800px;*/ }
.banner_container { text-align: center; width: 1024px; position: relative; margin: 0 auto; }
.banner-img { width: 100%; max-width: 1024px; }
/* input, select, textarea { max-width: 280px; }*/
.home_text { position: absolute; left: 40px; top: 40px; font-size: 18px; text-align: left !important; color: white; background-color: #7ca901CC; padding: 40px; }
    .home_text .title { font-size: 30px; font-weight: bold; }
    .home_text p { margin-bottom: 0; margin-top: 10px; }
    .home_text .stores div { margin-top: 20px; }
.form-group { clear: both; padding: 0px 0px; display: flex; }

.dev1 { position: absolute; top: 10px; left: 200px; font-weight: bold; color: red; }

.colorpicker-alpha { display: none !important; }
header { background-color: #7CA901; position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; color: white; }
    header .center_container .logout { position: absolute; right: 10px; top: 13px; }
    header .center_container .logo { display: inline-block; margin-left: 8px; }
        header .center_container .logo img { height: 40px; margin:5px;}
    header .divider { height: 50px; width: 1px; background-color: #7DA900; position: absolute; right: 105px; top: 0;}
    header .account { height: 50px; position: absolute; right: 90px; top: 3px; line-height: 44px; padding: 0 20px;  }
    header .account a, header .refresh a { color: white; }
    header .account i { margin-left: 10px; }
    header .refresh { height: 50px; position: absolute; right: 250px; top: 3px; line-height: 44px; padding: 0 20px; }
    .center_container { margin: 0px auto; width: auto; position: relative; }
header .center_container { width: 100%; max-width: unset; }

.logout { position: absolute; right: 20px; top: 20px; }

a { text-decoration: none; color: #7DA900; }
a:hover { color: unset; }

nav { background-color: #333; position: absolute; left: 0; top: 0; width: 50px; z-index: 9999; padding-top: 50px; transition: all .25s ease;height:100%; }
    nav ul { padding: 0px; margin: 0px; list-style: none; display: inline-block; text-align: center; }
        nav ul li { padding: 0px; margin: 0px; display: inline-block; }
            nav ul li a { color: white; padding: 15px 20px; display: inline-block; }
                nav ul li a:hover { background-color: #555; color: white; }
.float-right { float: right; }

.body-content { padding: 30px 30px 0px 30px;   }

    .action-links a { float: right; margin-left: 20px;  }
a.btn, input.btn, a.btnnl { background-color: #7ca901; color: white; padding: 12px 20px; text-transform: uppercase; border-radius: 0px; border: none; }
    a.btn:hover, input.btn:hover, a.btnnl:hover { background-color: #8bcb20; color: #eee; }
    a.btn.grey { background-color: #c0c0c0; border:thin solid black; }
    a.btn.red { background-color: red; }
footer { background-color: #333; color: white; font-size: 90%; padding: 5px 10px; margin-top: 30px; position: fixed; left: 0; bottom: 0; width: 100%; height: auto; z-index: 10000; }
    footer a { color: silver; }
        footer a:hover { color: white; }
    footer .center_container { max-width: unset; }
    footer .nav { position: absolute; top: 4px; text-align: center; display: block; margin: 0 auto; left: 50%; transform: translateX(-50%); font-size: 12px; }
        footer .nav a { margin: 0 20px; }

.table.admin tr th { user-select: none; }
.table.admin tr td, .table.admin tr th { padding: 3px 10px; }
.sort.asc:after { content: ' ▼'; }
.sort.desc:after { content: ' ▲'; }
    .table.admin tr td.center, .table.admin tr th.center { text-align: center; }
.TableContainer {  margin-top: 20px; }

div.pager { text-align: right; margin: 1em 0; user-select: none; }
    div.pager span { display: inline-block; vertical-align: top; width: 30px; height: 30px; line-height: 27px; text-align: center; cursor: pointer; background: #7da900; color: #fff; margin-right: 0.5em; }
        div.pager span.active { background: #ddd; color: #444; }
        div.pager span.hide { display: none; }

.left-panel { width: 48%; padding: 50px; display: inline-block; box-sizing: border-box; vertical-align: top; }
    .left-panel:nth-child(2n+1) { margin-right: 3%; }
    .tiny { font-size: 11px; }

table.table.admin thead tr th { cursor: pointer; }
table.table.admin td { vertical-align: middle; }
table.table.admin .edit i { font-size: 25px; margin: 10px; }

.account-panel { margin: 20px auto; width: 80%; text-align: center; }
.center_block { margin-left: auto; margin-right: auto; }

h1 { color: #7ca901; margin-bottom: 30px; font-size: 20px; }
h2 { color: #7ca901; margin-bottom: 20px; }
.store-icons { text-align: center; }
    .store-icons > div { display: inline-block; margin: 20px 50px; vertical-align: top; }
h2 { font-size: 20px; }
.copy { font-size: 12px; color:silver; }

.navbar-right { float: right; }

.userlog { font-size: 12px; word-break: break-word; }
    .userlog td:last-child { word-break: break-word; }
    .userlog .scroller { overflow-x: auto; height: 150px; }

.green { color: #7DA900; }
.red { color: darkred; }
.redbg { background: darkred; }

.logout a, .topnav { text-decoration: none; color: white; }

.nav-link, .nav-link:focus, .nav-link:hover, .nav-link:active { color: #7DA900; }

.register-form { margin: auto; width: auto; }

.form-group { margin-bottom: 20px; }

.loadingbg { background: white; opacity: 0.3; position: fixed; width: 100%; height: 100%; z-index: 10000; top: 0; left: 0; display: none; }

.loadingimg { position: absolute; top: 200px; left: calc(50% - 85px); z-index: 10001; display: none; }

.register-form { margin: auto; width: auto; }

.btn-danger { background-color: darkred !important; }
    .btn-danger:hover { background-color: red !important; }

.loadingbg { background: white; opacity: 0.3; position: fixed; width: 100%; height: 100%; z-index: 10000; top: 0; left: 0; display: none; }

.loadingimg { position: absolute; top: 200px; left: calc(50% - 85px); z-index: 10001; display: none; }

.text-success { color: #7DA900 !important; }

.btn-danger { background-color: darkred !important; }
    .btn-danger:hover { background-color: red !important; }

.buttons-container, #paypal-button-container { background: #f3f3f3; }

.nav_row {
    height: 51px;
    line-height: 50px;
    user-select: none;
    overflow: hidden;
    background: #333;
}
.hamburger { display: inline-block; position: relative; width: 30px; height: 24px; margin-left: 10px; vertical-align: middle; cursor: pointer; }
    .hamburger .line { position: absolute; left: 0; height: 4px; background-color: white; width: 100%; top: 10px; }
        .hamburger .line:first-child { top: 0px; }
        .hamburger .line:last-child { top: 20px; }
.nav_row a { display: inline-block; position: relative; height: 100%; width: 100%; color: white; font-size: 18px; }
.nav_row a:hover { background-color: #555;}
.nav_row .icon { display: inline-block; width: 50px; height: 50px; vertical-align: top; text-align: center; font-size: 25px; color: white; }
.nav_row .label { display: none; vertical-align: top; }
body.isopen .nav_row { border-bottom: 1px solid white; }
body.isopen .nav_row .label { display: inline-block; }
.align_r { text-align: right; }

.logo_space { max-width: 40px; max-height: 40px; display: inline-block; }
h1 i { display: inline-block; margin-right: 20px; }
.pointer { cursor: pointer; }

.logo_space { max-width: 40px; max-height: 40px; display: inline-block; }
h1 i { display: inline-block; margin-right: 20px; }
.pointer { cursor: pointer; }
h2.center { text-align: center; }
    /*left: calc(50% - 85px);*/
.home_box { padding: 10px; background-color: #7DA900; color: white; min-height: 117px; border-radius:5px;}
.home_box .title { font-size: 21px; }
.home_box a { color: white; display: block; }
.home_box .fa-arrow-right { margin-top: 8px; }
.home_box .info { margin-top: 10px; }
.help_box { background-color: #333; }

.coname {
    position: absolute;
    top: 10px;
    left: 307px;
    font-weight: bold;
    font-size: 20px;
    color: #7ca901;
}

.btn-danger:hover {
    background-color: red !important;
}

.tooltip {
    padding-top: 15px;
}


/*modal*/
.modal {
    z-index: 10000000;
}

.modal-header {
    background: #7CA901;
    color:white;
}
.closex {
    border:0;
}

.modal-content, .modal-header {
    border-radius: 0;
}

/*validation*/
.input-validation-error {
    border-color: red !important;
}
.required::after {
    content: "*";
    font-weight: bold;
    color: red;
}

.form-control {
    appearance: auto !important;
}

.centered2 {
    height: auto !important;
}

.addNewCertLabel {
    max-width:140px;
}

.help-utils {
    color:white;
    background:black;
    padding:5px;
}

.help-utils {
    color: white;
    background: #333;
    padding: 5px;
    display:inline-block;
    padding:10px;
    margin-right:20px;
    margin-bottom:20px;
}

.help-utils:hover {
    color: white;
}


@media only screen and (max-width: 950px) {
    .page-info {
        display:none;
    }
    .privacy-links {
        left: 20px;
        transform: none;
        position:relative;
    }
    footer {
        height: 25px !important;
    }
        footer .nav {
            transform:none;top:4px;
            left:auto;

        }
}

@media only screen and (max-width: 1100px) {
    .tableHead {
        display: none;
    }

    .responsiveHeader {
        font-weight: bold;
    }

    td {
        display: block;
        text-align: center;
        border: none;
    }
}

.hideme {
    opacity:0;
}

#system_message { position: relative; display: block; padding: 10px; margin-bottom: 20px;  }
    #system_message.success { background-color: #ddffd6; border: 1px solid green; }
    #system_message.error { background-color: #ffc8c8; border: 1px solid red; }
    #system_message.warning { background-color: #ffd08f; border: 1px solid orange; }
    #system_message.info { background-color: #8ffffd; border: 1px solid #00a4b3; }
    #system_message .exit { width: auto; height: 20px; position:absolute; top: 10px; right: 10px; color: black; cursor:pointer; }