/*------------------------------------------------For Dropdown when focused-------------------------------------------------------------*/
  select:focus {
      border-color:#3396ff;
    }
/*--------------------------------------------------------For Panels-------------------------------------------------------------------------------*/
.panel {

  border:none;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  margin-bottom: 30px;

}

.panel .panel-heading {

  line-height: 34px;

  padding: 0 15px;

  min-height: 34px;

  border-left: 1px solid #ccc;

  border-right: 1px solid #ccc;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;  

  position: relative;

  box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);

  -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);

  -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);  

}

.panel .panel-heading .panel-title {

  line-height: 40px;

}

.panel .panel-heading i {

  width: 30px;

  display: inline-block;

  font-size: 14px;

  border-right:1px solid #e6e6e6 ;

}

.panel .panel-heading ul li {

  border-top:1px solid #e6e6e6 ;

  border-left:1px solid #e6e6e6 ;

  border-right:1px solid #e6e6e6 ;

}

.panel .panel-heading h2 {

  height: 100%;

  width: auto;

  display: inline-block;

  font-size: 14px;

  position: relative;

  margin: 0;

  line-height: 34px;

  font-weight: 400;

  letter-spacing: 0;

}

.panel .panel-heading .panel-actions {

  float: right;

  margin-right: -15px;

  height: 40px;

  font-size: 0;

}

.panel .panel-heading .panel-actions i {

  display: inline-block;

  text-align: center;

  width: 34px;

  -webkit-transition: all 0.1s ease-in-out;

  -moz-transition: all 0.1s ease-in-out;

  -ms-transition: all 0.1s ease-in-out;

  -o-transition: all 0.1s ease-in-out;

  transition: all 0.1s ease-in-out;

  text-decoration: none;

  font-size: 14px;

}

.panel .panel-heading .panel-actions a {

  text-decoration: none;

  font-size: 14px;

  text-align: center;

  display: inline-block;

  line-height: 32px;

  padding: 0;

  margin: 0;

  color: #333;

  border-left: 1px solid rgba(0,0,0,.09);

}

.panel-actions .btn-setting:hover,

.panel-actions .btn-minimize:hover,

.panel-actions .btn-close:hover {

  background-color: rgba(0,0,0,.05);

}

.panel .panel-heading .switch {

  margin: 10px;

}

.panel .panel-body {
background-color:White;
  border-width: 1px 1px 2px;

  border-style: solid;

  border-top: 2px solid #34495E;

  border-right-color: #ccc!important;

  border-bottom-color: #ccc!important;

  border-left-color: #ccc!important;
  min-height:410px;

}

.panel .panel-body12 {
background-color:White;
  border-width: 1px 1px 2px;

  border-style: solid;

  border-top: 2px solid #34495E;

  border-right-color: #ccc!important;

  border-bottom-color: #ccc!important;

  border-left-color: #ccc!important;
  min-height:200px;

}

.panel .panel-body1 {

background-color:White;
  border-width: 1px 1px 1px 1px;

  border-style: solid;
 


  border-right-color: #ccc!important;

  border-bottom-color: #ccc!important;

  border-left-color: #ccc!important;
  padding:10px;

}

.panel .panel-bodyModify {
  border-width: 1px 1px 2px;
  border-style: solid;
  border-top-color: #ccc!important;
  border-right-color: #ccc!important;
  border-bottom-color: #ccc!important;
  border-left-color: #ccc!important;
}

.panel .panel-body-map {

  border-width: 1px 1px 2px;

  border-style: solid;

  background:#eef3f7;

  height:380px;

  border-top: none;

  border-right-color: #ccc!important;

  border-bottom-color: #ccc!important;

  border-left-color: #ccc!important;

}

.panel .panel-body.no-padding {

  padding: 0;

}

.panel .panel-body.padding-horizontal {

  padding: 0 15px;

}

.panel .panel-body.no-padding-bottom {

  padding-bottom: 0;

}

/*****panel 1 ********/
.panel .panel-body1-map {

  border-width: 1px 1px 2px;

  border-style: solid;

  background:#eef3f7;

 

  border-top: none;

  border-right-color: #ccc!important;

  border-bottom-color: #ccc!important;

  border-left-color: #ccc!important;

}

.panel .panel-body1.no-padding {

  padding: 0;

}

.panel .panel-body1.padding-horizontal {

  padding: 0 15px;

}

.panel .panel-body1.no-padding-bottom {

  padding-bottom: 0;

}
/******** Panel 1 End ********/




.panel-footer {

  padding: 10px 15px;

  background-color: #f5f5f5;

  border-top: 1px solid #ddd;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.panel .panel-footer {

  border-width: 0 1px 2px 1px;

  border-style: solid;

  border-top: none;

  border-right-color: #ccc!important;

  border-bottom-color: #ccc!important;

  border-left-color: #ccc!important;    

  position: relative;  

}

.panel.panel-default {  

  border-radius: 0px;

  

  border-top: 1px solid #d4d4d4;

  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);

  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);

  

}

}

.panel.panel-default.panel-heading {

  background: #97d3c5;   

}

.panel.panel-default .panel-footer {

  background: #f5f5f5;

}

.panel.panel-primary {

  border-color: #20a8d8;

}

.panel.panel-primary .panel-heading,

.panel.panel-primary .panel-footer {

  background: #5dc3e7;

  color: #092f3d;

  border-color: #20a8d8;

}

.panel.panel-success {

  border-color: #79c447;

}

.panel.panel-success .panel-heading,

.panel.panel-success .panel-footer {

  background: #a3d781;

  color: #284315;

  border-color: #79c447;

}

.panel.panel-info {

  border-color: #67c2ef;

}

.panel.panel-info .panel-heading,

.panel.panel-info .panel-footer {

  background: #acdef6;

  color: #106894;

  border-color: #67c2ef;

}

.panel.panel-warning {

  border-color: #fabb3d;

}

.panel.panel-warning .panel-heading,

.panel.panel-warning .panel-footer {

  background: #fcd588;

  color: #815703;

  border-color: #fabb3d;

}

.panel.panel-danger {

  border-color: #ff5454;

}

.panel.panel-danger .panel-heading,

.panel.panel-danger .panel-footer {

  background: #ffa1a1;

  color: #a10000;

  border-color: #ff5454;

}


/*--------------------------------------------------------------------------For Labels-------------------------------------------------------------------------------*/
/* AMIT..Chage Css Color  color: #555555; */
.lable
{
    font-family: Calibri;
    font-size:16px !important;
    color:#000000;
    line-height:18px;
    
}
.lable1
{
    font-family: Calibri;
    font-size:16px !important;
    color:#000000;vertical-align: middle;
    line-height:18px;
    
}
/* AMIT..Chage Css Color  color: #555555; */
.control-label
{
    font-family: Calibri;
    font-size: 16px !important;
    color: #000000;
    line-height: 18px;
}
/*--------------------------------------------------------------------------For Popup-------------------------------------------------------------------------------*/
  .black_overlay
        {
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 500%;
            bottom: 0;
            background-color: black;
            z-index: 1001;
            -moz-opacity: 0.8;
            opacity: .80;
            filter: alpha(opacity=80);
        }
        
/*--------------------------------------------------------------------------For Dropdowns-------------------------------------------------------------------------------*/
.ddldropdown
{
    width: 90%;
    height: 30px;
    padding: 3px 8px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #000000;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #c7c7cc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ddldropdownMid
{
    width: 80%;
    height: 30px;
    padding: 3px 8px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #000000;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #c7c7cc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ddldropdownSmall
{
    width: 70%;
    height: 30px;
    padding: 3px 8px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #000000;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #c7c7cc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ddldropdownSmall1
{
    width: 29%;
    height: 30px;
    padding: 3px 8px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #000000;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #c7c7cc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ddldropdownSmall2
{
    width: 22%;
    height: 30px;
    padding: 3px 8px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #000000;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #c7c7cc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ddldropdownMandatory
{
    width: 72%;
    height: 30px;
    padding: 3px 8px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #000000;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #c7c7cc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*--------------------------------------------------------------------------For margins-------------------------------------------------------------------------------*/
.margin1
{
    margin: 10px 0px ;
}
.marg
    {
      
        margin-left: 15px;
    margin-right: 15px;
        }
.padding1
{
    padding: 0px 1% 0px 1%;
}

.margin3
{
    margin-top: 15px ;
}
.margin2
{
    margin-top: 10px ;
}
.marginBottom
{
    margin: 0px 0px 10px 0 ;
}
.panel-formHeading
{
    border-color: #34495E;
}
.marginBot5px 
{
    margin-bottom:5px;
    
    }
    .marginTop5px
    {
        margin-top:5px;
        }
        
        .marginTop5px1
    {
        margin-top:7px;
        }
        
        
         .marginTop10px
    {
        margin-top:10px;
        }
/*--------------------------------------------------------------------------For GV txtBox-------------------------------------------------------------------------------*/
.gridmultiline_textbox
{
  left:0px;
  width:175px;
  height:40px;
  border-style:solid;
  background-color:White;
  text-align:center;
  resize:none
}
.gridmultilinetextbox_medium
{
     left:0px;
  width:90%;
  height:50px;
  border-style:solid;
  background-color:White;
  text-align:center;
    }
  

/*--------------------------------------------------------------------------For txtBox-------------------------------------------------------------------------------*/
.form-control1 {
  width: 90%;
  height: 28px;
  padding: 3px 8px;
  font-size: 16px;
  line-height: 1.428571429;
   font-family:Calibri;
  color:Black;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control2 {
  width: 80%;
  height: 28px;
  padding: 3px 8px;
  font-size: 16px;
  line-height: 1.428571429;
  font-family:Calibri;
  color: #000000;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-controlSmall {
  width: 70%;
  height: 28px;
  padding: 3px 8px;
   font-family:Calibri;
  font-size: 16px;
  line-height: 1.428571429;
  color: #000000;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-controlSmall1 {
  width: 62%;
  height: 28px;
  padding: 3px 8px;
   font-family:Calibri;
  font-size: 16px;
  line-height: 1.428571429;
  color: #000000;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-controlVerySmall {
  width: 60%;
  height: 28px;
  padding: 3px 8px;
   font-family:Calibri;
  font-size: 16px;
  line-height: 1.428571429;
  color: #000000;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.txtboxMedium2
{
    font-family: Calibri;
    font-size: 16px;
    color: #000000;
    padding: 0px 0px 0px 5px;
    height: 28px;
    width: 38%;
   border: 1px solid #c7c7cc;
  border-radius: 4px;  
}
.txtbox
{
  width: 80%;
  height: 28px;
  padding: 3px 8px;
   font-family:Calibri;
  font-size: 16px;
  line-height: 1.428571429;
  color: #000000;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    
	padding:0px 0px 0px 5px;

}
.txtbox1
{
  width: 100%;
  height: 28px;
  padding: 3px 8px;
   font-family:Calibri;
  font-size: 16px;
  line-height: 1.428571429;
  color: #000000;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    
	padding:0px 0px 0px 5px;

}
.form-controlSmallDis
{
    width: 70%;
  height: 28px;
  padding: 3px 8px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #000000;
  vertical-align: middle;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*For Multiline text Box*/
.txtbox_multiline
{
  font-family: Calibri;
  font-size: 16px;
  color: #000000;
  padding: 0px 0px 0px 5px;
  height: 50px;
  width: 70%;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  resize:none;
  
}
.txtbox_multiline1
{
  font-family: Calibri;
  font-size: 16px;
  color: #000000;
  padding: 0px 0px 0px 5px;
  height: 50px;
  width: 80%;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  resize:none;
  
}
.txtbox_multiline_large
{
  font-family: Calibri;
  font-size: 16px;
  color: #000000;
  padding: 0px 0px 0px 5px;
  height: 70px;
  width: 95%;
  resize:none;
  
}
.txtbox_multilineBig
{
  font-family: Calibri;
  font-size: 16px;
  color: #000000;
  padding: 0px 0px 0px 5px;
  height: 50px;
  width: 90%;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
 
}
.txtbox_multilineSmall
{
  font-family: Calibri;
  font-size: 16px;
  color: #000000;
  padding: 0px 0px 0px 5px;
  height: 50px;
  width: 70%;
  border: 1px solid #c7c7cc;
  border-radius: 4px;  
  resize:none;
  
}
.txtboxPhoneCode
{
	font-family: Calibri;
	font-size:16px;
	color:#000000;
	padding:0px 0px 0px 5px;
	 border: 1px solid #c7c7cc;
  border-radius: 4px;  
	height:28px;
	width:25%;
}

.txtboxPhoneCode1
{
	font-family: Calibri;
	font-size:16px;
	color:#000000;
	padding:0px 0px 0px 5px;
	 border: 1px solid #c7c7cc;
  border-radius: 4px;  
	height:35px;
	width:25%;
}

.txtboxPhone12
{
	font-family: Calibri;
	font-size:16px;
	color:#000000;
	padding:0px 0px 0px 5px;
	 border: 1px solid #c7c7cc;
     border-radius: 4px;  
 	height:35px;
	width:70%;
}
.txtboxPhone
{
	font-family: Calibri;
	font-size:16px;
	color:#000000;
	padding:0px 0px 0px 5px;
	 border: 1px solid #c7c7cc;
     border-radius: 4px;  
 	height:28px;
	 width:52%;
}
.txtboxPhone1
{
	font-family: Calibri;
	font-size:16px;
	color:#000000;
	padding:0px 0px 0px 5px;
	 border: 1px solid #c7c7cc;
     border-radius: 4px;  
 	height:28px;
	 width:62%;
}
.txtboxMobile
{
	font-family: Calibri;
	font-size:16px;
	color:#000000;
	padding:0px 0px 0px 5px;
	 border: 1px solid #c7c7cc;
     border-radius: 4px;  
 	height:28px;
	 width:63%;
}
.txtboxMediumGD
{
	font-family: Calibri;
	font-size:16px;
	color:#000000;
	padding:0px 0px 0px 5px;
	 border: 1px solid #c7c7cc;
     border-radius: 4px;  
	height:28px;
	width:36%;
}

.txtboxMediumGDC
{
	font-family: Calibri;
	font-size:16px;
	color:#000000;
	padding:0px 0px 0px 5px;
	 border: 1px solid #c7c7cc;
     border-radius: 4px;  
	height:28px;
	width:42%;
}
.txtboxMediumGDC1
{
	font-family: Calibri;
	font-size:16px;
	color:#000000;
	padding:0px 0px 0px 5px;
	 border: 1px solid #c7c7cc;
     border-radius: 4px;  
	height:28px;
	width:44%;
}
.txtboxx5
{
	font-family: Calibri;
	font-size:16px;
	color:#000000;
	padding:0px 0px 0px 5px;
	height:28px;
	 border: 1px solid #c7c7cc;
     border-radius: 4px;  
	width:80%;
}
.txtbox_multiline5
{
  font-family: Calibri;
  font-size: 16px;
  color: #000000;
  padding: 0px 0px 0px 5px;
  height: 50px;
   border: 1px solid #c7c7cc;
     border-radius: 4px;  
  width: 80%;
  resize:none;
  
}
/*-------------------------------------------------------------------Text Color Css----------------------------------------------------------------------------*/
.blackText
{
    color:Black;
 }
/*-------------------------------------------------------------------notecss----------------------------------------------------------------------------*/
.notecss
{
  color :#140FEC;
  font-size:15px !important;
  font-family: Calibri;
}
.notecss2
{
   font-size:14px !important;
   color:#5d93d5;
   font-family: Calibri;
}
.divWidth
{
    width:100px;
    }
/*-------------------------------------------------------------------Alignment----------------------------------------------------------------------------*/
.text-center
{
      text-align: center;
    }
    .VerAlighn
    {
    vertical-align:middle;
   }
    
    .disabled
    {
          background-color: #c7c7cc;
        }
.manditory
{
    font-family:'Open Sans', sans-serif;
    font-size:12px;
    color:#ff0000;
}

.alignCenter
{
    text-align: center;
}
.alignright
{
    text-align: right;
}
.alignleft
{
    text-align: left;
}
.floatLeft
{
    float:left;
}
.floatRight
{
    float:right;
}
/*---------------------------------------------------------Auto Extender------------------------------------------------------------------*/

 .AutoExtender
        {
            font-family: Verdana, Helvetica, sans-serif;
            font-size: .8em;
            font-weight: normal;
            border: solid 1px #006699;
            line-height: 20px;
            padding: 10px;
            background-color: White;
            max-height: 150px;
            overflow: scroll;
        }
        .AutoExtenderList
        {
            border-bottom: dotted 1px #006699;
            cursor: pointer;
            color: Maroon;
        }
        .AutoExtenderHighlight
        {
            color: White;
            background-color: #006699;
            cursor: pointer;
        }
/*---------------------------------------------------------------------Page Heading---------------------------------------------------------------------*/
/*for page Main Heading*/
.pageHeading
{
    font-family:Calibri;
    font-size:21px;
    color:#666666;
    font-weight:bold;
}

/*for page sub Heading*/
.pageSubHeading
{
    font-family:Calibri;
    font-size:19px;
    color:#666666;
    font-weight:bold;
}

/*For page Sub Heading*/
.pageSubSubHeading
{
   font-family:Calibri;
    font-size:16px;
   color:#000000;
    font-weight:bold;
}

.pageredirectheading
{
    font-family:Calibri;
    font-size:15px;
   color:#1122CC;
    font-weight:bold;
    text-decoration:underline;
}
/*-----------------------------------------------------------------------For seperater---------------------------------------------------------------------*/
.sperator
{
    border-bottom : 1px solid #CCCCCC;
}

.MainSeperator {
    height: 0px;
    color: #CCCCCC;
    border-style: solid;
    border-width: 2px;
}
/*--------------------------------------------------------------------For Span Error Tag-------------------------------------------------------*/
.span_Err
{
    font-family:Calibri;
    color:Red;
     font-size:15px;
    
}

.span_Msg
{
    font-family:Calibri;
    color:Green;
    font-size:15px;
}

/*----------------------------------------------------------------------For Astric--------------------------------------------------------------*/
.astric
{
    color:Red;
}

/* -------------------------------------------------------------------Action Dropdown Style ---------------------------------------------------*/


  .menuH
{
    /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values.
    For detailed instruction please visit www.menucool.com/horizontal/change-menu-alignment  */
    margin: 0; width: 100%; float:none;
    /*following "behavior" works for IE6, IE7, and IE8. Other browsers will ignore it.*/
    /*Note: Unlike image file, htc file path is relative to the page, not this CSS file.*/
    behavior: url("https://epass.jnpa.in/horizontal/menuh/cssmenu.htc");
   
    background: #D4D4D4 url(bg.html) repeat-x 0 0;
    border: 1px solid #BBB;
    position:relative;/*! for IE htc*/
    z-index:4;/*H2*/
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
}

.menuH li
{
    padding: 0;
    /*margin: 0;
    display: block; TODO: I am testing them if they can be removed. If can, remove them.*/
    float: right;
    height: 25px;
    position: relative;
            top: 0px;
            left: 0px;
           width: 99px;
           cursor: pointer;
        }
.menuH li:hover, .menuH li.onhover
{
   /* background: white url(bg.gif) repeat-x 0 -48px; */
}

ul.menuH a
{
    padding: 0 30px;
    /*Note: keep this value the same as the height of .menuH and .menuH li */
    font-size: 12px;
    font-weight: bold;
    color: black;
    display: block;
    outline: 0;
    text-decoration: none;
}
.menuH a:hover
{
    color: red;
}
.menuH a.arrow
{
    background: url(arrow.html) no-repeat right center;
    
}
.menuH ul a.arrow
{
    background: url(right.html) no-repeat 97% center;
}
 
        
/*Used to align a top-level item to the right*/        
.menuH .menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuH li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:1px solid #F7F7F7;
    border-right:1px solid #BBBBBB;
}
               
        
/*######sub level###########*/
        
ul.menuH ul
{
    width:100px;
    position: absolute;
    left: -9999px;
    border: 1px solid #DDD;
    border-top: 0; 
    background: #FFF;    
    text-align: left;
    list-style: none; margin: 0;  
    /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */
    padding: 0 1px 10px 0;   
}


.menuH li li:hover, .menuH li li.onhover
{
    background:#f7f7f7;
}
.menuH ul a
{
    padding: 0 20px;
    line-height: 26px;
    font-size: 0.9em;
    font-weight: normal;
    color: #0066CC;
    text-align: left;
}

.menuH ul a:hover
{
    color: red;
}

.menuH li:hover ul, .menuH li.onhover ul
{
    left: -1px;/*Use this property to change offset of the dropdown*/
    top: auto;
}

.menuH li:hover .dropToLeft, .menuH li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    top: auto;
}
.menuH ul ul
{
    border-top: 1px solid #DDD;
}

.menuH li:hover ul ul, .menuH li:hover ul ul ul, .menuH li:hover ul ul ul ul,
.menuH li.onhover ul ul, .menuH li.onhover ul ul ul, .menuH li.onhover ul ul ul ul
{
    left: -9999px;
    top:0;
}

.menuH li li:hover ul, .menuH li li li:hover ul, .menuH li li li li:hover ul,
.menuH li li.onhover ul, .menuH li li li.onhover ul, .menuH li li li li.onhover ul
{
   left: 200px;
}
        
/*####### special effects ##########*/
        
.decor1 
{
    border: none;
-webkit-border-radius: 3px;
-webkit-box-shadow: -2px 1px 4px #eee;

background-color: #FFFFFF;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
text-indent: 0;

color: #fafafa;
font-family: Arial;
font-size: 15px;
font-weight: bold;
font-style: normal;
line-height: 25px;
text-decoration: none;
text-align: center;         
}
.menuH ul 
{
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;

    -moz-box-shadow: 0px 6px 6px #CCC;
    -webkit-box-shadow: 0px 6px 6px #CCC;
    box-shadow: 0px 6px 6px #CCC;  
    
    /*for older IE browsers, the htc file fix will disable this feature when box-shadow was also applied.*/
    filter:alpha(opacity=90);
    opacity: 0.90;  
            
    /* Gradient background */
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE)); 
}        
               
               
/***
Portlets
***/
.portlet  {
  clear: both;
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}
.portlet1  {
  clear: both;
  margin-top: 0px;

  padding: 0px;
}



.portlet > .portlet-title {  
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.portlet > .portlet-title:after,
.portlet > .portlet-title:before {
  content: "";
  display: table;
  line-height: 0;
}

.portlet > .portlet-title:after {
  clear: both;
}

.portlet > .portlet-title > .caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin-bottom: 8px; 
}

.portlet > .portlet-title > .caption > i {
  float: left;
  margin-top: 4px;
  display: inline-block !important;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
}

.portlet.blue > .portlet-title > .caption,
.portlet.green > .portlet-title > .caption, 
.portlet.yellow > .portlet-title > .caption,
.portlet.red > .portlet-title > .caption, 
.portlet.purple > .portlet-title > .caption, 
.portlet.grey > .portlet-title > .caption {
  color: #fff;
}

.portlet.box.blue > .portlet-title > .caption > i, 
.portlet.box.green > .portlet-title > .caption > i,
.portlet.box.grey > .portlet-title > .caption > i,
.portlet.box.yellow > .portlet-title > .caption > i, 
.portlet.box.red > .portlet-title > .caption > i,  
.portlet.box.purple > .portlet-title > .caption > i, 
.portlet.box.light-grey > .portlet-title > .caption > i{
  color: #fff;
}

.sortable .portlet > .portlet-title {
  cursor: move;
}

.portlet > .portlet-title > .tools,
.portlet > .portlet-title > .actions
 {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  float: right;
}

.portlet > .portlet-title > .tools > a {
  display: inline-block;
  height: 16px;
  margin-left:5px;
}

.portlet > .portlet-title > .actions > .dropdown-menu i {
  color: #000 !important;
}

.portlet > .portlet-title > .tools > a.remove {
  margin-bottom: 2px;
  background-image:url(../img/portlet-remove-icon.html);
  background-repeat: no-repeat;
  width: 11px;
}

.portlet > .portlet-title > .tools > a.config {
  margin-bottom: 2px;
  background-image:url(../img/portlet-config-icon.html);
  background-repeat: no-repeat;
  width: 12px;
}

.portlet > .portlet-title > .tools > a.reload {
  margin-bottom: 2px;
  background-image:url(../img/portlet-reload-icon.html);
  width: 13px;
}

.portlet > .portlet-title > .tools > a.expand {
  margin-bottom: 2px;
  background-image:url(../img/portlet-expand-icon.html);
  width: 14px;
}

.portlet > .portlet-title > .tools > a.collapse {
  margin-bottom: 2px;
  background-image:url(../img/portlet-collapse-icon.html);
  width: 14px;
}

.portlet > .portlet-title > .tools > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity:.6;  
  filter:'alpha(opacity=60)';
}

.portlet > .portlet-title > .actions > .btn-group {
  margin-top: -12px;
}

.portlet > .portlet-title > .actions > .btn {
  padding: 4px 10px;
  margin-top: -14px;
}

.portlet > .portlet-title > .actions > .btn-group > .btn {
  padding: 4px 10px;
  margin-top: -1px;
}

.portlet > .portlet-title > .actions > .btn.btn-sm {
  padding: 3px 8px;
  margin-top: -14px;
}

.portlet > .portlet-title > .actions > .btn-group > .btn-sm {
  padding: 3px 8px;
  margin-top: -1px;
}

.portlet > .portlet-title > .pagination.pagination-sm {
  float: right !important;
  display: inline-block !important;
  margin: 0px;
  margin-top: -4px;
}

.portlet > .portlet-body {
  clear: both;  
  padding: 0;  
}

.portlet > .portlet-body.light-blue, .portlet.light-blue {
  background-color: #bfd5fa  !important;
}

.portlet > .portlet-body.blue, .portlet.blue {
  background-color: #4b8df8 !important;
}

.portlet > .portlet-body.red, .portlet.red {
  background-color: #e02222 !important;
}

.portlet > .portlet-body.yellow, .portlet.yellow {
  background-color: #ffb848 !important;
}

.portlet > .portlet-body.green, .portlet.green {
  background-color: #35aa47 !important;
}

.portlet > .portlet-body.purple, .portlet.purple {
  background-color: #852b99 !important;
}

.portlet > .portlet-body.light-grey, .portlet.light-grey {
  background-color: #fafafa !important;
}

.portlet > .portlet-body.grey, .portlet.grey {
  background-color: #555555 !important;
}


/*****************GridView********/
.gvScrollDiv
{
   height: 300px;
    overflow:auto;
    margin-bottom:3%;
}
.gvScroll33
{
    height: 680px;
    overflow: auto;
}
.gvScroll2
{
    height: 250px;
    overflow: auto;
}
.gvScroll3
{
    height: 360px;
    overflow: auto;
}
.gridoverflow
{
    overflow: auto;
}

/*For Grid */

.mGrid
{
    font-family: Calibri !important;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    height: 100%;
   
}

.mGridExtra
{
    height: auto;
    
}
.myGridStyle1
        {
            border-collapse: collapse;
            border: 0px solid black;
            padding: 5px;
            color: #930D0D;
            font-weight: bold;
            text-align: center;
        }


.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    font-size: 15px !important;
    font-family:Calibri;
}
.mGrid th
{
    font-weight:bold;
    font-family:Calibri;
    padding: 4px 2px;
    color: #fff;
    background: #496783 repeat-x top;
    border-left: solid 1px #3D566E;
    font-size: 0.9em;
    text-align: center;
    font-size: 15px !important;
}
.mGrid .alt
{
    background: #fcfcfc url(grd_alt.html) repeat-x top;
}
.mGrid .pgr
{
    background: #496783 url(grd_pgr.html) repeat-x top;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #FFFFFF;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #A2A2A2;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}


.mGrid tr.normal:hover, .grid-view tr.alternate:hover
{
    background-color: white;
    color: black;
    font-weight: bold;
}


/* end grid*/
/*-----------------------------------------------------------------For Padding--------------------------------------------------------------------*/
.paddingLeft4
{
    padding-left:4%;
    }
.paddingLeft
{
    padding-left:5%
    }
    .paddingRight
{
    padding-right:5%
    }
    .paddingTop
{
    padding-top:5%
    }
    .paddingTop10
    {
     padding-top:10px;   
        }
    .paddingBottom
{
    padding-bottom:5%
    }
  .paddingCss
    {
      padding:5%; 
    }
    .paddingCss1
    {
      padding:10px; 
    }
    .borderCss
    {
     border-style:solid;
     border-color:Black;
     border-width:1px;   
        }
    .marginCss
    {
        margin:5%;
      
        }
        
.marginTop
{
margin-top:5px;            
  }
/************CALENDER************/
        .calender_image
{
    vertical-align: middle;
}
.txtbox_calender
{
	font-family: Calibri;
	font-size:16px;
	color:#000000;
	padding:0px 0px 0px 5px;
	height:28px;
	width:67%;
	background-color: #ffffff;
    border: 1px solid #c7c7cc;
    border-radius: 4px;
}

.ajax__calendar_container
{
    border: 10px bolder #646464;
    background-color: lemonchiffon;
    color: red;
}

/***********Button*************/
.buttonCssSmall
{
    height:35px;
    width:90px;
    
}
.buttonCssSmall1
{
    width:75px;
    
}
.btnAction
{
    background-color:Maroon;
     font-family:"calibri";
      width:100px;
      height:30px;
       border-color: #1a95b4;
    }
.btnExport
{
    background-color:#2bbce0;
     font-family:"calibri";
      width:100px;
      height:30px;
       border-color: #1a95b4;
    }
    .btnExport:hover,
.btnExport:focus,
.btnExport.focus,
.btnExport:active,
.btnExport.active,
.open > .dropdown-toggle.btnExport{
  color: #ffffff;
  background-color: #1c9cbc;
  border-color: #1a95b4;
}
.btnUpload
{
 width:110px;
 min-width:110px;
  }
  .btnContinue
  {
   width:120px;
   }
 .btnSmall
  {
   width:100px;
   }
    .btnVerySmall
  {
   width:100px;
   }
 .btnVerifyCss
 {
     width:28px;
     height:20px;
     }
    
/*********** End Button*************/
.LabelBold
{
    font-weight:bold;
    }
    
 .fontColorMAroon
 {
     color:Maroon;
     }   
.paddingLeft10
{
    padding-left:10%;
    }
    .bold_lable
{
    font-family: Calibri;
    font-size:16px;
    color:#555555;
    line-height:18px;
    font-weight:bold;
}
    
    /***********Page Validation*************/
    .errMsg
{
   font-family:'Open Sans', sans-serif;
    font-size:12px;
    color:Red;
/*  display:none;*/
}

/***********End Page Validation *************/

.filterBold
{
    padding-left: 15px;
    font-weight:bold;
    color:#000000;
    }
textarea
{
    resize:both;
    }
input[disabled],
select[disabled],
textarea[disabled],
textarea[readonly],
input[readonly],
select[readonly] {
  cursor: not-allowed;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.btn:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

/*---------------------------------------------------------------------Fot Reports--------------------------------------------------------------------------------*/

.reportCss{
 width:100%;
    height:100%;
    overflow-x: scroll;
    overflow-y: hidden;
}


/*---------------------------------------------------------------------Fot tab Conatiner--------------------------------------------------------------------------------*/


 .MyTabStyle .ajax__tab_header
        {
           
            font-size: 15px;
            font-weight:bold;
            display: block;

        }
        .MyTabStyle .ajax__tab_header .ajax__tab_outer
        {
            border-color: #222;
            color: #222;
            padding-left: 10px;
            margin-right: 3px;       
            background-color:#E6E6E6;
            border-left:solid 1px #d7d7d7;
            border-top:solid 2px  #34495E;
            border-right:solid 1px #d7d7d7;
            padding-top: 8px;
            padding-bottom: 8px;             
        }
        .MyTabStyle .ajax__tab_header .ajax__tab_inner
        {
            border-color: #666;
            color: #666;
            padding: 3px 10px 2px 0px;
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_outer
        {
           /* background-color:#D7D7D7;*/
           background-color :#bfbfbf;
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_inner
        {
            color: #fff;
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_outer
        {
            border-bottom-color:#FFFFFF;
            background-color:#FFFFFF;
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_inner
        {
            color: #000;
            border-color: #333;
        }
        .MyTabStyle .ajax__tab_body
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 10pt;
            background-color: #fff;
           
            border: solid 1px #d7d7d7;
          
        }
        .MyTabStyle .ajax__tab_inner a 
        {
            color:#000000  !important;
            font-size:14px !important;
            font-family:Calibri !important;
        }
   /*------------------------------------------------------------------------------Awesome Font---------------------------------------------------------------------------------*/
   /*     .fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*/
/*------------------------------------------------------------------------------Button Styles ---------------------------------------------------------------------------------*/
.btn-label {
  padding: 0 16px 0 13px !important;
}
.btn-label i {
  padding: 9px 12px;
  line-height: 14px;
  left: -14px;
  width: 40px;
  position: relative;
  display: inline-block;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.1);
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000, endColorstr=#1a000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a000000, endColorstr=#1a000000);
  border-radius: 3px 0 0 3px;
  box-shadow: inset -1px 0 0 0 rgba(0, 0, 0, 0.1);
}
.btn-label.btn-block {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.btn-label.btn-block i {
  top: -9px;
}
.btn-label.btn-block i + span {
  left: -10px;
  position: relative;
}
.btn-label.btn-xs {
  padding: 0 5px 0 2px !important;
}
.btn-label.btn-xs i {
  width: 24px;
  left: -3px;
  line-height: 1em;
  padding: 3px 4px;
}
.btn-label.btn-sm {
  padding: 0 12px 0 8px !important;
}
.btn-label.btn-sm i {
  left: -8px;
  line-height: 8px;
  width: 32px;
}
.btn-label.btn-lg {
  padding: 0 29px 0 21px !important;
}
.btn-label.btn-lg i {
  left: -21px;
  line-height: 23px;
  width: 48px;
}

.btn-midnightblue {
  color: #ffffff;
  background-color: #34495e;
  border-color: #34495e;
}
.btn-midnightblue:hover,
.btn-midnightblue:focus,
.btn-midnightblue.focus,
.btn-midnightblue:active,
.btn-midnightblue.active,
.open > .dropdown-toggle.btn-midnightblue {
  color: #ffffff;
  background-color: #222f3d;
  border-color: #1e2a37;
}
.btn-midnightblue:active,
.btn-midnightblue.active,
.open > .dropdown-toggle.btn-midnightblue {
  background-image: none;
}
.btn-midnightblue.disabled,
.btn-midnightblue[disabled],
fieldset[disabled] .btn-midnightblue,
.btn-midnightblue.disabled:hover,
.btn-midnightblue[disabled]:hover,
fieldset[disabled] .btn-midnightblue:hover,
.btn-midnightblue.disabled:focus,
.btn-midnightblue[disabled]:focus,
fieldset[disabled] .btn-midnightblue:focus,
.btn-midnightblue.disabled.focus,
.btn-midnightblue[disabled].focus,
fieldset[disabled] .btn-midnightblue.focus,
.btn-midnightblue.disabled:active,
.btn-midnightblue[disabled]:active,
fieldset[disabled] .btn-midnightblue:active,
.btn-midnightblue.disabled.active,
.btn-midnightblue[disabled].active,
fieldset[disabled] .btn-midnightblue.active {
  background-color: #34495e;
  border-color: #34495e;
}
.btn-midnightblue .badge {
  color: #34495e;
  background-color: #ffffff;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 7px 15px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family:Calibri !important;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background-color: #e6e7e8;
  border-color: #e6e7e8;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #cbced0;
  border-color: #c6c8cb;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #e6e7e8;
  border-color: #e6e7e8;
}
.btn-default .badge {
  color: #e6e7e8;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #4f8edc;
  border-color: #4f8edc;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #2973cf;
  border-color: #276ec6;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #4f8edc;
  border-color: #4f8edc;
}
.btn-primary .badge {
  color: #4f8edc;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #85c744;
  border-color: #85c744;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #6ca632;
  border-color: #669e2f;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #85c744;
  border-color: #85c744;
}
.btn-success .badge {
  color: #85c744;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #2bbce0;
  border-color: #2bbce0;
}

.btn-view {
  color: #ffffff;
  background-color: #317bd6;
  border-color: #317bd6;
}


.btn-info1 {
  color: #ffffff;
  background-color: #395584;
  border-color: #395584;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #1c9cbc;
  border-color: #1a95b4;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #2bbce0;
  border-color: #2bbce0;
}
.btn-info .badge {
  color: #2bbce0;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f1c40f;
  border-color: #f1c40f;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #c29d0b;
  border-color: #b8960b;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f1c40f;
  border-color: #f1c40f;
}
.btn-warning .badge {
  color: #f1c40f;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #e73c3c;
  border-color: #e73c3c;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d61a1a;
  border-color: #cd1919;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #e73c3c;
  border-color: #e73c3c;
}
.btn-danger .badge {
  color: #e73c3c;
  background-color: #ffffff;
}
.btn-link {
  color: #4f8edc;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #4f8edc;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #aeafb1;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 1px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 1px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}


/*------------------------------------------------------------------------------------------Badge---------------------------------------------------------------------------*/
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  line-height: 10px;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #aeafb1;
  border-radius: 9px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #4f8edc;
  background-color: #ffffff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.badge {
  padding: 4px 6px;
  font-size: 11px;
  font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
}
.badge-primary {
  background-color: #4f8edc;
}
.badge-primary[href]:hover,
.badge-primary[href]:focus {
  background-color: #2973cf;
}
.badge-success {
  background-color: #85c744;
}
.badge-success[href]:hover,
.badge-success[href]:focus {
  background-color: #6ca632;
}
.badge-info {
  background-color: #2bbce0;
}
.badge-info[href]:hover,
.badge-info[href]:focus {
  background-color: #1c9cbc;
}
.badge-warning {
  background-color: #f1c40f;
}
.badge-warning[href]:hover,
.badge-warning[href]:focus {
  background-color: #c29d0b;
}
.badge-danger {
  background-color: #e73c3c;
}
.badge-danger[href]:hover,
.badge-danger[href]:focus {
  background-color: #d61a1a;
}
#sidebar .badge.badge-primary {
  background-color: #4f8edc;
}
#sidebar .badge.badge-primary[href]:hover,
#sidebar .badge.badge-primary[href]:focus {
  background-color: #2973cf;
}
#sidebar .badge.badge-indigo {
  background-color: #9358ac;
}
#sidebar .badge.badge-indigo[href]:hover,
#sidebar .badge.badge-indigo[href]:focus {
  background-color: #77458c;
}
#sidebar .badge.badge-orange {
  background-color: #efa131;
}
#sidebar .badge.badge-orange[href]:hover,
#sidebar .badge.badge-orange[href]:focus {
  background-color: #dc8911;
}
#sidebar .badge.badge-success {
  background-color: #85c744;
}
#sidebar .badge.badge-success[href]:hover,
#sidebar .badge.badge-success[href]:focus {
  background-color: #6ca632;
}
#sidebar .badge.badge-info {
  background-color: #2bbce0;
}
#sidebar .badge.badge-info[href]:hover,
#sidebar .badge.badge-info[href]:focus {
  background-color: #1c9cbc;
}
#sidebar .badge.badge-warning {
  background-color: #f1c40f;
}
#sidebar .badge.badge-warning[href]:hover,
#sidebar .badge.badge-warning[href]:focus {
  background-color: #c29d0b;
}
#sidebar .badge.badge-danger {
  background-color: #e73c3c;
}
#sidebar .badge.badge-danger[href]:hover,
#sidebar .badge.badge-danger[href]:focus {
  background-color: #d61a1a;
}

/*--------------------------------------------for fieldset style (for Email)---------------------------------------------------------------------------------------- */

fieldset.fsStyle {
font-family: Calibri;
font-size: small;
font-weight: normal;
border: 1px solid #999999;
padding: 4px;
margin: 5px;
}

fieldset.fsStyle2 {
font-family: Calibri;
border: 1px solid #999999;
padding-right:7px;
padding-left:2px;
margin: 5px;
}
fieldset
{
     border:1px ;
     border-style:solid;
}

legend.legendStyle {
font-size: 120%;
 color:#555555;
font-weight: bold;
}

legend {
width: auto;
border-bottom: 0px;
}