html {
  position: relative;
  min-height: 100%;
}

body {
  padding-top: 50px;
  margin-bottom: 60px;
}

.navbar-inverse {
    background-color: #0075c9 !important; /*was 0075c9*/
}

.navbar-toggle {
    border-color: #000 !important;
    background-color: #000 !important;
}

#em-text {
    color: #ffffff !important;
}

#navbar {
    float: right!important;
}

#navbar a {
	color:#fff;
}

.dropdown-menu li a {
	color:black !important;
}

#navbar a:hover {
	color: #FFD700;
    text-decoration: none;
}

span.highlight {
    color: #fff5cc;
}

div.navbar-brand {
    color: #fff !important;
}



.col-md-4{
	margin-bottom:20px;
}

.user-form{
    margin-top:20px;
}

.user-form .form-group {
    width: 90%;
}

.form-header {
    text-indent: 20px;
    margin-top:20px;
    border-bottom: #ccc solid 1px;
    padding-bottom: 10px;
}

.form-group.required .control-label:after { 
    color:red; 
    font-size:1.2em;
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f069";
}

div.top-padding {
    padding-top: 5px;
}

div.top-paddingX3 {
    padding-top: 15px !important;
}

section{
	padding:40px 0 40px 0;
}

footer{
	background:black; /*333*/
	color:#fff;
	padding:10px 0 10px 0;
    position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
}

footer li{
	float:left;
	padding:0 10px 0 10px;
	list-style: none;
}

footer a {
	color:#fff;
}

footer a:hover {
	color: #FFD700;
    text-decoration: none;
}

footer p{
	float:right;
}

.print-only {
    display:none;
}

.toUpper {
    text-transform: uppercase;
}

#bottom-spacer {
        height:50px !important;
    }

.pagination-ld {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
 
.pagination-ld table > tbody > tr > td {
    display: inline;
}
 
.pagination-ld table > tbody > tr > td > a,
.pagination-ld table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #428bca;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
 
.pagination-ld table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}
 
.pagination-ld table > tbody > tr > td:first-child > a,
.pagination-ld table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
 
.pagination-ld table > tbody > tr > td:last-child > a,
.pagination-ld table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
.pagination-ld table > tbody > tr > td > a:hover,
.pagination-ld table > tbody > tr > td > span:hover,
.pagination-ld table > tbody > tr > td > a:focus,
.pagination-ld table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}

.GridPager a,
.GridPager span {
    display: inline-block;
    padding: 8px 12px;
    margin-left: -1px;
    border-radius: 4px;
    border: solid 1px #dddddd;
    background: #ffffff;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {

    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    border: 1px solid #3AC0F2;
}

#loader1 {
    position:absolute;
    left:40%;
    top:35%;
    border-radius:20px;
    padding:25px;
    
}

/* MEDIA QUERIES */

@media print {
   footer, .alert {
       display: none;
   }
   
   table, td, th {
       border:none;
    }
}



@media(min-width: 1200px){
	
}

@media(max-width: 991px){
	
}

@media(min-width: 768px) and (max-width: 990px){
	.welcome-media  {
        display:none;
	}

    iframe {
        height:calc(100vh - 340px) !important;
    }
}

@media(max-width: 768px){
	.welcome-media  {
        display:none;
	}

    #bottom-spacer {
        height:50px !important;
    }

    iframe {
        height:calc(100vh - 340px) !important;
    }
}

@media(max-width: 500px){
	section#main, .main-content {
        margin-top:70px;
        padding-top: 50px;
        padding-bottom: 30px;
	}

    section#feature ul li{
		font-size: 19px !important;
	}

	footer p{
		float:none;
		text-align: center;
		padding-top:20px;
	}
    .welcome-media  {
        display:none;
	}

    #bottom-spacer {
        height:50px !important;
    }

    .makeSmaller {
        font-size: 100% !important;
    }

    .hideOnMobile {
        display: none;
    }

    .ddDiv {
        border-bottom: none;
    }

    .dropdown-menu li a {
	color:#fff !important;
}
    iframe {
        height:calc(100vh - 340px) !important;
    }
}

@media(max-width: 400px){

    .dropdown-menu li a {
	color:#fff !important;
}
    
    .navbar-brand {
        padding-bottom: 50px;
    }
	section#main, .main-content {
        margin-top:70px;
        padding-top: 30px;
        padding-bottom: 30px;
	}

    .navbar {
        min-height: 120px !important;
    }

	.welcome-media {
        display:none;
	}

    #bottom-spacer {
        height:150px !important;
    }

    .makeSmaller {
        font-size: 100% !important;
    }

    .hideOnMobile {
        display: none;
    }

    .ddDiv {
        border-bottom: none;
    }

    footer {
        height:100px !important;
    }

    iframe {
        height:calc(100vh - 340px) !important;
    }
}

hr.civil {

    background-color:#85929e ;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

div.mh1 {
  margin: 0;
}

.text-capitalize {
    text-transform: uppercase;
}

.LNIFrame {
    height:calc(100vh - 240px);
}

.rbPrimary:hover, .rbSkinnedButton:hover {
    background-color: black !important;
}