﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}


/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    /*max-width: 100%;*/
}

.radioMarginRight {
    margin-right: 20px !important;
}

.form-horizontal .control-label {
    text-align: left;
}


.change_cursor_topointer {
    cursor: pointer !important;
}

.panel-default > .panel-heading {
    background-color: #413839;
    color: white;
}
/*.panel-default > .panel-body{
    border-color:#1091d3;
    border-style:solid;
    border-width:thin;
}*/

.table-condensed {
    font-size: 10px;
}

.btn-default {
    background: #837E7C;
    color: #ffffff;
}

    .btn-default:hover, .btn-default:focus {
        background: #413839;
        color: #ffffff;
    }


.logo {
}



.clickable {
    cursor: pointer;
}

.panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}

/* Navbar main background */
.navbar.navbar-inverse {
    background-color: #f48024;
}



/* Navbar title */
.navbar-inverse .navbar-brand {
    color: black;
}


    /* Focus/hover state for navbar title */
    .navbar-inverse .navbar-brand:hover,
    .navbar-inverse .navbar-brand:focus {
        color: gray;
    }

/* Navbar links default color */
.navbar-inverse .navbar-nav > li > a {
    color: white;
}

    /* Navbar links hover/focus states */
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        color: white;
        background-color: black;
        /*font-weight:bold;*/
    }

/* Active link colors */
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #DDD;
}


.navbar-nav > li > .dropdown-menu {
    background-color: #f48024;
}

.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #A30000;
    border-color: #A30000;
}

.spaced input[type="radio"] {
    margin: 10px 10px;
}

/* Mobile toggle button */
.navbar-inverse .navbar-toggle {
    border-color: lightgreen;
}

    /* Mobile toggle button hover/focus states */
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: #DDD;
    }

    /* Mobile icon bar colors */
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #CCC;
    }

.mycheckbox input[type="checkbox"] {
    margin-right: 10px;
}

.jumbotron {
    background-color: #f5f5f5;
}

.accordion-toggle {
    cursor: pointer;
}


.BreadCrumbCSS {
    /*width:100%;*/
}

    /*.BreadCrumbCSS ul li
{  
     width:10%;
}*/

    .BreadCrumbCSS ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #413839;
    }

    .BreadCrumbCSS li {
        float: left;
        border-right: 1px solid #bbb;
        /*width:96px;*/
    }

        .BreadCrumbCSS li a {
            display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

            .BreadCrumbCSS li a:hover {
                background-color: #f48024;
                color: white;
            }

.BreadCrumbCSS_SelectedItem {
    background-color: #413839;
    color: white;
}

.chkBoxList td {
    width: 50%; /* or percent value: 25% */
}



/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}
