body {
    padding-top: 50px;
    padding-bottom: 20px;
   
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* 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 */
input,
select,
textarea {
    max-width: 280px;
}
.colors{
    color:#f00 !important;
    font-weight:900;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: red;
}
 body
    {
	    margin:0px;
	    /*background-color:cadetblue;*/
	   /*background-image:url(../Content/images/starry_background_187460.jpg);*/
	   
	    font-family:Arial, Helvetica, sans-serif;
    }

 .topbar{
     /*height:70px;*/
    border-bottom: 1px solid #e8eded;
    background: darkgray;
    width:30%;
 }
 .heightcss{
     height: 33px;
 }
 .topcss{
     margin-top: -48px;
 }
.fa-mobile {
    color: #F1CF6F;
}
.fa-envelope {
    color: #F1CF6F;
}

h2, .h2 {
    font-size: 30px;
    font-weight:bold;
    margin-bottom:5px;
}
.divhead {
    color: black;
    background-color: #eff5fa;
    margin-bottom: -10px;
    border-bottom:1px solid black;
}
.thead-dark

{
    color:white;background-color:black;
}


.heading {
    color: #d9534f;
    font-size: 24px;
}

.maindv{
    max-height: 270px;
    display: inline-block;
    width: 100%;
    height: 270px;
}

.imgadjust {
    display: inline-block;
    height: inherit;
    max-width: 100%;
    width: 100%;
}
.School-logo {
    max-width: 110px;
    height: auto;
}
@media only screen and (min-width: 768px) {
    .topdiv .navbar {
        min-height: 30px;
        margin-bottom:10px;
    }
    .topdiv .row {
        width: 100%;
        display: inline-flex;
    }
    .topdiv .col-md-6 {
        width: 49%;
    }

}
@media only screen and (max-width: 767px) {
    .topdiv .navbar {
        min-height: 50px;
        margin-bottom:10px;
    }
    .topdiv .col-md-6.text-right {
        text-align: left !important;
    }
    
    .mobile-margin{
        margin-top:10px;

    }

}

.btn-danger {
    color: #ffffff;
    background-color: #cc313d;
    border-color: #cc313d;
}
.btn-danger:hover {
    color: #ffffff;
    background-color: #cc313d;
    border-color: #cc313d;
}
.bgcolr {
    /*background-image: url('Images/bground.jpg');
    background-color: #84AB5B;*/
    background-image: url('Images/2592039.jpg');
   
}
.frmMinHeight
{
    min-height:50px;
    margin-top:10px;

}
@media only screen and (min-width: 768px) {
   .text-rite
   {
     text-align:right;
   }
   .leftpanel-hight{
       max-height: 500px;
       background-color:green;
   }
}
.margin-tp
{
    margin-top:5px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1340px;
    }
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 8px;
}
h2 .h2 {
    font-family: Arial;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 5px;
}
h4 .h4 {
    font-family: Arial;
    font-weight: 500;
    line-height: 1.1;
}
h3 {
    font-family: Arial;
    font-size: 18px;
    line-height: 1.1;
}