/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
}

body, table, td, textarea, select, span, div, input, ul, li, a
{
    font-family: Tahoma, Microsoft Sans Serif;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.project-name {
    display:inline-block; padding-top:6px; padding-left:8px;
}
.project-name-md {
    display:none; padding-top:6px; padding-left:8px;
}
.project-name-sm {
    display: none; padding-top:10px; padding-left:8px;
}
.project-name-xs {
    display:none; padding-top:8px; padding-left:8px;
}
@media screen and (max-width: 920px) {
    .project-name { display:none; }
    .project-name-md { display:inline-block; }
    .project-name-sm { display:none; }
    .project-name-xs { display:none; }
}
@media screen and (max-width: 600px) {
    .project-name { display:none; }
    .project-name-md { display:none; }
    .project-name-sm { display:inline-block; }
    .project-name-xs { display:none; }
}
@media screen and (max-width: 360px) {
    .project-name { display:none; }
    .project-name-md { display:none; }
    .project-name-sm { display:none; }
    .project-name-xs { display:inline-block; }
}

.mn-blank { display: none; }
@media screen and (max-width: 370px) {
    .mn-blank { display:inline-block; }
}

#ui-datepicker-div {
    z-index: 1500 !important;
}

.iframe-bg {
    background: url(Images/iFrameLoading.gif) no-repeat center;
}

.modal-filter, .update-filter {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 9999;
}
.modal-loading {
    position: fixed;
    padding: 10px 0 0 0;
    bottom: 20px;
    left: 20px;
    border: 1px solid #999999;
    border-radius: 2px;
    width: 240px;
    height: 44px;
    background-color: #ffffbb;
    text-align: center;
    z-index: 10000;
}

.panel-gridview {
    overflow-x: scroll;
    padding: 0;
    color: #444;
    font-size:14px;
}
.gvControl {
    width:100%;
}
.gvControl th {
    text-align: center;
    background-color: #DDDDDD;
    border: solid 1px #EEEEEE;
}

.gvControl td {
    border: solid 1px #EEEEEE;
    padding: 0px 4px;
}

.gvHeader, .gvHeader a {
    color:#444444;
}
.gvHeader a:hover{
    color:#444444;
    text-decoration:underline;
}

.gvRow {
	background-color: #E9F1FA;
    white-space: nowrap;
}
.gvRowAlt {
	background-color: #FFFFFF;
    white-space: nowrap;
}
.gvRow:hover, .gvRowAlt:hover {
    background-color:#ffffcc;
}
.gvSelected {
	background-color: #FFCC66;
    white-space: nowrap;
}
.gvDelete {
	color: #FF0000;
}
.gvFooter {
	color: #FFFFFF;
	background-color: #787878;
	font-weight: bold;
}
.gvPager {
	background-color: #DDDDDD;
}
.gvPager a {
	font-size: 10pt;
	padding: 1px 6px;
	color: #222;
	text-decoration:none;
}
.gvPager a:hover {
    background-color: #ccc;
}
.gvPager span {
	font-size: 10pt;
    background-color: #84878B;
    color: #fff;
	padding: 1px 6px;
}

.gvWrap {
    white-space: normal!important;
}

#scroll-up {
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: #444;
    opacity: 0.4;
    font-size: 30px;
    z-index: 2147483647;
}
#scroll-up:hover {
    color: #000;
}

.tab-pane {
    background-color:#fff;
    border: 1px solid #ddd;
    border-top: none;
    padding: 4px;
}

.nav-tabs > li > a {
    padding: 3px 6px !important;
    background-color: #fff;
    border: 1px solid #ddd;
}

.nav-tabs > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus {
    padding-top: 2px !important;
    border-top: 2px solid #f90;
}

.required {

}
.required::after{
    content: '*';
    color: red;
    margin-left: 2px;
}
.text-error {
    color: #cc3333;
}