﻿
body {
    background-color: #fefae6;
/*    margin: 1.5em;
*/    padding: 0;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

footer {
    /*    margin-right: auto;
    margin-left: auto;*/
    text-align: center;
    padding-bottom: 4px;
    padding-right: 0;
    padding-left: 0;
    color: #FFFFFF;
    background-color: black;
    font-size: .9em;
    width: 100%;
}

*, *::before, *::after {
    box-sizing: border-box;
    border-radius: 0 !important
}



nav {
    margin: 0 !important;
    color: white !important;
    width: 100% !important;
    padding: .5rem 1rem;
}

/*hr {
    border: none;*/ /* Remove default border */
    /*height: 4px;*/ /* Thickness of the line */
    /*background-color: #333;*/ /* Line color */
    /*width: 80%;*/ /* Width of the line */
    /*margin: 20px auto;*/ /* Vertical spacing + center alignment 
}*/

    nav.bg-dark {
        /*        background-color: blue !;
*/
    }

#main-page {
    margin-top: 1px;
}


#main-navbar {
    background-color: #f3ffdc;
}

.body-content {
    overflow: auto;
/*    border-left: 1.5px solid black;
    border-right: 1.5px solid black;
*/    /*    padding: .5rem 5%;
*/ margin-left: auto;
    margin-right: auto;
    background-color: #fcfcf0;
}

.item-heading_group {
    color: #113850;
    display: inline-block;
    font-family: proxima_nova_rgregular,Helvetica,Arial,sans-serif;
    font-size: 1.125em;
    line-height: 1.66667;
    position: relative;
    text-transform: uppercase;
}

    .item-heading_group:after {
        background-color: #113850;
        bottom: -3px;
        content: "";
        display: inline-block;
        height: 3px;
        left: 0;
        position: absolute;
        width: 115%;
    }

.panel-group_header {
    border-bottom: 3px solid rgba(232, 232, 232, 0.92);
    margin-bottom: 1.125em;
}

.panel-light_background {
    background-color: #eeeded;
}

.col1 {
    /*background-color: #ecf5e2;*/
}

.col2 {
    /*background-color: #fcf2f2;*/
}

.col3 {
    /*background-color: #fbe9e9;*/
}

.col4 {
    /*background-color: rgb(56, 78, 54);*/
    /*font-size:larger;*/
    /*color: white;*/
}

.col5 {
    /*border-right: 2px solid #c7f5b8;*/
    /*border-top: thin solid rgba(0, 0, 0, 0.67);*/
}

.col6 {
    /*border-top: thin solid rgba(0, 0, 0, 0.67);*/
}


.colborder {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: thin solid black;
}

.colpadding {
    padding-right: 50px;
    padding-left: 50px;
}

/*.top-radius {
     margin-top: 15px;
    -moz-border-radius-topright: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -webkit-border-top-left-radius: 25px;
    border: solid black 2px;
    margin-top: 15px;
    border: 1.5px solid black !important;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    overflow: hidden;
*/}

/*.bottom-radius {
     -moz-border-radius-bottomright: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    -webkit-border-bottom-left-radius: 25px;
    border: 1.5px solid black !important;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    overflow: hidden;
*/}

.custom-panel {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid thin black;
    background-color: #fcf4c2;
}

.nav {
    color: black;
}

.navbar > li {
    /*padding-top: 0px;
    padding-bottom: 0px;*/
}

.navbar-collapse {
    border: none;
}

.nav > li > a {
    padding-top: 5px;
    padding-bottom: 10px;
    color: white;
    text-decoration: none;
    /*background-color:black*/
}

.nav-tabs .nav-link {
    background-color: green !important; /* Bootstrap blue */
    color: rgb(255, 255, 255, 1.55) !important;
    border: 1px solid #dee2e6;
    margin-right: 2px;
}

    .nav-tabs .nav-link:hover {
        background-color:  darkgreen !important; /* Darker blue on hover */
        color: white !important;
    }

    .nav-tabs .nav-link.active {
        background-color: darkgreen;
        color: white;
        font-weight: bold;
    }
.gridspacing {
padding: 30px !important;
}

.panel-test {
    /*padding-right: 15px;
    padding-left: 15px;*/
    margin-right: 90px;
    margin-left: 90px;
    /*box-sizing: border-box;*/
}

.jumbotron {
    padding: 2%;
    /*margin-top: 15px;*/
    /*margin-bottom: 5px;*/
    color: inherit;
    background-color: #fffeea;
}

.navbar {
    /*background-color: white;*/
    border: none;
    /*min-height: 125px;*/
}

.navbarcolor {
    /*background-color: rgba(36, 135, 8, 0.82);*/
    background: -webkit-linear-gradient(left top, redrgba(36, 135, 8, 0.82), blue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, rgba(36, 135, 8, 0.82), blue); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, rgba(20, 51, 18, 0.82), rgba(20, 51, 18, 0.82)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, rgba(20, 51, 18, 1), rgba(37, 157, 33, 1), rgba(4, 37, 6, 1)); /* Standard syntax */
    /*    color: #874e40 !important;*/
}

.navbar-inverse {
    /*background-color: #f1eded;*/
}

    .navbar-inverse .navbar-nav > li > a {
        color: white;
    }

        .navbar-inverse .navbar-nav > li > a:hover {
            /*color: darkslategrey;
        font-weight: 500;*/
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: black;
    }

    .navbar-inverse .navbar-nav > .dropdown > .dropdown-menu > .dropdown > li {
        margin-left: 32px;
    }

    .navbar-inverse .navbar-brand {
        color: white;
    }

.dropdown_itemlist-expanded > li > a {
    color: blue;
}

.dropdown_itemlist-collapsed > li > a {
    color: rgb(255, 0, 0);
}

.headerlogo {
    background: url(images/ClarkeFarmLogo.png) no-repeat;
    height: 49px;
    width: 49px;
    display: inline-block;
}

.headerlogotext {
    background: url(Images/LogoText.png) no-repeat;
    background-size: 100%;
    color: #000000;
    font-family: 'Tiranti Solid LET Plain', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    /*min-width:450px;*/
    clear: left;
    z-index: 800;
}

/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

/* Command buttons on pages */
.actionbuttons {
    /*    display: inline-block;
*/ text-align: right;
    position: relative;
    padding: 1px 1px 1px 1px;
    /*    white-space: nowrap;
*/ gap: 5px;
}


/*.rollbutton {
    display: inline-block;
    background: transparent url('images/button_background_green.png');
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    padding: 2px 1.5em 2px 1.5em;
    background-position: center;
    white-space: nowrap;
    min-width: 135px;
    max-height: 45px;
    height: 45px;
    line-height: 20px;
    font-size: 13px;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 200;
}

*/
.rollbutton {
    display: inline-block;
    /*background: linear-gradient(to bottom right, rgba(20, 51, 18, 1), rgba(37, 157, 33, 1), rgba(4, 37, 6, 1));*/ /* Standard syntax */
    background: linear-gradient(to bottom, #487c07, #659727, rgba(4, 37, 6, 1)); /* Standard syntax */
    border-radius: 7px;
    border: 2px ridge black;
    padding: 2px 1.2em 2px 1.2em;
    white-space: nowrap;
    line-height: 20px;
    font-size: 13px;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 200;
}


    .rollbutton:hover {
        /*        background: transparent url('images/button_green.png') no-repeat 0 -40px; */
        background: linear-gradient(to bottom, #487c07, #487c07, rgba(4, 37, 6, 1)); /* Standard syntax */
    }

.buttonsmall, .buttonsmall-ovr {
    /*    background: url(images/background_button_small.gif) repeat-x;
*/ border: none;
    color: #FFFFFF;
    height: 39px;
    font-weight: normal;
    font-size: 9px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.buttonsmall-ovr {
    text-decoration: underline;
    /*    background: url(images/background_button_small-ovr.gif) repeat-x;
*/
}

/* -------- End Rollover Button css --------- */

/************************************************************************
* 
* Links Page Special CSS
*
************************************************************************/

.link - description {
    display: flex;
    flex - wrap: wrap;
    align - items: center;
    gap: 8px;
}

    .link - description a {
        white - space: nowrap;
    }

    .link - description.text - muted {
        flex - basis: 100 %;
        white - space: normal;
    }

/* -------- End Links Page css --------- */

.listtitle a {
    /*color: rgb(31, 125, 28);*/
    color: #9d0000;
}

.listitemseparator {
    display: block;
    background-color: #e5eff3;
    text-decoration: dotted;
    flex-shrink: revert !important
}

#chklRoles label {
    font-weight: normal;
    color: red;
}

/************************************************************************
* 
* Forums Pages Special CSS
*
************************************************************************/
.forumusercss {
    width: 90%;
    text-size-adjust: 150%;
    align-items:center;
}

.reply-depth-0 {
    background-color: #feffe8;
}

.reply-depth-1 {
    background-color: #fffbd8;
}

.reply-depth-2 {
    background-color: #fff9c7;
}

.reply-depth-3 {
}
