/*!
 * Start Bootstrap - SB Admin (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');


body {
    margin-top: 100px;
    background-color: #f04e30;
   font-family: 'Noto Sans', sans-serif;
}

/* For mobile */
@media (max-width: 768px) {
	.page-header{margin: 84px 0 20px!important;}
		.introduction1{padding-top:0%;}
	.introduction2{padding-top:0%;}
	.introduction2{padding-top:0%;}
	ol, ul{margin:0; padding:0;}
	h1{font-size:1.9em;}
	.introbg h2{padding-top:1.5em;}
	.mobpaddingtop{padding-top:41%!important; padding-bottom:20%;}

}
@media(min-width:768px) {
    body {
        margin-top: 50px;
    }
	
   
@media only screen and (min-width:320px) and (max-width: 640px){
	
	.mob_bg{background-color:#184f79;}
}
h4{font-size:1.0em; font-weight:bold; padding-bottom:5px; padding-top:15px;line-height: 1.3}
	.floatleft{float:right;}
	.floatright{float:left;}
.menucolor{background-color: #f04e30}
.submenufont{font-size: 12px;}
.textblue{color:#f04e30 }
.bghome{background-color: #f04e30;}
.introbg{background-color: #7961aa;}
.introbg1{background-color: #fff;}
.janchg{color: #000;}
.introbg h2{color: #fff; font-size:2.0em;}
.paddingtop{padding-top: 5%;}
.paddingtopbottom{margin: 25px;}
.introduction1{padding-top:38%;}
.introduction2{padding-top:10%;}
.introduction3{padding-top:13%;}
.introduction4{padding-top:5%;}
.yellowbg{background-color:#fdb933; padding:2%; min-height:590px;}
.yellowbg h3{color:#fff;}
.submenuactive{background-color:#00233d !important;}
#wrapper {
    padding-left: 0;
}

}
.colo1{
    font-size: 45px;
}
.colo{
    color: #f04e30;
}
.wid{
    width: 100%;
}
.paddingtop11{
     padding-top: 5%;
}

.deco{
    text-decoration: none;
    color: #000;
}
.contentclr2{
    font-size: 14px;
}
.contentclr1{
    color: #f04e30;
    font-weight: bold;
    font-size: 25px;
}
.paddingtop1{
    padding-top: 10%;
}
.blackfont{
    font-weight: bold;
    font-size: 15px;
}
.font16{
    font-weight: bold;
    font-size: 30px;
}
.contentclr{
    color: #f04e30;
    font-weight: bold;
    font-size: 18px;
}
.contbg{
    background-color: #fff;
}
.clr2{
    color:#f04e30; 
}
.clr{
    color: #000;
    font-size: 18px;
}
.linehei{
    line-height: 1.3
}
.res{
    margin: 0 auto;
}
.font{
    font-size: 16px;
}
.font1{
    color: #f04e30;
    font-size: 15px;
}
.font3{
    font-size: 18px;
}
.black{
    color: #000;
}
.bord{
     border-left: 2px solid #f04e30;
     height: 170px;
}
.bord1{
     border-left: 2px solid #f04e30;
     height: 245px;
}
.bord2{
     border-left: 2px solid #f04e30;
     height: 150px;
}
.margi{
    margin-top: 25px;
}
#page-wrapper {
    width: 100%;
    padding: 0;
    background-color: #fff;
}
.padding-bottom{padding-bottom:30%;}
@media (max-width: 720px) {
	.padding-bottom{padding-bottom:2%;}
}
.huge {
    font-size: 50px;
    line-height: normal;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 225px;
    }

    #page-wrapper {
        padding: 10px;
    }
}

/* Top Navigation */

.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #000;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 70px;
        left: 225px;
        width: 235px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #184f79;
        color: #fff;
        bottom: 0;

        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav>li>a {
        width: 225px;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #00233d !important;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 25px;
    text-decoration: none;
    color: #fff;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}
@media only screen and (min-width:320px) and (max-width: 769px){
    
  .paddingtop11{
    padding-left: 8%;
  }
}