﻿/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-bottom: 20px;
}

/* Provide a consitent width across large monitors  */
.SiteWidth {
    width:950px;
}

.TopNavMenu
{
    width:100%;  
    height:40px;
    background-repeat: repeat-x;
    background-image: url('../Images/menu_blank.jpg');
    margin-top:-20px; 
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.invalid{
	border-color: #E9322D!important;
box-shadow: 0 0 6px #F8B9B7!important;
}

.popover .popover-title {
    font-weight: bold !important;
    color:#000000 !important
}
.popover-content {
    font-weight: normal !important;
    color:#000000 !important;
}

/*To show font-awesome gear icon as image*/
.gearicon:before {
        font-family: FontAwesome;
        font-size:large;
        content: "\f013";
        color:rgba(0, 0, 0, 0.75)
    }
/*Show the div in center of the screen*/
.div-screencenter
{
    left: 10%;
    top: 25%;
    z-index: 1000;
    position: fixed;
    display: block;
}
/*To show the regular textbox with devex look*/
.TextBoxDevExStyle
{
	outline: none;
    border-color: #9DA0AA #C2C4CB #D9DAE0;
    border-style: solid;
    border-width: 1px;
} 

.bootbox-btn-pull-right {
    float: right;
    margin-left: 5px;
}