[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none;
}

.form-centered {
    max-width: 320px;
    width: 90%;
    margin: auto;
    margin-top: 100px;
    border-radius: 5px;
    position: relative;
}

.form-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #4f5d66;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #f6f7f9;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
}

.form-body {
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .form-body .row {
        margin-top: 10px;
    }

.tall-navbar {
    height: auto;
}

@media (min-width: 768px) {
    .tall-navbar {
        height: 90px;
    }
}

@media (max-width: 767px) {
    .form-centered {
        margin-top: 40px;
    }
}

/*
				The navbar has a fixed height of 102px
				The right bar text has 41px padding (padding * 2 + line height = 102)
			*/
body {
    background-color: #f6f7f9;
}

.colored-bar {
    background-color: #a7b4bc;
    display: block;
    width: 100%;
    /* CSS trick to allow main-body to overlap colored-bar */
    height: 0px;
    padding-bottom: 40px;
    margin-bottom: -30px;
}

.less-space {
    /* Class to decrease the space around h1, h2, and h3 in Bootstrap */
    margin-top: 10px;
    margin-bottom: 5px;
}

.extra-space {
    margin-bottom: 10px;
}

.bigger-text {
    font-size: 1.2em;
}
/* Navbar */
.navbar-left > li > a {
    /*JMW 11/8/2017 - turning this off to allow buttons to be as wide or narrow as the text included on the button*/
    /*
    min-width: 90px;
    max-width: 115px;
        */
}

.navbar {
    margin-bottom: 0px;
    border-radius: initial;
    background-color: white;
    border-bottom: 4px solid #677985;
}

.navbar-brand {
    padding: 0px;
}

    .navbar-brand > img {
        margin-top: 6%;
        height: 45px;
        padding: 5px;
        width: auto;
    }

.dropdown-menu .btn {
    margin-right: 5px;
}

.navbar .navbar-left .btn {
    white-space: normal;
    /* JMW 4/20/2018 - save a little space on the top toolbar gap between buttons */
    margin-top: 5px;
    margin-bottom: 2px;
    margin-right: 2px;
    margin-left: 2px;
    background-color: white;
    border-radius: 6px;
    /* JMW 4/20/2018 - save a little space on the top toolbar button width */
    padding-left: 10px;
    padding-right: 10px;
}

    .navbar .navbar-left .btn:hover {
        /* Override navbar styling with the default button styling */
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

.navbar-right .dropdown-toggle {
    padding: 25px 15px 10px 15px;
    margin-bottom: -10px;
    line-height: 40px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    /* Disable background color on navbar dropdowns */
    background-color: white;    
}
/* Adjusted navbar styling for the expanded navbar */
@media (min-width: 769px) {
    .nav {
        display: -webkit-flex;
        display: flex;
        min-width: 0px;
    }

        .nav > li {
            /* JMW 11/14/2017 - flex-grow: 1 caused the nav pills (tabs) to span the width of the page*/
            /*
            flex-grow: 1;
                */
            flex-shrink: 0.6;
        }

    .navbar-left > li > a {
        height: calc(100% - 10px);
    }
}

@media (max-width: 900px) {
    .navbar-brand > img {
        margin-top: 10%;
        height: 50px;
    }
}
/* Adjusted navbar styling for the collapsed navbar */
@media (max-width: 820px) {
    .navbar-left > li > a, .navbar-right > li > a {
        max-width: initial;
        height: initial;
        padding-top: 10px;
        min-width: auto;
    }

    .navbar-header {
        height: 60px;
    }

    .navbar-right .dropdown-toggle {
        padding-top: 10px;
    }
}

@media (max-width: 768px) {
    .navbar-brand img {
        margin-top: 0px;
    }

    .bigger-text {
        font-size: 1em;
    }
}
/* Main Body */
.main-body {
    /*
    padding: 20px;
        */
    width: 100%;
    margin: auto;
    border-radius: 4px;
    background-color: #e8e9eb;
    /*
    color: #595959;
        */
    /* Rob K wanted font to be more black */
    color: black;
}

    .main-body > h3 {
        margin-top: 10px;
    }

    .main-body .content {
        padding: 15px;
        background-color: white;
        border-top: 1px solid #d4d5d6;
        border-bottom: 1px solid #d4d5d6;
    }

.content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6 {
    font-weight: bold;
    color: #f7943b;
}

.main-ui-view {
    height: 95%;
    padding: 10px;
    padding-left: 40px;
}

/* Widget styling */
.main-body .btn, .main-body .btn:hover {
    border-color: transparent;
}

/* start:Success #93c54b (147,197,75), #6f9a32 */
.btn-success, .label-success, .progress-bar-success {
    background-color: #93c54b;
}

    .btn-success .badge {
        color: #93c54b;
    }

    .btn-success:hover {
        background-color: #6f9a32;
    }

.alert-success, .list-group-item-success {
    background-color: rgba(147, 197, 75, 0.5); /* Fall back on default bootstrap coloring */
    color: #2d5f00;
}

    .alert-success .alert-link {
        color: #2d5f00;
    }
/* start:Primary */
.btn-primary, .label-primary, .progress-bar-primary {
    background-color: #a7b4bc;
}

    .btn-primary .badge {
        color: #a7b4bc;
    }

    .btn-primary:hover {
        background-color: #8e9ba3;
    }
/* start:Default */
.btn-default {
    background-color: #e0e0e0;
}

    .btn-default .badge {
        color: #e0e0e0;
    }

    .btn-default:hover {
        background-color: #bfbfbf;
    }
/* start:Danger #d64642 (214,70,66), #a82724 */
.btn-danger, .label-danger, .progress-bar-danger {
    background-color: #d64642;
}

    .btn-danger .badge {
        color: #d64642;
    }

    .btn-danger:hover {
        background-color: #a82724;
    }

.alert-danger, .list-group-item-danger {
    background-color: rgba(214, 70, 66, 0.5); /* Fall back on default bootstrap coloring */
    color: #700000;
}

    .alert-danger .alert-link {
        color: #700000;
    }
/* start:Warning #f7943b (247,148,59), #de7b22*/
.btn-warning, .label-warning, .progress-bar-warning {
    background-color: #f7943b;
}

    .btn-warning .badge {
        color: #f7943b;
    }

    .btn-warning:hover {
        background-color: #de7b22;
    }

.alert-warning, .list-group-item-warning {
    background-color: rgba(247, 148, 59, 0.5); /* Fall back on default bootstrap coloring */
    color: #912e00;
}

    .alert-warning .alert-link {
        color: #912e00;
    }
/* start:Info #4b8aa9 (75,138,169), #31708f */
.btn-info, .label-info, .progress-bar-info {
    background-color: #4b8aa9;
}

    .btn-info .badge {
        color: #4b8aa9;
    }

    .btn-info:hover {
        background-color: #31708f;
    }

.alert-info, .list-group-item-info {
    background-color: rgba(75, 138, 169, 0.5); /* Fall back on default bootstrap coloring */
    color: #002443;
}

    .alert-info .alert-link {
        color: #002443;
    }

.page-header {
    margin: 0px;
}

/* editableList styles */

.editableList {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.editableListItem {
    margin: 2px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
}

.editableListHandler {
    display: inline-block;
    width: 30px;
    margin-right: 10px;
    border-radius: 3px 0 0 3px;
    /*background: url('../content/web/sortable/handle.png') no-repeat 50% 50% #ccc;*/
    cursor: move;
    background-color: #2db245;
}

    .editableListHandler:hover {
        background-color: #2d5f00;
    }

.editableListDelete {
    display: inline-block;
    width: 30px;
    border-radius: 0 3px 3px 0;
    /*background: url('../content/web/sortable/handle.png') no-repeat 50% 50% #ccc;*/
    cursor: pointer;
    background-color: #ff0000;
    right: 0px;
}

    .editableListDelete:hover {
        background-color: #700000;
    }

.editableListPlaceholder {
    width: 298px;
    border: 1px solid #2db245;
}

.editableListHint {
    border: 2px solid #2db245;
    border-radius: 6px;
}

    .editableListHint .editableListHandler {
        background-color: #2db245;
    }

.required-control {
    border: solid red 1px !important;
    background-color: #FFCECE !important;
}

    .required-control[type=radio], .required-control[type=checkbox] {
        outline: solid red 1px !important;
    }

    /*
        was testing making a drop down menu in a kendo grid, kinda worked - kinda didn't...
.k-grid-content .btn-group {
    position: absolute;
}

    .k-grid-content .btn-group .btn {
        top: -15px;
    }

.k-grid-content {
    overflow: visible !important;
}

    .k-grid-content table {
        padding-right: 17px
    }
    */