﻿
 
 
  body {  
  font-family: 'Arial Unicode MS' !important; 
  font-size: 14px;
  font-weight: 400;}
  
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: 'Arial Unicode MS' !important; 
  }
  .sidebar {
     font-family: 'Arial Unicode MS' !important; 
  }
  .text-wrapper
  {
  	    margin-top: 5px!important; 
  }
  .navbar.default-layout
  {
  	font-family: 'Arial Unicode MS' !important; 
  }
	.sidebar .nav .nav-item .nav-link .menu-title
	{
  		font-family: 'Arial Unicode MS' !important; 
  		font-size: 14px !important;   
		color: #000 !important;
	}
	.navbar.default-layout .navbar-brand-wrapper
	{
	background: transparent;
	}
	.sidebar .nav.sub-menu .nav-item .nav-link
	{
		font-family: 'Arial Unicode MS' !important; 
  		font-size: 13px !important;   		
	}
	.sidebar .nav .nav-item .nav-link 
	{
			padding: 10px 10px  !important; 
	}
	.sidebar .nav.sub-menu { 
	padding: 0 0 0 2rem !important; 
}
.sidebar .nav .nav-item .nav-link .menu-icon {
    margin-right: 10px  !important; 
}
  .HideColumn
  {
  	display:none;
  }
  
  .table
  {
  	border-left: 0px solid #f2f2f2 !important; 
  	border-right: 0px solid #f2f2f2 !important; 
  	 border-top: 1px solid #f2f2f2  !important; 
  	  border-bottom: 1px solid #ddd  !important; 
  }
   .table th
   {
   	border-bottom:1px solid #ddd !important; 
   	font-size:14px !important;
   	font-weight:bold !important;
   	color: #000 !important;
   	text-align: center;
   }
  .table th, .table td 
  {
  	line-height: 20px;
    vertical-align: top;
    padding: 5px 5px  !important;
        border-top: 0px solid #f2f2f2 !important;
            border-bottom: 0px solid #f2f2f2 !important;
                border-left: 0px solid #f2f2f2 !important;
                    border-right: 0px solid #f2f2f2 !important; 
  }
  .card-body-grid
  {
	
  }
  
  .btn 
  {
  	font-family: 'Arial Unicode MS' !important; 
  	margin-right: 0.5rem !important;
  }
  
  .lblcolor
  {
  	color:Red;
  	    margin-top: 0.9375rem !important; 
  }
  .rq_color
  {
  	color:Red;
  	    margin-top: 0.9375rem !important; 
  }
  .form-control
  {
  	    line-height: 18px  !important; 
		font-size: 13px  !important; 
  		color: #212529  !important;
  	    /*border: 1px solid #ddd  !important;*/
  	    border:1px solid #c3c3c3;
  	    padding: 0.5rem 0.7rem;
  }
  .col-form-label
  {
  	font-size: 13px  !important; 
  	text-align: right !important; 
  }
  .purchace-popup > div > span .btn {
    margin-right: 10px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 3px;
  }
  
  .purchace-popup > div > span
  {
  	background: #fafbfc !important; 
  	border-radius: 0px !important; 
  }
  
.page-header
{
	     margin: 0 0 15px;
    border-bottom: 2px dotted #E2E2E2;
    padding: 15px 20px;
    background: #fafbfc;
}
 .border-top
 {
    border-top: 1px solid #ddd !important; 
 }
 .border-bottom
 {
    border-bottom:3px solid #900C3F !important;
 }
 /*
.navbar.default-layout .navbar-brand-wrapper
{
	width: 70%  !important; 
}
.navbar.default-layout .navbar-menu-wrapper
{
	width: 30% !important; 
}
*/

.navbar.default-layout .navbar-brand-wrapper .navbar-brand
{
	    font-size: 1.1rem  !important; 
}

.icon_profile
{
	background-color:#FF9800; 
	padding:5px; 
	border-radius:100%; 
	color:#fff;
}
.icon_password
{
	background-color:#8BC34A; 
	padding:5px; 
	border-radius:100%; 
	color:#fff;
}

.icon_logout
{
	background-color:#F44336; 
	padding:5px; 
	border-radius:100%; 
	color:#fff;
}

.border-bottom_1
{
	border-bottom: 1px solid #a09e9e;
	
}

.mar_top
{
	margin-top:10px;
	margin-bottom:10px;
}
.chk_margin
{
	
    margin-right: 15px  !important;
}
.lblleft 
{
	text-align:left !important;
}
.navbar.default-layout .navbar-menu-wrapper .navbar-nav.header-links
{
	padding-left: 0% !important;
}

dl, ol, ul
{
	padding-left: 2rem;
    font-size: 15px;
}

.padding
        {
        	padding:5px 15px !important;
        }
        
        
/*************************************AutoComplete TextBox***********************************************************/
.typeahead {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: -1;
      display: none;
      float: left;
      min-width: 10rem;
      padding: 0.5rem 0.7rem;
      margin: 0.125rem 0 0;
      color: #212529;
      text-align: left;
      list-style: none;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.15);
      height:auto !important;
      width:100% !important;
      /*border-radius: 0.25rem;*/
        z-index:1000;
    }
.typeahead li a {
      /*border-bottom: 1px solid #ddd !important;*/
      margin-top: -1px; 
      padding: 3px;
      text-decoration: none !important;      
      color: black;
      display: block;
      margin-left:0;
    }
.typeahead strong, b {
        font-weight: bold;
        color: Blue;
       /* border-bottom:1px solid Blue;*/
        
    }
.typeahead dropdown-menu
{
  border:none;
  width:auto !important;
  
  top: 0;
  left: 0;
}
.typeahead
{
    width:100% !important;
    float: left;
}        
.typeahead li a:hover:not(.header) {
            background-color: #00aeef;
            color:White;
            padding-top:5px;
            padding-bottom:5px;
    }
    
.info-box .content .text {
    font-size: 16px !important;   
}