/* Google font 'Open Sans' included from _LayoutWidgets.cshtml */
* {
    font-family: 'Open Sans', sans-serif;
}

h2 {
    text-align: center;
}

.btn-space {
    margin-right: 5px;
}

tr.e-columnheader th.e-headercell {
    background-color: #a2bce5;
    font-weight: bold;
    color: #181818;
}

body {
    /*padding-top: 0px;
    padding-bottom: 20px;*/
}

.important {
    padding: 10px;
}

/* the grids display in an iframe on the LRAPA website. */
.container {
    max-width: 1000px;
    padding-right:0;
    padding-left:0;
}
/* Set padding to keep content from hitting the edges
    All control display in an iframe on the LRAPA website.
    With padding, the theme will cause the embedded grid to have too much margin
*/
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;*/
}
/*  Syncfusion grid */
.e-headertext {
    font-size: .9em;
}

/* 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 width on the form input elements since they're 100% wide by default */
/*
Comment this out, as it conflicts with Bootstrap. Ann Terrell, 10/16/2017
input,
select,
textarea {
	max-width: 280px;
}
*/

.field-validation-error, label.error {
    color: red;
}

.input-validation-error, input.error {
    border: 0.25em solid red;
}

.validation-summary-errors {
    color: red;
}

.LogoBackground {
    background-color: black
}

/* For the menu system. */

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #555;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* For "Required" fields  */

.lcog-required {
    font-weight: bold;
    color: red;
}

.lcog-optional {
    font-weight: bold;
    color: greenyellow;
}

.lcog-tooltip {
    position: relative;
    display: inline-block;
}

.lcog-tooltip .lcog-tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
}

.lcog-tooltip:hover .lcog-tooltiptext {
    visibility: visible;
}

.LcogItemHide {
    visibility: hidden;
}

.LcogItemShow {
    visibility: visible;
}

.LcogBtnActive {
    border-style: inset;
}

.LcogBtnInactive {
    border-style: outset;
}