/* ------------------------------------------------
    shartman Dec 2019

    Template for Planet Web Portal
    Master Template for color scheme.

------------------------------------------------ */
:root {
    /*cosmo custom highlight colors*/
    --color1: #a1854a;
    --color2: #746420;
    --color3: #FFCE67;
    --color4: orange; /*#ffae3e*/
    --color1-alt: gray;
    /*--colornotblack: #3d3d3d;*/
    --colornotblack: #373737;
    --colorbackgroundbody: #efefef;
    --colorbackgroundbodydarker: #e4e4e4;
    --colorhighlight: orange;
    --colorhighlighttext: white;
}
/* ------------------------------------------------ */


body {
    background-color: var(--colorbackgroundbody);
    font-size: 15px;
}

.navbar-default {
    background-color: var(--colornotblack);
    padding-bottom: 0;
    border-bottom: solid 5px var(--color4);
}


.dropdown-toggle-toolbar {
    /*color: White;*/
}

.form-control {
    border-radius: 5px;
}


/* Overall Theme Adjustments */
.TemplateColorTextDark {
    color: var(--color1);
}

.TemplateColorBackgroundDark {
    background-color: var(--colornotblack);
}

a {
    color: var(--color1);
    text-decoration: none;
}
    a:hover,
    a:focus {
        color: var(--color1);
        text-decoration: underline;
    }

div.top-toolbarsub {
    color: var(--color3) !important;
}

.breadcrumb {
    background-color: white;
    border: 1px solid #dddddd;
    border-radius: 8px;
}

.panel {
    border: 1px solid #dddddd;
    border-radius: 8px;
}
.panel-heading {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.text-primary {
    color: var(--color1);
}

a.text-primary:hover,
a.text-primary:focus {
    color: var(--color1);
}

.bg-primary {
    color: #fff;
    background-color: var(--color1);
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: var(--color2);
}


/* drop down menu background color */
.container .dropdown .dropdown-menu a:hover {
    color: #fff;
    background-color: var(--color1);
    border-color: #fff;
}


.btn {
    background-color: var(--colornotblack);
    border-radius: 5px;
    border-color: white;
}
.btn-primary {
    background-color: var(--colornotblack);
    border-radius: 5px;
    border-color: white;
}



.icons-view-top-left {
    color: var(--colornotblack);
    font-size: 20px;
    margin: 5px 15px 10px 0;
    color: gray;
}

.roletitle {
    background-color: white;
    color: var(--color1);
    border: 1px solid #dddddd;
    border-radius: 10px;
}
.roledescription {
    color: var(--color2);
 
}
.resourcetitle {
    color: var(--color1);
 }
.operationdesc {
    color: var(--colornotblack);
}

.successbar {
    border: 1px solid #dddddd;
}
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/* Formatting Font Awesome Icons */
a.top-toolbar {
    font-size: 18px;
    color: white !important;
}

.top-toolbar-icons {
    margin: 0 8px 0 20px;
    font-size: 18px;
    color: white;
}

.icons-default {
    margin: 2px;
    font-weight: lighter;
    color: var(--color1);
}

a.icons-titles {
    margin: 0 15px 0 0;
}

.icons-hero-index {
    font-size: 26px;
    margin: 0 10px 0 0;
    font-weight: lighter;
}




.Table-Cell-Status-Confirmed {
    background-color: #f4fff2;
    color: #858585;
}

.Table-Text-Status-Confirmed {
    color: green;
}

.Table-Cell-Status-Pending {
    background-color: #fff8de;
    color: #a6902d;
}

.Table-Text-Status-Pending {
    color: #a6902d;
}

.Table-Cell-Status-Unconfirmed {
    background-color: #f5f3f1;
    color: #575656;
}

.Table-Text-Status-Unconfirmed {
    color: #575656;
}

.Table-Cell-Status-Expired {
    background-color: #f5f1e2;
}

.Table-Text-Status-Expired {
    color: darkred;
}

   


div.successbar {
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #e1ffd7;
    border-radius: 10px;
    font-size: 120%;
    color: Green;
}

div.infobar {
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff0e3;
    border-radius: 10px;
    font-size: 120%;
    color: #ab6625;
}

div.error-message {
    /* login problem, wrong password */
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff0e3;
    border-radius: 10px;
    font-size: 120%;
    color: #ab6625;
}

div.lockedout-message {
    /* user is locked out */
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #ffd9d6;
    border-radius: 10px;
    font-size: 120%;
    color: #852318;
}

div.disabled-message {
    /* user is disabled */
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f2f0ee;
    border-radius: 10px;
    font-size: 120%;
    color: var(--color1);
}




.Table-Cell-Type-Root-Admin {
    color: Red;
}


.Table-Cell-LogType-Info {
    background-color: #dcffd2;
    color: green;
}

.Table-Cell-LogType-Warning {
    background-color: #fff8de;
    color: #a6902d;
}

.Table-Cell-LogType-Error, .Table-Cell-LogType-Critical-Error {
    background-color: #f5f3f1;
    color: Red;
}