:root {
    --bgbtn: #444444;
    --bgbtnhover: #222222;
    --bgmodal: #222222;
    --bggrey: #444444;
    --textwhite: ghostwhite;
    --textgrey: #A0A0A0;
}

@media (min-width: 768px) {
  html {
    font-size: 14px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* unvisited link */
a:link {
    color: cornflowerblue;
}

/* visited link */
a:visited {
    color: indianred;
}

/* mouse over link */
a:hover {
    color: lightblue;
}

.cforp-text {
    color: var(--textwhite) !important;
}

.cforp-navbar-text {
    padding: 0px 10px 0px 10px !important;
    margin: 0px 10px 0px 10px !important;
}

.navbar-brand {
    padding: 5px 0px 0px 20px !important;
}

.navbar-dark {
    background-color: var(--bggrey) !important;
}

.cforp-ruleset-btn-group {
    margin: 10px 0px 20px 30px;
}

.cforp-btn {
    background-color: var(--bgbtn) !important;
    transition-duration: 0.4s;
    color: var(--textwhite) !important;
    border: 1px solid black;
}

.cforp-dropdown {
    background-color: var(--bgbtn) !important;
    border: 1px solid black;
    color: var(--textwhite) !important;
    white-space: nowrap;
}

    .cforp-dropdown .cforp-dropdown-item {
        padding: 0px;
        margin: 5px 10px 0px 10px;
    }
    .cforp-dropdown .cforp-redirect-main {
        color: var(--textgrey) !important;
        margin: 0px 10px 0px 33px;
    }
    .cforp-dropdown .cforp-redirect-item {
        margin: 0px 0px 0px 5px;
    }

    .cforp-dropdown .del-item {
        padding: 0px;
        margin: 0px;
    }


.cforp-btn:hover {
    background-color: var(--btbtnhover) !important;
}

.modal-dialog, .modal-body, .modal-footer, .modal-header {
    background-color: var(--bgmodal) !important;
    color: var(--textwhite) !important;
}

.cforp-hidden-row {
    padding: 0px !important;
}

.cforp-icon-col {
    width: 80px;
}

.cforp-acl-table {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    border: 2px !important;
}

    .cforp-acl-table .cforp-desc-col {
        width: 15%;
    }
    .cforp-acl-table .cforp-rule-col {
        width: 18%;
    }
    .cforp-acl-table .cforp-locale-col {
        width: 70px;
    }

    .cforp-acl-table .cforp-guid-input {
        width: 280px !important;
    }
    .cforp-acl-table .cforp-multiselect-col {
        width: 130px !important;
    }


    .cforp-acl-table .cforp-tooltip-rls, .cforp-tooltip-custom, .cforp-tooltip-rules, .cforp-tooltip-viewas {
        border: 1px solid grey;
        border-radius: 5px;
        position: absolute;
        padding: 5px;
        background-color: var(--bggrey);
        color: var(--textwhite);
        opacity: 0;
        display: inline;
        transition: opacity .5s;
    }

        .cforp-acl-table .cforp-tooltip-rls:hover, .cforp-tooltip-custom:hover, .cforp-tooltip-rules:hover, .cforp-tooltip-viewas:hover {
            opacity: 1;
        }

.cforp-report-table {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.cforp-zero-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.cforp-center-input {
    float: none !important;
}

.form-group {
    padding-bottom: 10px;
}

.form-control {
    background-color: var(--bggrey) !important;
    color: var(--textwhite) !important;
    border: 1px solid black;
}

.fa-circle, .fa-edit, .fa-save, .fa-eye-slash, .fa-eye, .fa-trash-alt {
    color: lightgrey;
}

.fa-question-circle{
    color: grey;
}

.fa-sad-tear {
    color: red;
}