@import url('http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker.css');
/*.btn-lg {
  position:absolute;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
}*/


body {
    width:100%;
    padding:0px; 
    margin:0px;

}

footer {
    border-top:1px solid rgb(0, 119, 200);
    position: fixed;
    left:0px;
    height: 30px;
    bottom: 0;
    width: 100%;
    padding-left:5px;
    padding-top:2px;
    font-style:italic;
    background-color:white;
}

h3
{
    margin-top:-13px !important;
}

.jumbotron p
{
    font-size:15px !important;
    text-align:justify;
}



/* custom general classes*/
.float-left
{
    float:left;
}

.float-right
{
    float:right;
}

.padding-right-5
{
    padding-right:5px;
}
.margin-left-0
{
    margin-left:0px;
}
.margin-top-20
{
    margin-top:20px;
}
.margin-top-50
{
    margin-top:50px;
}
.margin-bottom-50
{
    margin-bottom:50px;
}
.margin-padding-0
{
    margin:0px;
    padding:0px;
}
.margin-both-auto
{
    margin-left:auto;
    margin-right:auto;
}
.width-50
{
    width:50%;
}
.width-100
{
    width:100%;
}
.card {
  height: 100%;
}

/* bus attendance specific styles*/
.backImg
{
    background-image: url('../images/schoolbag.png');
    background-size:  cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;  
}
.outer
{
     position: relative;
     height:610px;

}

.inner
{
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%,-50%);
}
/*media size related styles*/
@media screen and (max-width: 375px)
{
footer
    {
        font-size: 10px;
        padding-top:7px;
    }
.jumbotron p
{
    font-size:12px !important;
}
.previous
{
     text-align:center;
}
.next
{
    margin-top:10px;
    margin-left:0px !important;
    text-align:center;
}

.btn-new-rollcall
{
    float:left;
    clear:both;
    margin-top:10px;
    
}

.parent-checkbox-text-style
{
    float:left; 
    padding-left:10px;
}



}

@media screen and (min-width: 376px) and (max-width:414px)
{
.previous
{
     text-align:center;
}
.next
{
    margin-top:10px;
    margin-left:0px !important;
    text-align:center;
}
.btn-new-rollcall
{
    float:left;
    clear:both;
    margin-top:10px;
    
}

.parent-checkbox-text-style
{
    float:left; 
    padding-left:10px;
}
}
@media (min-width: 992px) {

}