@charset "utf-8";
/* CSS Document */





/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0;}
*/


/*Body CSS*/

body {margin: 0 auto; padding-top:80px; padding-bottom:40px; /*min-width:1200px !important;*/ overflow:auto; 
width:100%;
font-family:Tahoma, Helvetica, sans-serif; margin-bottom:0px;   /*min-width:350px;*/

/*"Microsoft Sans Serif"
*/}

h4 {font-family:Tahoma, Helvetica, sans-serif; }

a {
 color: #4d4d4f;
 text-decoration: none;    
}




/*label span { color:#F00}*/


span.error { color:#F00; text-align:left}


.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { color:#FFF; background-color:#c49112; }

/*.breadcrumb { width:1000px; margin:0 auto; }*/



/* end ofBody CSS*/



/*Othere CSS*/

div.dataTables_filter { float:right !important; }



/*Othere CSSEnd */

/*Header CSS #2a4660 */


/*header { height:125px; clear:both; margin-bottom:15px 
        
        
        
        
      
        }*/



.MunLogo { position:relative; 
}



.MunLogo img { /*position:absolute; right:15px;  
    height:95px; width:auto; margin-top:3px; 
    */
       position: fixed;
    top: 5px;
    right: 5px;
    height: 60px !important;
    width: auto;

}



	.RED{ background-color:#d9534f; }
	.GREEN{ background-color:#5cb85c; }
	.BLUE{ background-color:#337ab7; }
	.YELLOW{ background-color:#efd334; }
	.ORANGE{ background-color:#f1b560; }




@media (min-width:767px) and (max-width:1125px) 
{
	.MunLogo img {height:60px; width:auto;

}

.navbar-brand {font-size:10px;}

.navbar-default .navbar-nav > li > a{
  padding-left:5px; padding-right:5px; font-size:10px;
}
	
	}
	
	
	@media (max-width: 485px) {
		.MunLogo img {height:auto; width:75%;  

}
		
		}
		
		
		

/*menu header*/

.megamenu { background:#ffffff;}

.dropdown-header {
  color: #FFF; font-weight:bold;
  
  
  }


.navbar {  height:70px; }
.footer {}

.navbar-default{
color: #4d4d4f;
background-color: #ffffff !important;

     border-top: 2px solid red;
    border-bottom: 1px solid #939598;
}

.navbar-default .navbar-nav > li > a{
    color:#4d4d4f;
}
.navbar-default .navbar-nav > .dropdown > a .caret{
    border-top-color: #FFF;
    border-bottom-color: #fff;
}
.navbar-default .navbar-brand{
    color:#c49112 !important;
}

.navbar-inverse {
  height:70px; 
}

 .navbar-brand { margin-top:10px; padding-left:70px;}

 .navbar-brand img { position:absolute; top:12px; left:15px; width:45px; }


.navbar-inverse .navbar-nav > li > a {
  margin-top:10px;
}

.navbar-inverse {
  background-color: #c49112;
  border-color: #fff; 
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff !important; 
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #FFF !important;
  background-color: transparent;
}

.navbar-inverse .navbar-brand {
  color: #fff;
}


.dropdown-toggle:hover { background-color:#c49112 !important;}
.dropdown-toggle:active { background-color:#c49112 !important;}
.dropdown-toggle:focus { background-color:#c49112 !important;}









.AppName {font-size:1.1em; color:#b61f32;  float:left; margin-left:-107px; padding-right:.3em; padding:.2em; font-weight:normal; margin-top:80px; position:relative; /*background-color:#20759a;*/ 






}



.AppIcon { width:75px; height:75px; margin-left:25px; background-color:Aqua; position:relative; float:left; }




.FooterBtn  { color:#FFF; border:none; background:none; padding:0px 0px 0px 30px;}
.FooterBtn:hover  { color:#CCC; border:none; background:none;}
.FooterBtn:active  { color:#CCC; border:none; background:none;}

.FooterBtn .caret:active {  
    
    }




/* End of Header CSS*/


/* FOOTER */


footer { height:30px; padding:5px;  background:#202020; color:#c49112; box-shadow: 0 0 3px #666; line-height:25px;






              -moz-transition: height 0.2s ease;
    -webkit-transition: height 0.2s ease;
    -o-transition: height 0.2s ease;
    transition: height 0.2s ease;
}

footer:hover {height:300px;

              -moz-transition: height 0.5s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";       /* IE 8 */
filter: alpha(opacity=95);  /* IE 5-7 */
-moz-opacity: 0.95;          /* Netscape */
-khtml-opacity: 0.95;        /* Safari 1.x */
opacity: 0.95;               /* Good browsers */


}



footer a span {color:#c49112; text-decoration: none; padding: 0px 5px 0px 5px;}



    footer a:link {color:#FFF; text-decoration: none;}
    footer a:hover {color:#999; text-decoration: none;}
    
    footer a:active {color:#999; text-decoration: none;}
    footer a:visited {color:#FFF; text-decoration: none;}

    footer ul li {list-style-type:none;}

    .glyphicon-stop {font-size:20px; cursor:pointer;}



/*Form CSS*/

/*.btn-default { background-color:#2a4660; color:#FFF;}
.btn-default:hover {background-color:#cccccc; color:#2a4660;}*/

.btn-default { color:#c49112; border-color: #c49112;}


	.panel-default > .panel-heading {
background:#f8f8f8 !important; color:#c49112 !important; font-weight:bold !important;  
}


.btn-primary:hover {
     background-color: #4d4d4f !important;
    
    
}


 table th {
                                            text-align: center;  
                                            background-color: #f8f8f8 !important;
                                            color: #c49112 !important;
                                            vertical-align: middle !important; padding:10px; font-size:.9em;
                                        }

  table td { vertical-align:middle !important;
                                           padding:5px 10px 5px 10px; 
                                        }

   table tr:nth-child(even) { border-color:#94a2af; background-color:#f9f9f9;   }
table th a:link {color:#FFF;}
table th a:hover {color:#FFF;}
table th a:active {color:#FFF;}
table th a:visited {color:#FFF;}



.btn-primary {
    background-color: #c49112;
    color: #FFF;
    border-color: #c49112;
}

.form-control {
    margin-top: 1px;
}


#form1 .dateContainer .form-control-feedback {
    top: 0;
    left: 50px;
}

#form1 .form-control-feedback {
    top: 0;
    left: 15px;
}

.datepicker-days table th { background-color:#eeeeee !important; color:#c49112 !important; border:solid 1px #FFF; font-weight:normal !important;  
}


label { color:#4d4d4f;
}


h1, h2, h3, h4, h5, h6 { color:#c49112;
}


#ColorOne {color:#c49112; text-shadow: 1px 1px #FFF;}
#ColorTwo {color:#ededee; text-shadow: 1px 1px #FFF;}
#ColorThree {color:#22a2d7; text-shadow: 1px 1px #FFF;}

.label-primary { background-color:#c49112 !important;}

/*dataTables*/
 .dataTables_wrapper .input-sm {  height:25px !important; width:140px !important; padding:2px !important;}
	.dataTables_filter { }

/*END Form CSS*/








/*navBar menu CSS*/


/*menu header*/

.navbar-toggle { float:left; margin-left:15px; margin-top:18px !important; border-color: #c49112 !important;  }


.navbar-default .navbar-toggle .icon-bar {
    background-color: #c49112;
}

.megamenu { background:#006699;}

.dropdown-header {
  color: #FFF; font-weight:bold;
  
  
  }

.navbar-default{
color: #fff;
}
.navbar-default .navbar-nav > li > a{
    color:#4d4d4f !important; margin-top:10px;
}

.navbar-default .navbar-nav > li > a:hover{
    color:#d1d3d4 !important;
}

.navbar-default .navbar-nav > .dropdown > a .caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-default .navbar-brand{
    color:#fff;
}
.menu-large {
  position: static !important;
}
.megamenu{
  padding: 20px 0px;
  width:100%;
}
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {
  list-style: none;
}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #FFF;
  white-space: normal;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,

.megamenu.disabled > a:focus {
  color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}






/*breadcrumb Start*/

/** The Magic **/
.btn-breadcrumb .btn:not(:first-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-right: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  right: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:first-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-right: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-right: 1px;
  right: 100%;
  z-index: 3;
}





/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 24px 6px 12px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 10px 6px 6px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 24px 6px 18px;
}

.btn-breadcrumb { margin-right:15px;}


/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:first-child):after {
  border-right: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:first-child):before {
  border-right: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:first-child):after {
  border-right: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:first-child):before {
  border-right: 10px solid #269abc;
}
/*breadcrumb END*/




@media (max-width: 767px) 
{

    .navbar-brand {
        display: none;
    }

    .megamenu {
        margin-left: 0;
        margin-right: 0;
    }

        .megamenu > li {
            margin-bottom: 30px;
        }

            .megamenu > li:last-child {
                margin-bottom: 0;
            }

        .megamenu.dropdown-header {
            padding: 3px 15px !important;
        }

    .navbar-nav .open .dropdown-menu .dropdown-header {
        color: #fff;
    }


    .navbar-collapse {
        background: #FFFF !important; border-bottom: 1px solid #939598; 
    }

    .navbar-default .navbar-nav > li > a {
        color: #4d4d4f !important;
    }

    .navbar-default .navbar-nav > .dropdown > a .caret {
        border-top-color: #FFF;
        border-bottom-color: #fff;
    }


}

/* END navBar menu CSS*/



@media only screen and (max-width:480px) 
{ 
    
  
	 .btn { margin-top:1px !important;}
	 
	   body { padding-right:0px !important; padding-left:0px !important;}
	   .container-fluid.container {  padding-right:5px !important; padding-left:5px !important;}
	
   
   
}

@media only screen and (min-width:481px) and (max-width:767px) 
{
    
   body  { padding-right:0px !important; padding-left:0px !important;}
   .container-fluid.container {  padding-right:5px !important; padding-left:5px !important;}
 
 .btn { margin-top:1px !important;}
    
}

@media only screen and (min-width:767px) 
{
 
.btn { margin-top:1px !important;}
    
}


#Added by vishnu
.huge {
  font-size: 40px;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  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: white;
  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: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}

.form-gap {
    padding-top: 70px;
}
.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }