/*!
 *Custom CSS
 */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html { 
    /*background: url(../images/background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

.widget_weather
{
    margin-bottom: 10px;
}
.loginsection
{
    position:relative;
    background-color: rgba(128,186,38,1.0);
    /*background-color: rgba(0,153,168,0.8);*/
   /* background-color: rgba(0,153,168,1.0);*/
    height: auto;
    min-height: 400px;
    color:#fff;
    z-index:10000;
}
.loginsection a
{
    color:#fff;
}
.welcomesection
{
    background-color: rgba(21,66,98,.5);
    height: auto;
    min-height: 400px;
    color:#fff;
    padding: 20px;
}

.thelogin
{
    position: absolute;
    left: 20px;
    right: 20px;
}
.btn-rhino {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.btn-rhino:hover {
    color: #fff;
    background-color: #005D79;
    border-color: #005D79;
}

#footer
{
    position:fixed;
    bottom:0px;
    background-color: #82786D;
    color:#fff;
    padding:5px;
    width:100%;
    font-size:12px;
    z-index:1000;
}
@media (min-width: 768px) {
    #header
    {
        position:fixed;
        top:0px;
        background-color: #0F2C4E;
        color:#fff;
        padding:10px;
        width:100%;
        font-size:12px;
        z-index: 10000;
    }
}
@media (max-width: 768px) {
    #header
    {
        top:0px;
        background-color: #0F2C4E;
        color:#fff;
        padding:10px;
        width:100%;
        font-size:12px;
        z-index: 10000;
    }
}
.topad10
{
    padding-top:10px;
}
@media (min-width: 768px) {
    #dashboard
    {
        position:absolute;
        width:100%;
        top:15%;
        margin-bottom:100px;
    }
    .menusection
    {
        background-color: #82BA01;
        height: auto;
        min-height: 450px;
        color:#fff;
    }
}
@media (max-width: 768px) {
    #dashboard
    {
        position:absolute;
        width:100%;
        top:25%;
        margin-bottom:100px;
    }

    .menusection
    {
        background-color: #82BA01;
        height: auto;
        min-height: 200px;
        color:#fff;
    }
}

@media (max-width: 576px) {
    #dashboard
    {
        position:absolute;
        width:100%;
        top:40%;
        margin-bottom:100px;
    }
}

.menusection a
{
    color:#fff;
}
.menusection a:hover
{
    color:#0F2C4E;
}


.bg-rhino {
    background-color: #82BA01;
}

.btn-dashboard
{
    /*background-color: #0F2C4E;*/
    background-color: #82BA01;
    font-family: Roboto;
    /*color:#82BA01;*/
    color:#fff;
    font-size: 25px;
    line-height: 30px;
    width:100%;
    height: auto;
    min-height: 150px;
    margin-bottom:10px;
}
.btn-dashboard:hover
{
    /*background-color: #82BA01;*/
    background-color: #0F2C4E;
    color:#fff;
}
.btn-dashboard-grey
{
    background-color: #82786D;
    font-family: Roboto;
    color:#fff;
    font-size: 25px;
    line-height: 30px;
    width:100%;
    height: auto;
    min-height: 150px;
    margin-bottom:10px;
}

.greyby
{
    background-color:#efefef;
    padding:30px 30px 90px;
}
.mypad0
{
    padding:0px;
    margin:0px;
}
.toppart
{
    margin-top: -50px;
}
.bluetext
{
    color:#0033a1;
}
.loginsection a
{
    color:#000;
}

@media (min-width: 768px) {
    #car06
    {
        position:fixed;
        bottom:0px;
        color:#fff;
        padding:0px;
        width:100%;
        font-size:12px;
        z-index:-10;
        /*bottom: -120px;*/
    }
    #car07
    {
        position:fixed;
        bottom:0px;
        color:#fff;
        padding:0px;
        width:100%;
        font-size:12px;
        z-index:100;
        bottom: -80px;
    }
    .welcomesection
    {
        background-color: rgba(21,66,98,.6);
        height: auto;
        min-height: 400px;
        color:#fff;
        padding: 20px;
    }
    .welcomesection a
    {
        color:#fff;
    }
    #landingpage{
        position:absolute;
        width:100%;
        top:80px;
        z-index:0;
        margin-bottom:100px;

    }
    #landingpage1{
        position:absolute;
        width:100%;
        top:80px;
        z-index:0;
        margin-bottom:100px;

    }
}
@media (max-width: 768px) {
    #car06
    {
        position:absolute;
        top:30px;
        color:#fff;
        padding:0px;
        width:100%;
        font-size:12px;
        z-index:-10;
        /*top:25px;*/
    }
    #car07
    {
        position:absolute;
        top:0px;
        color:#fff;
        padding:0px;
        width:100%;
        font-size:12px;
        z-index:-10;
        top:25px;
    }
    .welcomesection
    {
        background-color: rgba(21,66,98,.6);
        height: auto;
        min-height: 440px;
        color:#fff;
        padding: 20px;
    }
    .welcomesection a
    {
        color:#82BA01;
    }
    #landingpage{
        /*position:absolute;*/
        width:100%;
        padding-top:120px;
        z-index:0;
        margin-bottom:50px;

    }
    #landingpage1{
        position:absolute;
        width:100%;
        top:150px;
        z-index:0;
        margin-bottom:100px;

    }
}


.titleheader
{
    font-size:20px;
    color: #82BA01;
    line-height:20px;
}
.titleheader1
{
    font-size:20px;
    color: #82BA01;
}
.titleheader2
{
    font-size:18px;
    color: #82BA01;
    line-height:17px;
}
.titleheader3
{
    font-size:17px;
    color: #82BA01;
    line-height:22px;
}
.titleheader4
{
    font-size:15px;
    color: #fff;
    line-height:20px;
    font-weight:bold;
    background-color:#004265;
    width:280px;
    padding:10px;
}
.titleheader5
{
    font-size:45px;
    color: #82BA01;
    line-height:40px;
}
.titleheader6
{
    font-size:30px;
    color: #004265;
    line-height:20px;
    font-weight:bold;
}
.titleheader7
{
    font-size:21px;
    color: #595959;
    line-height:20px;
}
.titleheader9
{
    font-size:16px;
    color: #595959;
    line-height:20px;
}
.titleheader8
{
    font-size:16px;
    color: #595959;
    line-height:20px;
    text-align:justify;
}
.text6
{
    margin-top: 10px;
    font-size:24px;
    line-height:24px;
}
.text7
{
    color: #BABC3D;
}
.text8
{
    color: #FF9900;
    text-transform:uppercase;
    font-size:20px;
}

@media (max-width:767px){
    .titleheader8
    {
        font-size:12px;
        color: #595959;
        line-height:normal;
        text-align:left;
    }
}


.alink
{
    font-size:21px;
    font-weight:normal;
    color:#595959;
    text-decoration:none;

}
.alink:hover
{
    color:#82BA01;
    text-decoration:none;
}
.blink
{
    font-size:16px;
    font-weight:bold;
    color:#6666cc;
    text-decoration:none;

}
.blink:hover
{
    color:#82BA01;
    text-decoration:none;
}
.clink
{
    font-size:15px;
    font-weight:normal;
    color:#6666cc;
    text-decoration:none;

}
.clink:hover
{
    color:#82BA01;
    text-decoration:none;
}
.dlink
{
    font-size:16px;
    font-weight:bold;
    color:#595959;
    text-decoration:none;
    background-color: #efefef;
    margin-bottom:5px;

}
.dlink:hover
{
    color:#fff;
    text-decoration:none;
    background-color: #000;
}
.elink
{
    font-size:17px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    margin-bottom:5px;

}
.elink:hover
{
    color:#82BA01;
    text-decoration:none;
}
.flink
{
    font-size:16px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    background-color: #BBBD3E;
    margin-bottom:5px;

}
.flink:hover
{
    color:#fff;
    text-decoration:none;
    background-color: #000;
}
.glink
{
    font-size:16px;
    font-weight:bold;
    color:#BBBD3E;
    text-decoration:none;
    margin-bottom:5px;

}
.glink:hover
{
    color:#BBBD3E;
    text-decoration:underline;
}
.text1
{
    color:#FF0000;
}
.text2
{
    color:#fff;
    font-size:15px;
}
.text3
{
    color:#ff0000;
}
.text4
{
    color:#595959;
    font-size:15px;
}
.text5
{
    color:#FFCC00;
    font-size:40px;
    line-height:40px;
}
.thetop
{
    margin-top:15px;
}

.paynow
{
    background:url(../images/paynow.jpg) no-repeat left top;
    width:250px;
    height:42px;
    padding:0px;
    margin:0px;
    border:0px solid #ddd;
}
.proceedtopayment
{
    background:url(../images/proceedtopayment.jpg) no-repeat left top;
    width:250px;
    height:42px;
    padding:0px;
    margin:0px;
    border:0px solid #ddd;
}
.create
{
    background:url(../images/createaccount1.jpg) no-repeat left top;
    width:250px;
    height:42px;
    padding:0px;
    margin:0px;
    border:0px solid #ddd;
}
.update
{
    background:url(../images/updateaccount.jpg) no-repeat left top;
    width:250px;
    height:42px;
    padding:0px;
    margin:0px;
    border:0px solid #ddd;
}
.registerchild
{
    background:url(../images/registerchild.jpg) no-repeat left top;
    width:250px;
    height:42px;
    padding:0px;
    margin:0px;
    border:0px solid #ddd;
}
.savechanges
{
    background:url(../images/savechanges.jpg) no-repeat left top;
    width:250px;
    height:42px;
    padding:0px;
    margin:0px;
    border:0px solid #ddd;
}
.thesearch
{
    background:url(../images/searchaccount.jpg) no-repeat left top;
    width:250px;
    height:42px;
    padding:0px;
    margin:0px;
    border:0px solid #ddd;
}
.thedownload
{
    background:url(../images/downloadasexcel.jpg) no-repeat left top;
    width:250px;
    height:42px;
    padding:0px;
    margin:0px;
    border:0px solid #ddd;
}
.thedownload1
{
    background:url(../images/downloadasexcel1.jpg) no-repeat left top;
    width:294px;
    height:42px;
    padding:0px;
    margin:0px;
    border:0px solid #ddd;
}
@media (min-width: 1024px) {
    .ramarawaybg
    {
        background:url(../images/ramarawayyimage.jpg) no-repeat left bottom;
        min-height:560px;
        margin-bottom:60px;
        background-color:#ffffff;
        border:0px solid #ddd;
    }
}
@media (min-width: 1024px) {
    .journeybg
    {
        background:url(../images/thejourneyimage.jpg) no-repeat left bottom;
        min-height:560px;
        margin-bottom:60px;
        background-color:#ffffff;
        border:0px solid #ddd;
    }
}
@media (max-width: 400px) {
    .thespacer
    {
        margin-top:50px;
        margin-bottom:100px;
    }
}
.show-grid{margin-bottom:15px}.show-grid [class^=col-]{padding-top:10px;padding-bottom:10px;background-color:#eee;background-color:rgba(86,61,124,.15);border:1px solid #ddd;border:1px solid rgba(86,61,124,.2)}

@media (min-width: 768px) {
    .homebg
    {
        background:url(../images/homebg.jpg) no-repeat right top;
        min-height:675px;
        background-color:#ffffff;
        border:0px solid #ddd;
    }

}

.with-errors{
    color:#ff0000;
}

.navbar-custom {
    /* background-color: #ffffff;
     border-color: #eeeeee;*/
    HEIGHT:auto;
    min-height:120px;
}
.navbar-custom .navbar-brand {
    color: #929091;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #797678;
    background-color: transparent;
}
.navbar-custom .navbar-text {
    color: #929091;
}
.navbar-custom .navbar-nav > li > a {
    color: #929091;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #b88e75;
    background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #b88e75;
    background-color: #eeeeee;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}
.navbar-custom .navbar-toggle {
    border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
    /* border-color: #ededed;*/
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #b88e75;
    border-bottom-color: #b88e75;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
    background-color: #eeeeee;
    color: #b88e75;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #b88e75;
    border-bottom-color: #b88e75;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #929091;
    border-bottom-color: #929091;
}
@media (max-width: 767) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #929091;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #b88e75;
        background-color: transparent;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #b88e75;
        background-color: #eeeeee;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}
.navbar-custom .navbar-link {
    color: #929091;
}
.navbar-custom .navbar-link:hover {
    color: #b88e75;
}

/*.navbar-custom .navbar-header,*/
.navbar-custom .navbar-nav{
    padding-top:40px;
}


.theupper
{
    text-transform:uppercase;
}
.thediabled
{
    color:#D2DA7B;
}
.emailtext
{
    font-size:13px;
}
.myboder
{
    border-bottom:1px solid #000;
}
.noprint {display:none;}
@media print
{
    .noprint {display:none;}
}


/*hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #848484;
}*/
.mycolor
{
    color:#000;
}
.therows
{
    background-color:#efefef;
    margin-bottom:0px;
    padding:5px;
    border-right:2px solid #FFF;
}
.therows1
{
    background-color:#004265;
    margin-bottom:3px;
    padding:5px;
    color:fff;
    border-bottom:1px solid #ddd;
}
.therows2
{
    background-color:#F1F2D9;
    margin-bottom:3px;
    padding:5px;
    margin-top:-20px;
    border-right:2px solid #FFF;
}
.titleheader11
{
    font-size:17px;
    color: #ff0000;
}
.text100
{
    color:#000;
    font-size:30px;
}
.mytop
{
    margin-top: 100px;
}