.navbar-brand{flex:  75%;
    max-width: 75%; height:60px;
}
.navbar-brand{ margin:-10px; padding:-20px}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {

} 
	
button.navbar-toggler.navbar-toggler-right {
  border-color: white;
}
@media (max-width: 768px) {
  .navbar-expand-lg {
   background-color:#f00!important;
	padding:0.5rem 0rem; 

  }

}

@media (min-width: 768px) {
  .navbar-expand-lg {
background-color:#f00!important
  }
}

.form-control::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: black;
}

.form-control:-moz-placeholder { /* Firefox 18- */
  color: black;
}

.form-control::-moz-placeholder { /* Firefox 19+ */
  color: black;
}

.form-control:-ms-input-placeholder { /* IE 10+ */
  color: black
}

.form-control::-ms-input-placeholder { /* Edge */
  color: black
}

.form-control:placeholder-shown { /* Standard one last! */
  color: black; }

h4{font-size:16px;}
.squarecontainer{
 border: 1px solid #379ebc; }

.square {
	width: 75px;
	height: 30px;
	float: left;
	margin: 10px;
   font-size:11px;
	color: #fff;
	background:#379ebc;
	font-family: Helvetica, Arial, Sans-Serif;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 27px;
    font-size: 19.5px;
    line-height: 0px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #fff;
}
h2,h3{
	line-height:28px;
	
	font-weight:normal;}
.wapper{
	width:960px;}
#content{
	margin-top:10px;
background:url("/content.png") no-repeat ;
	width:960px;
	height:610px;
	text-align:left;
	color:#404040;;
	
}

#content1{
	margin-top:10px;

	width:960px;
	
	text-align:left;
	color:#b3b3b3;
	
}

.line{
padding:20px;}
#problem{
	margin-left:13px;
	margin-top:13px;
	background:url(/images/18.png) no-repeat;
	width:349px;
	height:583px;
	}
	#problem ul{ margin:0px; padding:0px;margin-top:40px;}
	#problem li{ list-style:none;padding-top:16px; line-height:16px;width:347px;height:44px;}

#problem li hoover{background: url(15.png) no-repeat; height:80px!important; z-index:10px; position:relative;margin-left:0px; padding:0px; margin-bottom:-36px;}
	#problem  p{ float: right; width:275px; margin-top:-5px; padding-top:0px;}
	#problem .imga{ float:left; clear:both;}

	#problem1{
	margin-left:13px;
	margin-top:13px;
	
	width:200px;
	min-height:583px;
	}
	
	#solution{
	
	
	width:580px;
	
	}
#solution1{
	
	margin-top:0px;
	width:600px;

	}

.menu_aim { 
margin-top:5px;
   float:right;
	padding: 0;
	height:15px;
	
	margin-right:0px;
	}

.menu { 
 margin-top:15px;
  margin-bottom:10px;
   float:right;
	padding: 0;
	height:15px;
	
	margin-right:0px;
	}
.menu ul  {
	float: left;
	margin: 0;
	padding: 0px 0px 0px 3px;
	list-style: none;
	line-height: normal;
	text-align: left;
}
.menuiam ul  {
	float: left;
	margin: 0;
	padding: 0px 0px 0px 3px;
	list-style: none;
	line-height: normal;
	text-align: left;
}
.menu li  {
	float: left;
		padding: 0px 0px;
	text-align: left;
	font-size:11px;
}

.menuiam li  {
	float: left;
	margin-top: 5px;
	margin-left: 7px;
	margin-right: 0px;
	text-align: left;
	font-size:15px;
		padding: 0;
	
}
.menudiv{
	width:600px;
	height:45px;
	text-align: left;
	font-size: 12px;
	 margin-left:425px;
	 float:left;
	}
	
	
.menu a {


	padding: 7px 13px 0px 0px;
	text-align:left;
	
	text-decoration: none;
	text-align: left;
	margin-top: 15px;

color:#fff;
	border: none;
	
}


.ax {


	padding: 10px 24px 0px 0px;

	
	text-decoration: none;

	text-align: right;
	font-size:16px;

	margin-top:0px;


color:#b6b6b6;
	border: none;
	
}
.menuiam a {


	padding: 7px 7px 7px 0px;
	text-align:left;
	
	text-decoration: none;
	text-align: left;
	
	font-weight: normal;

color:#fff;
	border: none;
	
}
#menu{
	margin-top:10px;
	background:url(2.png) repeat-x;
	height:35px;
	
	}
.menu a:hover {

color:#f7941e;
}

.menuiam a:hover {

color:#8a3636;
}

.left{float:left;}
.left2 {float:left; margin-left:22px;}
.right{float:right;}
.clear{clear:both;}
.forms{width:350px;
color:#fff;
float:right;margin-right:5px;border:none;}
#mytable{margin:8px; color:#fff;}
/*
.forms  input[type=text]{background:url(11.png);height:22px;width:220px;}
select{background:url(11.png);height:22px;width:220px;}
.forms  input[type=submit]{background:url(19.png);height:29px;width:114px;}
*/
  #tab-menu ul{
        border: 1px solid #ffffff; 
       
        width:348;
        height: auto;
	    padding:0px;
        margin-top:-18px;
		  margin-right:48px;
		float:right;
      
      
     
      } 
        #tab-menu ul li{
  
        list-style: none;
        
        float: left;
        width:115px;
        height: 23px;
        text-align: center;    
        line-height: 23px;
       background-image:url(images/menu-image-unselect.png) ;
      }
	  
	    #tab-menu li a{
        text-decoration:none;
        color: #ffffff;
		
      }
	  #tab-menu ul li.selected{
    
      background-image:url(images/20.png) ;
     }
     #tab-menu ul li.unselected{
     
      background-image:url(images/menu-image-unselect.png) ;
     }
	    #tab-content{
        border: 1px solid #ffffff; 
  background:url(images/21.png) ;
        width:531px;
        height: 287px;
         clear:left;
		 color:#777;
    } 
	
	
	
    #tab-contentl{
        border: 1px solid #ffffff; 
  background:url(images/labtech.png) no-repeat;
       width:600px;
        height: 287px;
         clear:left;
		 color:#777;
	
		 
	
		  padding-top:40px;

	}
	
	
    #tab-contentp{
        border: 1px solid #ffffff; 
  background:url(images/patient.png) no-repeat;
        width:600px;
        height: 287px;
         clear:left;
		 color:#777;
	
		 
	
		  padding-top:40px;
		 
    } 

    #tab-contentd{
        border: 1px solid #ffffff; 
  background:url(images/doctor.png)no-repeat;
        width:600px;
        height: 287px;
         clear:left;
		 color:#777;

		  padding-top:40px;
    } 
	
	    #tab-contentpm{
        border: 1px solid #ffffff; 
  background:url(images/pharmacist.png)no-repeat;
        width:600px;
        height: 287px;
         clear:left;
		 color:#777;  padding-top:40px;
    } 
    #tab-contenths{
        border: 1px solid #ffffff; 
  background:url(images/hospital.png)no-repeat;
        width:600px;
        height: 287px;
         clear:left;
		 color:#777;  padding-top:40px;
    } 
	
	
.carousel-item {
  height: 100vh;
  height: 356px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size: cover;}

  
.img-fluids{ width: 100%; margin-top: 12px; margin-bottom:12px;}
.text-blues{ color: RGB(46,115,165); font-weight:bold;}

.tbbg {
  width:588px;
  height:174px;
  background: url(/images/KIDIA-ONE-BUSES-seating-arrangement.png) no-repeat;
  
  color:white;
}

#booking .form-control { border: 1px solid #6c757d;  margin-bottom:5px;}
#booking .input-group-text { border: 1px solid #6c757d;margin-bottom:5px;}

.navbar-expand-lg .navbar-nav .nav-link{
  padding-left:1rem;
  padding-right:1rem;
  text-align:center;
}
.nav-link.active{}

	.bookings{margin-left:0px; margin-right:0px; padding-top:14px;}
	
	.btns{ background-color:red;border-color:red;color:#fff;margin-bottom:5px; width: 100%;}
#footer{
background-color:RGB(255,255,255);
	min-height:244px;
    color: RGB(0,0,0,0.5);
	font-size:11px;
	}
#footer div .leftspace{ }	
#footer2{
	Padding-top:4px;
     background-color:RGB(255,255,255);
	height:36px; 
	color: RGB(0,0,0,0.5);
	font-size:11px
	}	

#whitef{
color:#fff;
background-color:RGB(15,112,183);}
	
.bg-blt{
background-color:#f8f9fa;
margin-bottom:12px;
padding-top:7px;
}


.img-header{
margin-top: 0px; margin-bottom:12px;
width: 100%;
}


	.listbg{ background: url(15.png) no-repeat; height:80px!important; z-index:10px; position:relative;margin-left:0px; padding:0px; margin-bottom:-36px;}
	
	.listbg p{color:#fff; font-size:18px!important;}
	.listbg font{ font-size:18px!important;}


.replies {
  margin-left: 0;
  list-style: none;
}
.replies  > div,
.replies  > li,
.replies  > span {
  position: relative;
  margin: 0 10px 10px 0;
  display: block;
  float: none !important;
  width: 310px;
  height: 150px;
  font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  letter-spacing: 0.02em;
  line-height: 20px;
  font-smooth: always;
  height: auto;
  min-height: 70px;
  padding: 10px;
}
.replies  > div .avatar,
.replies  > li .avatar,
.replies  > span .avatar {
  width: 50px;
  height: 50px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle !important;
  background: #6e6e6e;
  box-shadow-bottom: inset 0px 0px 3px #fff;
}
.replies  > div .avatar img,
.replies  > li .avatar img,
.replies  > span .avatar img {
  width: 100%;
  height: 100%;
  display: inline-block !important;
  vertical-align: middle !important;
}
.replies  > div .reply,
.replies  > li .reply,
.replies  > span .reply {
  margin-left: 60px;
  margin-top: -50px;
}
.replies  > div .reply .date,
.replies  > li .reply .date,
.replies  > span .reply .date {
  float: right;
  font-size: 55%;
  color: #ffffff;
}
.replies  > div .reply .author,
.replies  > li .reply .author,
.replies  > span .reply .author {
  color: #ffffff;
}
.replies  > div .reply .text,
.replies  > li .reply .text,
.replies  > span .reply .text {
  font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 9pt;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  line-height: 16px;
}
.replies  > div .reply .text:hover,
.replies  > li .reply .text:hover,
.replies  > span .reply .text:hover {
  color: rgba(0, 0, 0, 0.8);
}
.replies  > div .reply .text:active,
.replies  > li .reply .text:active,
.replies  > span .reply .text:active {
  color: rgba(0, 0, 0, 0.4);
}
.replies  > div .reply .text:hover,
.replies  > li .reply .text:hover,
.replies  > span .reply .text:hover {
  color: #ffffff;
}
.replies  > div .sticker,
.replies  > li .sticker,
.replies  > span .sticker {
  width: 0;
  height: 0;
  border-top: 10px solid #ffffff;
  position: absolute;
  display: block;
  z-index: 1000;
}
.replies  > div .sticker.sticker-color-blue,
.replies  > li .sticker.sticker-color-blue,
.replies  > span .sticker.sticker-color-blue {
  border-color: #2d89ef !important;
}
.replies  > div .sticker.sticker-color-blueLight,
.replies  > li .sticker.sticker-color-blueLight,
.replies  > span .sticker.sticker-color-blueLight {
  border-color: #eff4ff !important;
}
.replies  > div .sticker.sticker-color-blueDark,
.replies  > li .sticker.sticker-color-blueDark,
.replies  > span .sticker.sticker-color-blueDark {
  border-color: #2b5797 !important;
}
.replies  > div .sticker.sticker-color-green,
.replies  > li .sticker.sticker-color-green,
.replies  > span .sticker.sticker-color-green {
  border-color: #00a300 !important;
}
.replies  > div .sticker.sticker-color-greenLight,
.replies  > li .sticker.sticker-color-greenLight,
.replies  > span .sticker.sticker-color-greenLight {
  border-color: #99b433 !important;
}
.replies  > div .sticker.sticker-color-greenDark,
.replies  > li .sticker.sticker-color-greenDark,
.replies  > span .sticker.sticker-color-greenDark {
  border-color: #1e7145 !important;
}
.replies  > div .sticker.sticker-color-red,
.replies  > li .sticker.sticker-color-red,
.replies  > span .sticker.sticker-color-red {
  border-color: #b91d47 !important;
}
.replies  > div .sticker.sticker-color-yellow,
.replies  > li .sticker.sticker-color-yellow,
.replies  > span .sticker.sticker-color-yellow {
  border-color: #ffc40d !important;
}
.replies  > div .sticker.sticker-color-orange,
.replies  > li .sticker.sticker-color-orange,
.replies  > span .sticker.sticker-color-orange {
  border-color: #e3a21a !important;
}
.replies  > div .sticker.sticker-color-orangeDark,
.replies  > li .sticker.sticker-color-orangeDark,
.replies  > span .sticker.sticker-color-orangeDark {
  border-color: #da532c !important;
}
.replies  > div .sticker.sticker-color-pink,
.replies  > li .sticker.sticker-color-pink,
.replies  > span .sticker.sticker-color-pink {
  border-color: #9f00a7 !important;
}
.replies  > div .sticker.sticker-color-pinkDark,
.replies  > li .sticker.sticker-color-pinkDark,
.replies  > span .sticker.sticker-color-pinkDark {
  border-color: #7e3878 !important;
}
.replies  > div .sticker.sticker-color-purple,
.replies  > li .sticker.sticker-color-purple,
.replies  > span .sticker.sticker-color-purple {
  border-color: #603cba !important;
}
.replies  > div .sticker.sticker-color-darken,
.replies  > li .sticker.sticker-color-darken,
.replies  > span .sticker.sticker-color-darken {
  border-color: #1d1d1d !important;
}
.replies  > div .sticker.sticker-color-white,
.replies  > li .sticker.sticker-color-white,
.replies  > span .sticker.sticker-color-white {
  border-color: #ffffff !important;
}
.replies  > div .sticker.sticker-color-lighten,
.replies  > li .sticker.sticker-color-lighten,
.replies  > span .sticker.sticker-color-lighten {
  border-color: #d5e7ec !important;
}
.replies  > div .sticker.sticker-color-grayDark,
.replies  > li .sticker.sticker-color-grayDark,
.replies  > span .sticker.sticker-color-grayDark {
  border-color: #525252 !important;
}
.replies  > div .sticker.sticker-left,
.replies  > li .sticker.sticker-left,
.replies  > span .sticker.sticker-left {
  border-left: 20px solid transparent !important;
  left: -20px;
}
.replies  > div .sticker.sticker-right,
.replies  > li .sticker.sticker-right,
.replies  > span .sticker.sticker-right {
  border-right: 20px solid transparent !important;
  right: -20px;
}



div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #0088CC;
	
	text-decoration: none; /* no underline */
	color: #0088ff;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #0088CC;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #0088CC;
	

	
	font-weight: bold;
	background-color: #0088CC;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	
	* zoom: 100%;
	
	color: #DDD;
}

#mapCanvas img {
  max-width: none;
}
 #mapCanvas {
    width: 580px;
    height: 400px;
    float: left;
	 
  }
  #infoPanel {
    float: left;
    margin-left: 10px;
  }
  #infoPanel div {
  
    margin-bottom: 5px;
  }

table tr{vertical-align:top;}

#statediv{color:red;font-weight:bold;}


			.ab{
  background: url(images/KIDIA-ONE-BUSES-seating-arrangement-1-unavailable.png) no-repeat;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: not-allowed;
}

		.ap{
  background: url(images/KIDIA-ONE-BUSES-seating-arrangement-1-processing.png) no-repeat;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
    cursor: not-allowed;
}

.ac{
  background: url(images/KIDIA-ONE-BUSES-seating-arrangement-1-available.png) no-repeat;
  color: white;
  padding: 4px 4px;
  width:25px;
  height:24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin:0px;
}
.ac:hover, a:active {
 
}
.ac:hover, ac:link {

}
.tblseat {
    table-layout: fixed;
    word-wrap: break-word;
	width:400px;

}
.tbldiv {
   
	width:500px;
	padding-top:16px;
	padding-left:180px;
}


/* Set a background image by replacing the URL below */
.outerbody {
  background: url('background.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.innertopbar {
  background-image: url('innertopbar.jpg') ;
    height: 85px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

innertopbar
.innerbody {
  background: url('background.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.containerlg{
height: 100%;
align-content: center;
}

.icons{
	margin-bottom:5px;
	height:16px;
	text-align:center;
}
.card{
	
height: 370px;
margin-top: 15px;
margin-bottom: auto;
width: 400px;
background-color: rgba(0,0,0,0.2) !important;
border-radius:1rem;
border:none;
}

.card a{color:#eaeafa;}
.card2{
height: 500px;
padding:auto;
margin-top: auto;
margin-bottom: auto;
width: 90%;
background-color: #fff;
border-radius:1rem;
}

.card-header:first-child{ border-top-left-radius:1rem; border-top-right-radius:1rem;}


.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFC312;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header h3{
color: white;
}

.social_icon{
position: absolute;
right: 20px;
top: -45px;
}

}


.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.inputfield{

height:50px

}


.links{
color: white;
}

.links a{
margin-left: 4px;
}

.input-group-text{
color: red;
}
.imgcenter{margin: 70px 90px; }
.fa-lock:before {
    content:url(password-icon.png);
}
.fa-user:before {
    content:url(username-icon.png);
}