*
 {
	 padding:0px;
	 margin:0px;
 }
 
body
  {
	  font-family: 'Open Sans', sans-serif;
	  font-size:14px;
	  background-color:#e9e8f0;
	  color:#212121;
	  
  }
/*--margin top--*/
.mt0
  {
	  margin-top:0px !important;
  }
.mt5
  {
	  margin-top:5px !important;
  }
.mt10
  {
	  margin-top:10px !important;
  }
.mt15
  {
	  margin-top:15px !important;
  }
.mt20
  {
	  margin-top:20px !important;
  }
.mt25
  {
	  margin-top:25px !important;
  }
.mt30
  {
	  margin-top:30px !important;
  }
.mt35
  {
	  margin-top:35px !important;
  }
.mt40
  {
	  margin-top:40px !important;
  }
.mt45
  {
	  margin-top:45px !important;
  }
.mt50
  {
	  margin-top:50px !important;
  }

/*--margin-bottom--*/
.mb0
  {
	  margin-bottom:0px !important;
  }
.mb5
  {
	  margin-bottom:5px !important;
  }
.mb10
  {
	  margin-bottom:10px !important;
  }
.mb15
  {
	  margin-bottom:15px !important;
  }
.mb20
  {
	  margin-bottom:20px !important;
  }
.mb25
  {
	  margin-bottom:25px !important;
  }
.mb30
  {
	  margin-bottom:30px !important;
  }
.mb35
  {
	  margin-bottom:35px !important;
  }
.mb40
  {
	  margin-bottom:40px !important;
  }
.mb45
  {
	  margin-bottom:45px !important;
  }
.mb50
  {
	  margin-bottom:50px !important;
  }
.mrleftr230
 {
	 margin-left:230px !important;
 }
.mainsec
 {
	 position:relative;
 }
 
@media (min-width:992px)
{
.mrleft230
 {
	 margin-left:0px !important;
 }	
.padleft230
 {
	 padding-left:0px !important;
 }	
}
@media (max-width:768px)
{
.mtmd30
  {
	  margin-top:30px;
  }
}

@media (max-width:992px)
{
.mtlg30
  {
	  margin-top:30px;
  }
}
@media (max-width:1200px)
{
.mtxl30
  {
	  margin-top:30px;
  }
}
/*--header sec--*/
.contpadlr
 {
	 padding-left:15px !important;
	 padding-right:15px !important;
	 transition:0.3s all;
 }
@media (min-width:500px)
{
.contpadlr
 {
	 transition:0.3s all;
 }
}
.topsec
  {   
	  padding:0px;
	  width:100%;
	  height:77px;
	  left:0px;
	  margin:px;
	  top:0px;
	  transition:0.3s all;
	  position:fixed;
	  z-index:999;
	  /*background-color:#c22b72;*/
	  /*background-color:#9323cd;*/
	  background-color:#fff;	 
	  box-shadow:0px 1px 2px rgba(51,51,51,0.2)
  }
/*.topsec:after
 {
	 content:'';
	 background:-webkit-linear-gradient(rgba(194,43,114,0.9), rgba(147,35,205,0.9));
	 position:absolute;
	 width:100%;
	 height:100%;
	 top:0px;
	 z-index:-1;
 }*/
 
@media (min-width:992px)
{
.topsec
  {
	   padding-left:230px;
	   /*transition:0.3s all;*/
  }
}

.header
 {
	 width:100%;
	 padding:15px 0px;
	 margin:0px;
 }
.header:after,
.inner_head_pg
 {
	 content:'';
	 clear:both;
	 display:table;
 }
 

.inner_head_pg
  {	  
      width:100%;
	  padding:0px;
	  margin:0px;
	  height:auto;
  }

/*--active Search full width--*/
.full_width_sech
  {
	  display:none;
	  width:60% !important;
	  border-left:1px solid #eee;
	  position:fixed !important;
	  top:-3px;
	  margin-left:35px !important;
	  height:77px;
	  z-index:999;	 
  }
@media (max-width:768px)
{
.full_width_sech
  {
	  width:100% !important;	 	  
	  margin-left:0px !important;
	  left:0px;
  }
}
.full_width_sech form
  {
	  position:relative;
  }
.full_width_sech .search_fm_mnu input
 {   
	 background-color:#fff !important;
	 padding:27px 15px !important;
	 border-radius:0px !important;
 }
.full_width_sech .btn_serch_icon
 {
	 display:none;
 }
.full_width_sech .button_activ_search
 {
	 position:absolute;
	 top:0px;
	 right:0px;
	 display:block;	 
 }
.full_width_sech .button_activ_search button
 {
	 width:100px;
	 height:77px;
	 background-color:#007bff;
	 border:none;
	 font-size:18px;
	 color:#fff;
	 cursor:pointer;
 }
.full_width_sech .button_activ_search button:focus,
.full_width_sech .button_activ_search button:active
  {
	  outline:none;
  }
.full_width_sech .button_activ_search button:hover
  {
	   transition: 0.3s all;
	   background-color: #007bff;
  }
.full_width_sech .closebtn_menu
  {
	  display:inline-block;
	  padding:0px;
	  font-size:25px;
	  cursor:pointer;
	  color:#212121;
	  position:absolute;
	  top:24px;
	  left:-35px;
  }
/*--active Search full width end--*/
.closebtn_menu 
  {
	  display:none;
  }
.button_activ_search
  {
	  display:none;
  }
.search_baar_tb
 {
	 width:250px;
	 padding:0px;
	 margin:0px;
	 float:left;
	 margin-left:30px;
	 margin-top:3px;
	 position:relative;
 }
@media (max-width:768px)
{
.clickbtn_sermn
 {
	 width:auto;
	 margin-left:15px;
 }
 
.clickbtn_sermn input
 {
	 display:none;
 }
}

.search_fm_mnu
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 position:relative;
	 
 }
.search_fm_mnu input[type="text"]
 {
	width: 100%;
    padding: 10px 20px;
	padding-left:50px;   
    border-radius: 40px;
    border: 1px solid transparent;
    line-height: 20px;
    color: #212121;
    font-weight: 600;
    letter-spacing: 0.5px;
    background-color: #f2f1f1;
 }
.search_fm_mnu input[type="text"]:active,
.search_fm_mnu input[type="text"]:focus,
.btn_serch_icon:active,
.btn_serch_icon:focus
 {
	 outline:none;
 }
.search_fm_mnu input[type="text"]::placeholder
 {
	
	 font-weight: 500;
 }

.btn_serch_icon
 {
	 display:block;
	 position:absolute;
	 top:11px;
	 font-size:18px;
	 border:none;
	 left:20px;
	 color:#9e9e9e !important;
	 background-color:transparent;
 }


.naviconside
  {
	  width:22px;
	  height:20px;
	  float:left;
	  position:relative;
	  margin-top:14px;
	  cursor:pointer;
	  transition:0.3s all;
  }

.naviconside span
 {
	 display:block;
	 width:100%;
	 background-color:#333;
	 height:2px;
	 position:absolute;
	 transition:0.3s all;
 }
.naviconside span:nth-child(1)
 {
	 top:0px; 
	 transition:0.3s all;
 }
.naviconside span:nth-child(2)
 {
	 top:8px; 
	 transition:0.3s all;
 }
.naviconside span:nth-child(3)
 {
	 top:16px; 
	 transition:0.3s all;
 }
@media (max-width:992px)
{
.iconslide.naviconside
 {
	
	 left:220px;
	 
	 /*background-color:rgba(147,35,205,0.9);*/
	 z-index:999;
	 transition:0.3s all;
 }
.iconslide.naviconside span
  {
	  width:25px;
	  margin-top:18px;
	  margin-left:8px;
	  transition:0.3s all;
  }
.iconslide.naviconside span
  {
	  /*background-color:#fff;*/
  }
.iconslide.naviconside span:nth-child(1)
 {
	 top:0px;
	 transform:rotate(45deg);
	 transition:0.3s all;
 }
.iconslide.naviconside span:nth-child(2)
 {
	 display:none;
	 transition:0.3s all;
 }
.iconslide.naviconside span:nth-child(3)
 {
	 top:0px; 
	 transform:rotate(-45deg);
	 transition:0.3s all;
 }
}
 

.contmail
 {
	 width:auto;
	 padding:0px;
	 margin:0px;
	 float:left;
	 margin-left:40px;
	 display:none;
	 transition:0.3s all;
 }
@media (min-width:690px)
 {
.contmail
   {
	 transition:0.3s all;
	 display:block;
   }
 }
.contmail ul
  {
	  padding:0px;
	  margin:0px;
	  list-style:none;
  }
.contmail ul li
 {
	 display:inline-block;
	 padding-left:25px;
 }
.contmail ul li:first-child
 {
	 padding-left:0px;
 }
.contmail ul li a
 {
	 display:block;
	 color:#fff;
	 letter-spacing:1px;
	 word-spacing:2px;
	 line-height:25px;
	 padding:8px 0px;
 }





.rightmenu:after
  {
	  content:'';
	  display:table;
	  clear:both;
  }

.rightin
  {
	  width:auto;
	  text-align:right;
	  margin:0px;
	  padding:0px;
	  float:right;
  }
	

.user_profile
 {
	 width:auto;
	 padding:0px;
	 margin:0px;
	 position:relative;
	 cursor:pointer;
	 margin-right:22px;
	 float:right;
 }
.user_profile:after
 {
	 content:'';
	 clear:both;
	 display:table;
 }
.user_profile figure
 {
	 display:block;
	 width:47px;
	 height:47px;
	 border-radius:50%;
	 background-color:#fff;
	 text-align:center;
	 line-height:40px;
	 font-size:16px;
	 color:#333;
	 border:1px solid #007bff;
	 position:relative;
	 margin-right:21px;
	 float:left;
	 margin:0px;
	/* box-shadow:1px 5px 3px rgba(51,51,51,0.1);*/
 }
.user_profile figure img
  {
	  width:45px;
	  height:45px;
	  border-radius:50%;
  }
 .Clintname
 {
	 width:auto;
	 float:left;
	 text-align:left;
	 margin-top:8px;
	 margin-left:10px;
 }
@media (max-width:768px)
{
.Clintname
 {
	 display:none;
 }
}
.Clintname span
   {
	   display:block;
	   padding:0px;
	   margin:0px;
	   font-size:10px;
	   color:#9e9e9e;
	   margin-bottom:3px;
   }
.Clintname h5
  {
	  color:#212121;
	  font-size:14px;
	  letter-spacing:0.5px;
	  word-spacing:1px;
	  padding:0px;
	  margin:0px;
	  font-weight:600;
  } 

.user_profile:before
  {
	  content:'\f107';
	  position:absolute;
	  right:-20px;
	  font-family: "Font Awesome 5 Free";
      font-style: normal;
      font-weight: 600;
	  top:13px;
	  color:#9e9e9e;
  }
  
  
  
.userdropdown
 {
	  position:absolute;
	  background-color:#fff;
	  list-style:none;
	  padding:0px;
	  width:170px;
	  margin:0px;
	  top:134%;
	  right:-23px;
	  box-shadow:0px 5px 5px rgba(102,102,102,0.2);
	  z-index:999;
	  display:none;
 }
 
.userdropdown ul
  {
	width:100%;
	margin:0px; 
	list-style:none;
	padding:5px 0px 10px 0px;
	text-align:left;	 
  }
.userdropdown ul li
  {
	  display:block;
	  padding:10px 15px;
  }

.userdropdown ul li a
  {
	  display:block;
	  color: #212121;
  }
.userdropdown ul li a:hover
 {
	 color:#007bff;
	 text-decoration:none;
 }
.userdropdown ul li a span
 {
	 display:block;
	 width:30px;
	 height:30px;
	 border-radius:50%;
	 background-color:#fff;
	 text-align:center;
	 font-size:16px;
	 color:#333;
	 border:1px solid #007bff;
	 position:relative;
	 float:left;
	 margin:0px;
	 overflow:hidden;
	 margin-right:8px;
	 margin-top:-7px;
 }
.userdropdown ul li a span img
  {
	 width:30px;
	 height:30px;
  }

.userdropdown ul li a i
  {
	  padding-left:10px;
	  margin-right:10px;
  }

/*
.userdropdown span ul a i
 {
	 display:inline-block;
	 width:30px;
	 height:30px;
	 padding-right:45px;
	 position:absolute;
	 left:22px;
	 top:14px;
	 font-size:22px;
	 color:#ccc;
  }

*/
/*--rightmenu--*/
.asidenav
 {
	 display:block;
	 width:0px;
	 height:100vh;
	 position:fixed;	
	 top:0px;
	 overflow:hidden;
	  z-index:999;
	  background:url(../img/menubaar_back.jpg);
	  background-size:cover; 
	  z-index:9999999;
	  box-shadow:1px 0px 2px rgba(51,51,51,0.2);
	 
	 /*background:-webkit-linear-gradient(rgba(147,35,205,1), rgba(194,43,114,1));*/
 }

	.asidenav:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		background-color: #007bff;
		/* background:-webkit-linear-gradient(rgba(234,95,20,0.9),rgba(152,51,7,1));*/
		z-index:-1;
	}

@media (min-width:992px)
{
.asidenav
 {
	 width:230px;
 }
}
/*.asidenav:after
 {
	 content:'';
	 background:rgba(255,255,255,0.9);
	 position:absolute;
	 top:0px;
	 left:0px;
	 width:100%;
	 height:100%;
	 z-index:-1;
 }*/

.inneraside
 {
	 width:100%;
	 height:auto;
	 position:relative;
 }
.mainlogo
  {
	  width:100%;
	  padding:10px 0px;
	  margin:0px;
	  padding-right:15px;
	  padding-left:15px;
	  text-align:center;
	  z-index:999;
	  position:relative;
  }

.mainlogo h2
 {
	font-size: 35px;
    color: #fff;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    letter-spacing: 1px;
	margin-bottom:5px;   
 }
.mainlogo p
 {
	font-size: 16px;
    color: #fbd7c4;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    letter-spacing: 1px;
   
 }

.navbox
 {
	  width:100%;
	  height:100vh;
	  position:absolute;
	  padding-top:100px;
	  top:0px;	
 }
.navigationbox
 {
	 width:100%;
	 height:100%;
	 overflow-y:auto;	 
	 /*box-shadow:1px 0px 3px rgba(51,51,51,0.2);*/
 }

.navigationbox::-webkit-scrollbar {
    width:3px;
}
 
.navigationbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.navigationbox::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.headingnav
 {
	 margin-bottom:5px;
 }
.headingnav h1
 {
	  color:#fff;
	  padding:15px 20px;
	  font-size:16px;
	  letter-spacing:1px;
	  word-spacing:2px;
	  margin-bottom:0px;
	  position:relative;
	  position:relative;
	  font-weight:600;
	  background-color:rgba(255,255,255,0.1);
	 /* border-bottom:1px solid #ae5dd8;
	  border-top:1px solid #ae5dd8;
	  background-color:rgba(255,255,255,0.2);*/
 }
.navbox a
  {
	  display:block;
	  color:rgba(255,255,255,0.6);
	  padding:15px 15px 15px 50px;
	  font-size:14px;
	  letter-spacing:0.5px;
	  word-spacing:2px;
	  margin-bottom:0px;
	  position:relative;
	  cursor:pointer;	  
	  position:relative;	
	  transition:0.3s all;
  }
.navbox a:hover
 {
	 color:#fff;
	 transition:0.3s all;
	 text-decoration:none;
 }
.navbox a:hover i
 {
	 color:#fff;
 }
.navbox a.active
  {
	  
	   color:#fff ;
  }

.plus:after
 {
	 content:'+' !important;
	 position:absolute;
	 right:30px;
	 font-size:18px;
 }
.minus:after
 {
	 content:'−';
	 position:absolute;
	 right:30px;
	 top:11px;
	 font-size:20px;
 }


.navbox i
  {	  
	  position:absolute;
	  left:20px;
  }
.navigation
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 margin-bottom:0px;
 }
.navbox .navigation:last-child
  {
	  margin-bottom:0px;
  }
.navigation:hover h2
 {
	 background-color:rgba(255,255,255,0.2);
 }
.navigation ul
  {
	  padding:0px;
	  margin:0px;
	  list-style:none;
	  background-color:rgba(255,255,255,0.2);
  }

.navigation ul li
  {
	  display:block;
	  padding:0px;
	  margin:0px;
  }
.navigation ul li a
  {
	  display:block;
	  padding:10px 15px 10px 60px;
	  margin:0px;
	  line-height:20px;
	  color:rgba(255,255,255,0.6);
	  font-size:14px;
	  /*text-shadow:0px 1px 0px rgba(51,51,51,0.5);*/
	  letter-spacing:1px;
	  word-spacing:2px;
	  transition:0.3s all;
	  position:relative;
  }
.navigation ul li a:before
 {
	 content:'|';
	 position:absolute;
	 left:40px;
	 transform:rotate(90deg);
 }
.navigation ul li a span
 {
	 margin-left:25px;
 }

.navigation ul li a:hover

 {
	 color:#fff;
	 transition:0.3s all;
	 text-decoration:none;
	 background-color:inherit;
 }


/*--bodysec--*/
.bodysec
 {
	 width:auto;
	 height:100%;
	 transition:0.3s all;
	 padding:1.5em 0px;
	 margin-top:77px;
 }
@media (min-width:992px)
{
.bodysec
 {
	 margin-left:230px;
	 transition:0.3s all;
 }
}
.bodywrap
 {
	 width:100%;
	 height:auto;
	 padding:0px 15px;
	 margin:0px;
 }
.bodywrap .row:first-child
{
	margin-top:0px;
}
.bodywrap .row
 {
	 margin-top:20px;
 }

@media (max-width:768px)
{
.resp_md
 {
	 margin-top:20px;
 }
}
 
.boxstyle
 {
	 width:100%;
	 /*background-color:#fff;
	 border-radius:10px;
	 box-shadow:0px 1px 5px rgba(51,51,51,0.1);*/
	 /*box-shadow:0px 3px 10px 3px rgba(102,102,102,0.1);*/
 }


.headbox
 {
	 width:100%;
	 padding:15px 0px;
	/* border-bottom:1px solid #eee;*/
 }

.headbox h1
  {
	  font-size:16px;
	  letter-spacing:1px;
	  word-spacing:2px;
	  font-weight:600;  
	  margin:0px;
	  padding:0px;
  }
.leave_resquest_stss:after
 {
	 content:'';
	 clear:both;
	 display:table;
 }
.leave_resquest_stss h1
 {
	 float:left;
 }
.leave_resquest_stss span
 {
	 float:right;
 }
.contbox
 {
	 width:100%;
	 margin:0px;
	 padding:15px; 
	 background-color:#fff;
	 border-radius:10px;
	 box-shadow:0px 1px 5px rgba(51,51,51,0.1);
 }

.liveuserdata {
	background-color: #00a0e9 !important;
	color: #ffffff;
}
.cuntstyle {
	font-size: 10.5em;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
}


/*--dashboard style--*/
.haedingpage  
 {
	 width:100%;
	 height:auto;
	 padding:0px;
	 margin:0px;
 }
.mt8
 {
	 margin-top:8px !important;
 }

.haedingpage:after
 {
	 content:'';
	 clear:both;
	 display:table;
 }
.leftheadcol
 {
	 width:auto;
	 padding:0px;
	 margin:0px;
	 float:left;
 }
.leftheadcol h6
 {
    color: #b92974;
    padding:0px;
	margin:0px;
    font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 2px;
    position: relative;
	margin-bottom:10px;
 }
.leftheadcol h1
 {
    color: #333;
    padding:0px;
	margin:0px;
	font-weight:600;
    font-size: 22px;
    letter-spacing: 1px;
    word-spacing: 2px;
    position: relative;
 }
 
.rightsidecol
 {
	 float:right;
 }
 
.mbtn
  {
	  padding:10px 22px;
	  border:none;
	  font-size:14px;
	  border-radius:40px;
	  text-align:center;
	  letter-spacing:1px;
	  word-spacing:2px;
	  cursor:pointer;
  }
.mbtn:active,
.mbtn:focus
 {
	 outline:none;
 }

.mgento
 {
	 background-color:#007bff;
	 border:#b12382;
	 color:#fff;
	 position:relative;
	 transition:0.3s all;
	 z-index:0;
	 overflow:hidden;
	 box-shadow:0px 2px 10px rgba(187,75,15,0.5);
 }
/*.mgento:after
 {
	 content:'';
	 background-color:#b02080;
	 transition:0.3s all;
	 position:absolute;
	 width:100%;
	 height:0%;
	 top:0px;
	 left:0px;
	 z-index:-1;
	 border-radius:40px;
 }*/
.mgento:hover
  {	
	  background-color:#007bff;
	  transition:0.3s all;
	  box-shadow:0px 8px 15px rgba(187,75,15,0.5);
  }





.wid55
 {
	 width:55px;
 }
.inerdatatable table tr:nth-child(even)
{
	background-color:#f8f5f7;
}
.inerdatatable table tr th
  {
	  border-bottom:none;	  
	  background-color:#e4e2e2;
	  font-weight:100;
	  word-spacing:2px;	  
	  color:#333;
	  vertical-align:top;
  }
.inerdatatable table tr td
  {
	  font-weight:400;
	  word-spacing:2px;
	  vertical-align:top;
	  line-height:25px;
	  font-size:13px;
	  letter-spacing:1px;
	 /* border-right:1px solid #eee;*/
  }
.inerdatatable table tr td a
 {
	 color:#9323cd;
 }
.inerdatatable table tr td a:hover
 {
	 color:#c22b90;
	 text-decoration:none;
 }
.inerdatatable table tr td i:first-child
 {
	 color:#c22b90;
	 padding-right:5px;
 }
.inerdatatable table tr td i:last-child
 {
	 color:#9323cd;
	 padding-right:5px;
 }
.inerdatatable table
 {
	 border:none;
	 border-bottom:1px solid #eee;
 }
.inerdatatable table tr th
 {
	 border-top:none;
 }
  
.inerdatatable table tr:nth-child(even)
  {
	  /*background-color:#f3f6f9;*/
  }
.linkbtn
 {
	 display:block;
	 text-align:center;
	 color:#9323cd;
	 transition:0.3s all;
 }
.linkbtnclick
 {
	 display:block;
	 text-align:center;
	 color:#0891fb;
	 transition:0.3s all;
 }
.linkbtnclick:hover
 {
	
	 color:#0e6db6;
	 transition:0.3s all;
	 text-decoration:none;
 }
.linkbtn:hover
 {
	 color:#d4640a;
	 transition:0.3s all;
 }
 

/*--responsive table--*/


/* RESPONSIVE EXAMPLE */


.tablecol
  {
	  padding:0px !important;
  }
.datatable
 {
	 overflow-y:auto;
	 overflow-x:auto;
 }
@media (min-width:768px)
{
.datatable
 {
	 min-height:300px;
	 max-height:300px;
	 overflow-y:auto;
	 overflow-x:auto;
 }
}

.datatable::-webkit-scrollbar
 {
	 width:8px;
	 height:8px;
 }
.datatable::-webkit-scrollbar-track {
    
}
.datatable::-webkit-scrollbar-thumb
 {
	background-color: #ccc;
    outline: 1px solid slategrey;
	border-radius:50px;
 }
 
/*--search data--*/
.searchbox
  {
	  width:100%;
	  height:auto;
	  padding:0px;
	  margin:0px;
	  position:relative;
  }
.searchbox:after,
.Searchboxdata:after
  {
	  content:'';
	  clear:both;
	  display:table;
  
  }
.Searchboxdata
 {
	 float:right;
	 width:100%;
	 margin-top:26px;
	 transition:0.3s all;
 }
@media (min-width:768px)
{
.Searchboxdata
 {
	 float:right;
	 width:350px;
	 margin-top:6px;
	 margin-right:15px;
	 transition:0.3s all;
 }
}
@media (min-width:1100px)
{
.Searchboxdata
 {
	 float:right;
	 width:500px;
	 margin-top:6px;
	 margin-right:15px;
	 transition:0.3s all;
 }
}




@media (min-width:768px)
{
.searchfeild
 {
	 width:100%;
	 padding-right:100px;
 }
}
@media (max-width:768px)
{
.searchfeild
 {
	 width:100%;
	 padding-right:100px;
 }
}

.searchfeild input[type=text]
 {
	width:100%;
	padding:10px 30px;
    transition: 0.3s all;
	border-radius: 40px 0px 0px 40px;
	border:1px solid #c22b90;
	height:40px;
	color:#333;
	letter-spacing:1px;
	word-spacing:2px;
	background-color:#fff;
	border-right:0px;
	 }
.searchfeild input[type=text]::placeholder
 {
	 color:#c22b90;
 }
.searchfeild input[type=text]:focus,
.searchfeild input[type=text]:active,
.searchbtn button:active,
.searchbtn button:focus
 {
	 outline:none;
 }
.searchbtn
 {
	 width:100px;
	 position:absolute;
	 right:0px;
	 top:0px;
 }

/*@media (min-width:600px)
{
.searchbtn
 {
	 width:100px;
 }
.searchfeild
 {
	 padding-right:100px;
 }
}*/
.searchbtn button
  {
	width:100%;
	height:40px;
	padding: 10px 12px;
    border: none;
    font-size: 14px;
    border-radius: 0px 40px 40px 0px;
    text-align: center;
    letter-spacing: 1px;
    word-spacing: 2px;
    cursor: pointer;
	background-color:#c22b90;
    border:1px solid #c22b90;
    color: #fff;
    position: relative;	
    transition: 0.3s all;
  }
  
@media (max-width:450px)
{
.rightsidecol span
 {
	 display:none !important;
 }
}

.searchbtn button:hover
 {
	 transition:0.3s all;
	 color: #fff;
	 background-color: #b02080;
 }
 
.bgmgento
 {
	 background-color:#9323cd;
 }
 
/*--login page--*/
.loginwrap
 {
	 
	 margin-left:auto;
	 margin-right:auto;	 
	 margin-top:50px;	 
	 transition:0.3s all;
	 border-radius:10px;
	 padding:15px;
 }
@media (min-width:500px)
{
.loginwrap
  {
	   width:400px;	
	   margin-left:auto;
	   margin-right:auto;  
  }
}
@media (min-width:768px)
{
.loginwrap
  {
	   width:700px;
	   min-height:440px;
	   position:absolute;
	   transition:0.3s all;
	   display:flex;
	   flex-wrap:wrap;
	   top:50%;
	   left:50%;
	   transform:translate(-50%, -65%);
	   background-color:#fff;
	   box-shadow:0px 0px 8px rgba(51,51,51,0.2);
  }
.txt_blnk_pnl
 {
	 flex:0 0 50%;
	 max-width:50%;
 }

.login_fm_bx
 {
	 flex:0 0 50%;
	 max-width:50%;
	 
 }

}



.txt_blnk_pnl
 {
	 padding:0px 0px 0px 30px;
 }

.txt_cont_in {
	width: 100%;
	height: 120%;
	padding: 30px;
	margin: 0px;
	top: -10%;
	position: relative;
	border-radius: 10px;
	/* background:url(../img/back_login_sec.svg);*/
	background-size: cover;
	background-image: -webkit-linear-gradient(#007bff, #007bff);
	box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
}
.verison_status
 {
	 text-align:center;
 }
@media (min-width:768px)
{
.verison_status
 {
	 position:absolute;
	 bottom:25px;
 }
}
.verison_status p
 {
	 color:#fff;
	 opacity:0.8;
	 letter-spacing:0.5px;
	 line-height:20px;
	 padding:0px;
	 margin:0px;
	 font-weight:600;
 }
.cont_In_stl
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 transform:translate(0%, 20%);
 }
.logo_login_pnl
  {
	  width:100px;
	  display:block;
	  padding:0px;
	  height:auto;
	  margin-bottom:10px;
  }
.logo_login_pnl img
  {
	  width:100%;
	  padding:0px;
	  margin:0px;
	  height:auto;
  }
@media (max-width:768px)
{

.txt_blnk_pnl
 {
	 padding:0px;
 }
.cont_In_stl p
  {
	  display:none;
  }
.logo_login_pnl
  {
	  width:100px;
	  margin-left:auto;
	  margin-right:auto;
  }
.txt_cont_in
 {
	  box-shadow:0px 0px 8px rgba(51,51,51,0.2);
	  padding:15px;
 }
.cont_In_stl
  {
	  transform:translate(0%, 0%);
	  margin-bottom:15px;
	  text-align:center;
  }
}

.cont_In_stl h3
 {
	 font-size:22px;
	 color:#fff;
	 font-weight:600;
	 padding:0px;
	 margin:0px;
	 letter-spacing:1px;
	 margin-bottom:20px;
 }
.cont_In_stl p
 {
	 color:#fff;
	 opacity:0.8;
	 letter-spacing:0.5px;
	 line-height:20px;
	 padding:0px;
	 margin:0px;
 }
@media (max-width:768px)
{

.cont_In_stl h3
 {
	 margin:0px;
	 letter-spacing:1px;
	 margin-bottom:10px;
 }
}
  




.loginner
 {
	 padding:2em;
	 margin:0px;
 }
.heading
  {
	  width:100%;
	  padding:0px;
	  margin:0px;
	  position: relative;
	  margin-bottom:50px;
	  text-align:center;
  }
@media (max-width:768px)
{
.loginner
 {
	 padding:15px;
 }

}
.heading h3
 {
	color: #333;
    padding: 0px;
    margin: 0px;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 1px;
    word-spacing: 2px;
 }
.heading i
 {
	 color:#007bff;
 }
.loginbox
  {
	  width:100%;
	  padding:0px;
	  position:relative;
	  margin:0px;
  }
.fm-group
 {
	 margin-bottom:10px;
 }
.btn_sec_row
 {
	 margin-left:auto;
	 margin-right:auto;
	 width:100px;
 }
.log-cont
 {
	width: 100%;
    padding: 10px 20px;
    transition: 0.3s all;
    border-radius: 40px;
    border: 1px solid #bfbfbf;
    line-height:20px;
    color: #212121;
	font-weight:600;
    letter-spacing: 0.5px;
    background-color: #fff;
 }
.log-cont:active,
.log-cont:focus,
.btnlogin:active,
.btnlogin:focus
{
	outline:none;
}
.btnlogin
{
	width: 100%;
    line-height: 20px;
    padding: 10px 12px;
    border: none;
    font-size: 14px;
    border-radius: 40px;
    text-align: center;
    letter-spacing: 2px;
    word-spacing: 2px;
    cursor: pointer;
    background-color: #007bff;
    border: 1px solid #007bff;
    color: #fff;
    position: relative;
    transition: 0.3s all;
	margin-top:20px;
}

.btnlogin:hover
  {
	   transition: 0.3s all;
	   background-color: #007bff;
  }

.loginfoot
 {
	 margin-top:30px; 
 }
.loginfoot h5
 {
	 text-align:center;
	 transition:0.3s all;
 }
.loginfoot h5 a
 {
	 display:block;
	 font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 2px;
    font-weight: 600;
    margin: 0px;
    padding: 15px 0px;
	color:#333;
	transition:0.3s all;
 }

.loginfoot h5 a:hover
  {
	   transition: 0.3s all;
	   color: #007bff;
	   text-decoration:none;
  }

.loginfoot p
 {
	 margin:0px;
	 padding:0px;
	 text-align:center;
 }
.loginfoot p a
 {
	 display:inline-block;
	 font-size: 14px;
    letter-spacing: 1px;
    word-spacing: 2px;
    font-weight: 600;
    margin: 0px;
    padding: 15px 0px;
	color:#9323cd;
	transition:0.3s all;
 }
.loginfoot p span
{
	display:inline-block;
	font-size: 13px;
    letter-spacing: 1px;
    word-spacing: 2px;
    margin: 0px;
    padding: 15px 0px;
	color:#666;
	margin-right:10px;
}

/*--employedetails 27-7-2018--*/
.twotablebox 
 {
	 padding:0px !important;
	 display:flex;
 }
.employedetails
  {
	  width:49%;
	  padding:0px;
	  margin:0px;
	  display:table;
	  table-layout:fixed;
	  position:relative;
  }
.headrowdata
  {
	  display:table-row;
  }
.headtable,
.bodytable,
.foottable
  {
	  width:100%;
	  display:table;
	  table-layout:fixed;
  }
.tahead
  {
	  display:table-cell;
	  padding:0.75rem;
	  margin:0px;
	  font-weight:600;	
      word-spacing: 2px;
      color: #333;
      vertical-align: top;
	  /*border-bottom:1px solid #eee;*/
	  background-color:#e4e2e2;
	  position:relative !important;
	  /*border-right:1px solid #eee;*/
  }
.tahead:last-child,
.tadata:last-child
 {
	 border-right:none;
 }

.tadata 
  {
	  display:table-cell;
	  padding:0.75rem;
	  margin:0px;
      word-spacing: 2px;
      color: #333;
      vertical-align: top;
	  position:relative !important;
	  border-right:1px solid #eee;
  }
.tadata a
 {
	color: #333 !important;
	text-decoration:none !important;
	transition:0.3s all;
 }
.foottable
 {
	 border-top:1px solid #eee;
	 border-bottom:1px solid #eee;
	 background-color:#f8f5f7;
 }
.foottable .tadata 
  {
	  font-weight:600;
  }
  
/*--overdetails--*/
.overdetails
 {
	 width:49%;
	 background-color:#FFF;
	 margin-left:2%;
	 /*box-shadow:0px 5px 5px rgba(102,102,102,0.2);*/
	 z-index:9999;
	 transition:0.3s all;
 }


/*--all_fixd_are_noti--*/
.all_fixd_are_noti
  {
	  float:left;
	  margin-right:50px;
  }

.all_fixd_are_noti ul
  {
	  padding:0px;
	  margin:0px;
	  list-style:none;	 
  }
.all_fixd_are_noti ul:after
  {
	  content:'';
	  clear:both;
	  display:table;
  }

.all_fixd_are_noti ul li
  {
	  display:block;
	  padding:0px;
	  margin:0px;
	  float:left;
	  margin-left:40px;
  }
@media (max-width:450px)
{
.all_fixd_are_noti
  {
	  float:left;
	  margin-right:30px;
  }
.all_fixd_are_noti ul li
  {	  
	  margin-left:20px;
  }
}
.all_fixd_are_noti ul li:first-child
 {
	 margin-right:0px;
 }
.notif_data_present
 {
	 position:relative;
	 line-height:45px;
	 position:relative;
 }
.notif_data_present label
 {
	 padding:0px;
	 margin:0px;
	 position:relative;
	 cursor:pointer;
 }
.notif_data_present label i
 {
	 font-size:16px;
 }
 
.not_bell_data
 {
	 position:absolute;
	 top:-4px;
	 right:-10px;
	 display:block;
	 width:18px;
	 line-height:18px;
	 text-align:center;
	 height:18px;
	 font-size:10px;
	 font-weight:600;
	 color:#fff;
	 border-radius:50%;
	 background-color:#007bff;
 }
 
.noytif_drop_dwn
 {
	 display:none;
	 width:300px;	
	 right:-60px;
	 position:absolute;	 	
	 background-color:#fff;
	 top: 134%;    
     box-shadow: 0px 5px 5px rgba(102,102,102,0.2);
     z-index: 999;
 }
@media (max-width:450px)
{
.noytif_drop_dwn
 {
	 width:280px;	
	 right:-140px;
 }
}
.noytif_drop_dwn ul
 {
	 padding:0px;	
	 margin:0px;
	 display:block;
	 list-style:none;
	 min-height:150px;
	 max-height:300px;
	 overflow:hidden;
	 overflow-Y:auto;
 }
.noytif_drop_dwn ul::-webkit-scrollbar
 {
	 width:6px;
	
 }
.noytif_drop_dwn ul::-webkit-scrollbar-thumb
 {
	 background-color:#eee;
	 border-radius:15px;
 }
/*.noytif_drop_dwn ul::-webkit-scrollbar-track
 {
	 box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);
	 border-radius:15px;
 }*/


 
.noytif_drop_dwn ul li
 {
	padding:15px 15px;	
    margin:0px;	 
	float:none;
 }
.noytif_drop_dwn ul li:hover 
 {
	 background-color:#f3f3f3;
 }
.notibox_styl_list
 {
	 width:100%;
	 padding:0px;
 }
.notibox_styl_list:after,
.notibox_styl_list a:after
 {
	 content:'';
	 clear:both;
	 display:table;
 }
.notibox_styl_list a
  {
	  display:block;
	  text-decoration:none !important;
  }

.notibox_styl_list figure
  {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    font-size: 16px;
    color: #333;
    border: 1px solid #007bff;
    position: relative;
    float: left;
    margin: 0px;
    overflow: hidden;
	float:left;
	line-height:20px;
  }
.notibox_styl_list figure img
 {
	 width:100%;
	 height:100%;
 }
.niti_data_desc
 {
	 padding:0px;
	 margin:0px;
	 margin-left:45px;
	 text-align:left;
	 position:relative;
 }
.messag_data_drp .niti_data_desc
 {
	 margin-left:0px;
 }
.niti_data_desc h5
 {
	 padding:0px;
	 margin:0px;
	 font-size:14px;
	 font-weight:600;
	 color:#212121;
 }
.niti_data_desc p
 {
	 max-height:55px;
	 overflow:hidden;
	 padding:0px;
	 margin:0px;
	 line-height:18px;
	 color:#757575;
	 font-size:13px;
	 margin-top:5px;
 }
.date_tym_frm
 {
	 position:absolute;
	 top:0px;
	 right:0px;
	 line-height:20px;
	 font-size:12px;
	 color:#9e9e9e;
 }
.view_all_data
 {
	 border-top:1px solid #eee;	
	 text-align:left;
	 line-height:20px;
	 padding:10px 15px;
 }
.view_all_data a
 {
	 font-size:14px;
	 letter-spacing:0.5px;	
	 color:#1a50bd;
 }
.view_all_data a:hover
 {
	 text-decoration:none;
	 color:#093eaa
 }
 
 
/*--chat-box--*/
.rightchatbaar
 {
	 display:block;
	 width:250px;
	 height:100vh;
	 position:fixed;	
	 top:0px;
	 right:0;
	 overflow:hidden;
	 background-color:#fff;	   
	  z-index:999999999;
	  box-shadow:-1px 0px 2px rgba(51,51,51,0.2);
	  transition:0.3s ease-in;
	  transform:translate(300px, 0px);
	 /*background:-webkit-linear-gradient(rgba(147,35,205,1), rgba(194,43,114,1));*/
 }
 
 .right_side_nv
  {
	  transform:translate(0px, 0px);
	  transition:0.3s ease-out;
  }
.bacoverly_body
 {
	background-color: rgba(0,0,0,0.7);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
	left:0px;
    z-index: 9999999;
 }
 
.chatbox_in_page
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 height:auto;
 }
.chat_header
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 height:50px;
	 border-bottom:1px solid #eeee;
	 position:relative;
	 z-index:999;
	 background-color:#fff;
 }
.chat_header:after
 {
	 content:'';
	 clear:both;
	 display:table;
 }
.chat_header h2
 {
	color: #212121;
    padding: 15px 15px;
    font-size: 16px;
    letter-spacing: 1px;
    word-spacing: 2px;
    margin-bottom: 0px;
    position: relative;
    position: relative;
    font-weight: 600;
	float:left;
 }
 
.chat_searcHbox
 {
	 padding: 18px 15px;
	 margin:0px;
	 height:auto;
	 float:right;
	 cursor:pointer;
 }
.chat_searcHbox span
  {
	  display:inline-block;
  }
.chat_inbox_serc
 {
	 display:none;
 }
.chat_serc_bx_in
 {
	 position:absolute;
	 width:100%;
	 background-color:#fff;
	 padding: 0px;
 }
.chat_serc_bx_in span
  {
	  display:none;
  }
.chat_serc_bx_in .chat_inbox_serc
 {
	 display:block;
 }
.chat_serc_bx_in .chat_bx_s
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 height:auto;
 }
.chat_bx_s:after
 {
	 content:'';
	 clear:both;
	 display:table;
 }
.chat_serc_bx_in .chat_bx_s input
 {
	 padding:16px 15px;
	 float:left;
	 width:200px;
	 border:none
 }
.chat_serc_bx_in .chat_bx_s input:active,
.chat_serc_bx_in .chat_bx_s input:focus,
.chat_serc_bx_in button:active,
.chat_serc_bx_in button:focus
  {
	  outline:none;
  }
.chat_serc_bx_in button
 {
	width:50px;
    background-color: #007bff;
    border: none;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
	padding:14.5px 15px;
	border:none
 }
.chat_serc_bx_in button:hover
  {
	   transition: 0.3s all;
	   background-color: #007bff;
  }
.chat_serc_bx_in .chat_close
 {
	 position:absolute;
	 z-index:999;
	 display:block !important;
	 top:16px;
	 right:55px;
 }
 
.chat_body_user
 {
	 height:auto;
	 padding:0px;
	 margin:0px;
 }
.chat_user_inner
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 height:auto;
	 padding-top:60px;
	 overflow:auto;
	 position:absolute;
	 top:0px;
	
 }

.chat_user_inner::-webkit-scrollbar {
    width:3px;
}
 
.chat_user_inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.chat_user_inner::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
} 
 
 
.chat_user_inner ul
 {
	 padding:0px;
	 margin:0px;
	 list-style:none;
 }
.chat_user_inner ul li
 {
	 padding:15px 15px;
	 margin:0px;
	 display:block;
 }
.chat_user_inner ul li a
 {
	 color:#212121;
	 text-decoration:none !important;
 }
.user_chat_active
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 height:auto;
 }
.user_chat_active:after
 {
	 content:'';
	 clear:both;
	 display:table;
 }

.user_chat_active figure
 {
	 display:block;
	 width:42px;
	 height:42px;
	 border-radius:50%;
	 background-color:#fff;
	 text-align:center;
	 line-height:35px;
	 font-size:16px;
	 color:#333;
	 border:1px solid #007bff;
	 position:relative;
	 margin-right:21px;
	 float:left;
	 margin:0px;
	/* box-shadow:1px 5px 3px rgba(51,51,51,0.1);*/
 }
.user_chat_active figure .active_chat
 {
	 width:15px;
	 height:15px;
	 display:block;
	 background-color:#0ea70a;
	 border-radius:50%;
	 position:absolute;
	 top:-5px;
	 right:-5px;
	 border:2px solid #fff;
 }
.user_chat_active figure img
  {
	  width:40px;
	  height:40px;
	  border-radius:50%;
  }
.user_nam_desg
 {
	 width:auto;
	 margin-left:55px;
	 padding-top:5px;
 }

.user_nam_desg h4
 {
	 padding:0px;
	 margin:0px;
	 font-size:14px;
	 font-weight:600;
	 margin-bottom:3px;
	 letter-spacing:0.5px;
	 color:#212121;
 }
.user_nam_desg p
 {
	 padding:0px;
	 margin:0px;
	 color:#9e9e9e;
	 font-size:13px;
	 letter-spacing:0.5px;
 }
 
 
.chatboxuserly
 {   
    width:auto;
	height:auto;
    right: 0px;
	bottom: 10px;
	margin:0px 15px;
    position:fixed;
    background-color: #fff;   
    box-shadow: 0px 5px 5px rgba(102,102,102,0.2);
    z-index:999999999;
	display:none;
 }

@media (min-width:580px)
{
.chatboxuserly
 {   
    width:320px;
	right: 250px;
	margin:0px 0px;
 }
}
 

@media (min-width:768px)
{
.chatboxuserly
 {   
    width: 500px;
	height:auto;
    right: 250px;
 }
}
 
.chatin_Box_type
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 height:auto;
 }
.chat_header_fild
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 height:auto;
 }
.chetr_data_fllid
 {
	 width:100%;
	 height:auto;
	 padding:10px 15px;
	 margin:0px;
	 border-bottom:1px solid #eee;
	 background-color:#007bff;
	 position:relative;
 }
.close_chat_buton
 {
	 position:absolute;
	 right:15px;
	 top:23px;
	 font-size:18px;
	 cursor:pointer;
 }
.chetr_data_fllid:after
  {
	  content:'';
	  clear:both;
	  display:table;
  }
.chetr_data_fllid figure
 {
	 border-color:#fff;
 }
 
.chetr_data_fllid .user_nam_desg h4,
.chetr_data_fllid .user_nam_desg p
 {
	 color:#fff;
 }
.chat_body_feild
 {
	 height:400px;
	 padding:15px;
	 background:url(../img/background-chat.png);
	 background-attachment:fixed;
	 overflow-Y:auto;
 }
.chat_body_feild::-webkit-scrollbar {
    width:3px;
}
 
.chat_body_feild::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.chat_body_feild::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
} 
  
 
.chat_fild_user
 {
	 padding:0px;
	 margin:0px;
	 height:auto;
	
 }
.chat_fild_user:after,
.first_party_data_send:after,
.second_party_data_send:after
 {
	 content:'';
	 clear:both;
	 display:table;
 }
.first_party_data_send,
.second_party_data_send
 {
	 width:100%;		 
 }


.first_party_data_send .size_quence_chat_box
  {
	  float:left;
  }
.size_quence_chat_box
 {
	 min-width:100px;
	 max-width:80%;
	 padding:5px 15px;
	 padding-bottom:20px;
	 background-color:#fff;
	 box-shadow:0px 0px 2px rgba(51,51,51,0.2);
	 border-radius:0px 15px 15px 15px;
	 position:relative;
 }
.first_party_data_send,
.second_party_data_send
 {
	 margin-bottom:15px;
 }

.first_party_data_send p,
.second_party_data_send p
 {
	 padding:0px;
	 margin:0px;
	 height:auto;
	 line-height:20px;
	 letter-spacing:0.5px;
 }
.first_party_date
 {
	 position:absolute;
	 right:15px;
	 bottom:5px;
	 font-size:11px;
	 color:#9e9e9e;
 }
 
.second_party_data_send 
{
	 width:100%;
}
.second_party_data_send .size_quence_chat_box
  {
	 float:right;
	 background-color:#f5ad86;
	 border-radius:15px 0px 15px 15px;	 
  }
.first_party_date
 {
	 color:#757575;
 }
.img_upload_user
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
 }
.img_upload_user img
 {
	 width:30px;
	 height:30px;
	 border: 1px solid #007bff;
	 margin-bottom:5px;
 }
 
.chat_footer_feild
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 height:auto;
	 border-top:1px solid #eee;
 }
.chat_footer_inr
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
 }
.chat_footer_inr form:after
 {
	 content:'';
	 clear:both;
	 display:table;
 }
.field_chat_user
 {
	 width:80%;
	 float:left;
	 position:relative;
 }
.field_chat_user input
 {
	 width:100%;
	 height:50px;
	 padding:15px 15px;
	 background-color:#fff;
	 border:none;
	 padding-right:50px;
 }
.field_chat_user input:active,
.field_chat_user input:focus,
.button_chat_icon button:focus,
.button_chat_icon button:active
  {
	  outline:none;	
  }
.button_chat_icon
 { 
     width:20%;
	 float:right;
 }
@media (min-width:768px)
{
.field_chat_user
 {   
    width: 90%;
 }
.button_chat_icon
 { 
     width:10%;
	 float:right;
 }
} 
 
.button_chat_icon button
 {
	 padding:15px 14px;
	 height:50px;
	 border:none;
	 background-color:transparent;
	 font-size:18px;
	 color:#007bff;
	 cursor:pointer;
 }


.upload_document_cht
 {
	 position:absolute;
	 right:0px;
	 top:5px;
	 width:40px;
	 height:40px;
 }
.upload_document_cht span
 {
	 display:block;
	 font-size:18px;
	 text-align:center;
	 line-height:38px;
	 cursor:pointer;
	 color:#9e9e9e;
 }
 
.box_emplye_details 
 {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 1px 5px rgba(51,51,51,0.1);
 }
.Box_empl_row
 {
	 display:flex;
	 flex-wrap:wrap;
 }
.box_emp_col_fst
 {
	 flex:0 0 35%;
	 max-width:35%;
	 text-align:center;
	 padding:15px;
 }
.box_emp_col_fst img
 {
	 width:60px;
 }
.box_emp_col_two
 {
	  flex:0 0 65%;
	  max-width:65%;
	  text-align:right;
	  padding:15px;
 }
.box_emp_col_two h5
 {
	font-size: 14px;
    letter-spacing: 0.5px;
    margin: 0px;
    padding: 0px;
	color:#757575;
 }
.box_emp_col_two h3
 {
	font-size: 30px;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
	color:#212121;
 }
.progr_status
 {
	 width:100%;
	 padding: 0px 15px 15px;
 }
.progr_status .progress
 {
	 height:4px;
 }
.total_emolyee
 {
	 
 }
.present_emolyee
 {
	 
 }
.absence_emolyee 
 {
	
 }
 
.table_design_baar
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 height:auto;
 }

 
 
 .table_design_baar .table
 {
	 margin-bottom:0px;
 }
.table_design_baar .table tr td
 {
	 border-top:none;
 }
.table_design_baar .table tr
  {
	  border-bottom:1px solid #eee;
  }
.table_design_baar .table tr:last-child
 {
	 border-bottom:none;
 }
 
.Employe_img_leave
 {
	 padding:0px;
	 margin:0px;
	 height:auto;
	 width:auto;
 }


.Employe_img_leave .user_nam_desg
 {
	 padding-top:0px;
 }
.date_leave_em
 {
	 width:auto;
 }
.Employe_img_leave .user_nam_desg
 {
	 display:block;
 }
.Employe_img_leave h4
  {
	  margin-bottom:8px;
  }
.Employe_img_leave p
  {
	  margin-bottom:8px;
	  color:#757575;
  }


.date_leave_em h4
 {
	 padding:0px;
	 margin:0px;
	 font-size:14px;
	 font-weight:600;
	 letter-spacing:0.5px;
	 color:#212121;
	 margin-bottom:8px;
 }
.date_leave_em p
 {
	 padding:0px;
	 margin:0px;
	 color:#757575;
	 font-size:13px;
	 letter-spacing:0.5px;
 }
.leve_approved
 {
	display:block;
	padding: 10px 15px;
    border: none;
    font-size: 14px;
    border-radius: 40px;
    text-align: center;
    letter-spacing: 0.5px;
    word-spacing: 2px;
    cursor: pointer;	
	color:#078c10;
	background-color:rgba(14,182,25,0.2);
 }
.leve_approved:hover
 {
	 color:#078c10;
	 background-color:rgba(14,182,25,0.3);
	 text-decoration:none;
 }
.leve_canceld
 {
	display:block;
	padding: 10px 15px;
    border: none;
    font-size: 14px;
    border-radius: 40px;
    text-align: center;
    letter-spacing: 0.5px;
    word-spacing: 2px;
    cursor: pointer;	
	color:#b01414;
	background-color:rgba(170,28,17,0.2);
 }
.leve_canceld:hover
 {
	 color:#b01414;
	 background-color:rgba(170,28,17,0.3);
	 text-decoration:none;
 }
.leve_panding
 {
	display:block;
	padding: 10px 15px;
    border: none;
    font-size: 14px;
    border-radius: 40px;
    text-align: center;
    letter-spacing: 0.5px;
    word-spacing: 2px;
    cursor: pointer;	
	color:#c44c0c;
	background-color:rgba(196,76,12,0.2);
 }
.leve_panding:hover
 {
	 color:#c44c0c;
	 background-color:rgba(196,76,12,0.3);
	 text-decoration:none;
 }
 
.table_height_scr
 {
	 min-height:300px;
	 max-height:300px;
	 overflow-Y:auto;	
	 padding-left:15px !important;
	 padding-right:15px !important;
	 margin-left:-15px !important;
	 margin-right:-15px !important;
 }
 
.table_height_scr::-webkit-scrollbar {
    width:3px;
}
 
.table_height_scr::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.table_height_scr::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.notific_bx_right
 {
	 width:auto;
	 padding:0px;	 
	 height:auto;
 }
.notific_bx_right .noytif_drop_dwn
 {
	 display:block !important;
	 position:inherit;
	 width:100%;
	 right:auto;
	 top:auto;
	 box-shadow:none;
	 
 }
.notific_bx_right .noytif_drop_dwn ul
 {
	 min-height:auto;
	 max-height:auto;
	 overflow:inherit;
 }
.notific_bx_right .noytif_drop_dwn ul li
 {
	 padding:0px;
	 padding-top:15px;
	 padding-bottom:15px;
	 border-bottom:1px solid #eee;
 }
.notific_bx_right .noytif_drop_dwn ul li:first-child
 {
	  padding-top:0px;
 }
.notific_bx_right .noytif_drop_dwn ul li:last-child
 {
	  padding-bottom:0px;
	  border-bottom:1px solid transparent;
 }
.notific_bx_right .noytif_drop_dwn ul li:hover 
 {
	 background-color:transparent;
 }
.notific_bx_right .noytif_drop_dwn ul li a h5
 {
	 transition:0.3s all;
 }
.notific_bx_right .noytif_drop_dwn ul li:hover a h5
 {
	 color:#007bff;
	 transition:0.3s all;
 }
 
@media (max-width:768px) and (min-width:576px)
{
.mrg_btom_resp .col-md-3:nth-child(1),
.mrg_btom_resp .col-md-3:nth-child(2)
 {
	 margin-top:0px;
 }
.mrg_btom_resp .col-md-3
 {
	 margin-top:20px;
 }
}
@media (max-width:576px)
{
.mrg_btom_resp .col-md-3:nth-child(1)
 {
	 margin-top:0px;
 }
.mrg_btom_resp .col-md-3
 {
	 margin-top:20px;
 }
}


/*--css dnCalender style--*/
.calender_holiday
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 height:auto;
 }
.dncalendar-inactive {
	opacity: 0.2;
}

.dncalendar-header {
	margin: 0px 0 20px 0;
    position: relative;
}

.dncalendar-header h2 {
	color: #212121;
    font-size: 20px;
    line-height: 1;
    text-align: center;
	font-weight:600
}

.dncalendar-header .dncalendar-links {
	height: 19px;
    width: 100%;
    position: absolute;
    top: 2px;
}

.dncalendar-header .dncalendar-links div {
	cursor: pointer;
    width: 30px;
    height: 22px;
	
    -webkit-user-select: none;
    touch-action: pan-y;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dncalendar-header .dncalendar-links .dncalendar-next-month {
	position: absolute;
    right: 6px;
    background: url('../img/arrow.png') no-repeat -72px 0px;
    background-size: 100px 20px;
}

.dncalendar-header .dncalendar-links .dncalendar-prev-month {
	position: absolute;
    left: 10px;
    background: url('../img/arrow.png') no-repeat 0px 0px;
    background-size: 100px 20px;
}

.dncalendar-body {
	margin: 0 0 10px;
}

.dncalendar-body table {
	width: 100%;
    text-align: center;
    border-collapse: collapse;
    font-size: 15px;
}

.dncalendar-body table th, td {
	display: table-cell;
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.dncalendar-body thead td {
	color: #212121;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px 0;
	font-weight:600;
}

.dncalendar-body tbody tr td {
	width: 13%;
	border-top: 1px solid #eee;
	color: #bdbdbd;
	background: #f8f8f8;
	text-decoration: none;
	vertical-align: middle;
}

.dncalendar-body tbody td#calendarClick {
	cursor: pointer;
}

.dncalendar-body tbody td.calendarClick {
	color: #434343;
	background: #fff;
}
	
.dncalendar-body tbody td .entry {
	padding: 11px 0 13px;
	position: relative
}

.dncalendar-body tbody td.calendarClick:active {
	background: #ddd
}

.dncalendar-body tbody td .entry:after
{
	content:attr(data-title);
	left:0;
	position:absolute;
	font-size:10px;
	bottom:1px;
	text-align:center;
	width:100%
}

/*.dncalendar-body table td.holiday {
	color: #c55 !important;
}

.dncalendar-body table td.calendarClick.holiday {
	color: #d00 !important;
}*/

.dncalendar-body table td.default-date {
	border: 1px solid #96D4FD;
	color: #96D4FD !important;
	background: #e6f2fa;
}

.dncalendar-body table td.calendarClick.default-date {
	border: 1px solid #0d7fcc;
	color: #0d7fcc !important;
	background: #e6f2fa;
}

.dncalendar-body table td.today-date {
	border: 1px solid #7EE699;
    color: #7EE699 !important;
    background: #E9FDEE;
}

.dncalendar-body table td.calendarClick.today-date {
	border: 1px solid #078c10;
    color: #078c10 !important;
    background: rgba(14,182,25,0.2);
}

.dncalendar-body table td.note,
.dncalendar-body table td.calendarClick.note {
	position: relative;
}

.dncalendar-body table td.note:before {
	display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    content: "";
    border-top: 5px solid #c55;
    border-right: 5px solid #c55;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.dncalendar-body table td.calendarClick.note:before {
	display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    content: "";
    border-top: 5px solid #b01414 ;
    border-right: 5px solid #b01414 ;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.dncalendar-note-list {
	list-style: none;
	margin-left: 4.5%;
	margin-bottom: 20px;
	padding: 0;
	color: #999
}

.dncalendar-note-list .date {
	color: #b01414
}

/*--Holiday List--*/
.holiday_list_all
 {
	 min-height:300px;
	 max-height:300px;
	 padding:0px;
	 margin:0px;
	 overflow-y:auto;
	 overflow-x:hidden;
	 margin-left:-15px;
	 margin-right:-15px;
	 padding-left:15px;
	 padding-right:15px;
 }
.holiday_list_all::-webkit-scrollbar {
    width:3px;
}
 
.holiday_list_all::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.holiday_list_all::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}


.holiday_list_all ul
 {
	 padding:0;
	 margin:0px;
	 list-style:none;
 }
.holiday_list_all ul li
 {
	 padding:0px;
	 margin:0px;
	 height:auto;
 }
.both_row_side
 {
	 margin-left:-15px;
	 margin-right:-15px;
 }
.both_row_side:after
  {
	  content:'';
	  clear:both;
	  display:table;
  }
.holiday_list_all ul li
 {
	 letter-spacing:0.5px;
 }
.holiday_list_all ul li:first-child
 {
	 padding-top:0px;
 }
.holiday_list_all ul li:last-child
 {
	 padding-bottom:0px;
 }
.holiday_list_all ul li
 {
	 padding:15px 0;
	 border-bottom:1px solid #eee;
 }
.holiday_list_all ul li:last-child
 {
	 border-bottom:none;
 }

.holiday_list_all ul li .holi_name,
.holiday_list_all ul li .date_day_hold
 {
	 padding-left:15px;
	 padding-right:15px;
 }
 
.holiday_list_all ul li .date_day_hold
 {
	 width:50%;
	 float:left;
 }
.holiday_list_all ul li .date_day_hold strong
 {
	 display:block;
	 margin-bottom:5px;
 }
.holiday_list_all ul li .date_day_hold span
 {
	 display:block;
	 font-size:12px;
	 color:#757575;
 } 
.holi_active .date_day_hold span
 {
	 color:#b01414 !important;
 }
.holi_active .date_day_hold strong
 {
	 color:#078c10 !important;
 }
.holi_active .holi_name strong
  {
	  color:#b01414 !important;
  }
.holiday_list_all ul li .holi_name
 {
	 width:50%;
	 float:left;
 }
 
 
 
/*--innrer page list--*/
.page_list_deep
 {
	 padding:0px;
	 margin:0px;
 }
.page_list_deep ul
 {
	 padding:0px;
	 margin:0px;
	 list-style:none;
 }
.page_list_deep ul:after
 {
	 content:'';
	 clear:both;
	 display:table;
 }

.page_list_deep ul li
 {
	 float:left;
	 padding:0px 15px;
	 position:relative;
 }
.page_list_deep ul li:after
 {
	 content:'/';
	 position:absolute;
	 top:0px;
	 left:-0px;
 }
.page_list_deep ul li:first-child:after
  {
	  content:none;
  }
.page_list_deep ul li:last-child
 {
	 padding-right:0px;
 }
.page_list_deep ul li:first-child
  {
	  padding-left:0px;
  }
 
.page_list_deep ul li a
 {
	 color:#007bff;
 }
.page_list_deep ul li:last-child a
 {
	 color:#757575;
	 pointer-events:none;
 }
.fields_container
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
 }
.feild_wrapper
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
 }
.feild_wrapper label
 {
	 font-weight:600;
	 margin-bottom:0.8rem;
 }
.feild_wrapper .form-control
 {
	 width: 100%;
    padding: 10px 15px;
    transition: 0.3s all;    
    border: 1px solid #bfbfbf;
    line-height: 20px;
    color: #212121 !important;
	font-size:14px;
    letter-spacing: 0.5px;
    background-color: #fff;
 }
.feild_wrapper .form-control:active,
.feild_wrapper .form-control:focus,
.feild_wrapper .form-control:active,
.feild_wrapper .form-control:focus
{
	outline:none;
	border: 1px solid #bfbfbf;
	box-shadow:none;
}

@media (min-width:768px)
{
.mt-md-seq
 {
	 margin-top:1.8rem;
 }
}
.form_feild_button
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
	 height:auto;
 }
.btn_orge_style
 {
    padding: 9.5px 12px !important;
    border: none;
    font-size: 14px !important;
    border-radius: 40px;
    text-align: center;
    letter-spacing: 2px;
    word-spacing: 2px;
    cursor: pointer;
    background-color: #007bff;
    border: 1px solid #007bff;
    color: #fff;
    position: relative;
    transition: 0.3s all;
 }
.btn_orge_style:hover
  {
	   transition: 0.3s all;
	   background-color: #007bff;
  }
  
.tabs_box_form
 {
	 width:100%;
	 padding:0px;
	 margin:0px;
 }

.tabs_box_form .nav-tabs
 {	
	 border-bottom:none;
 }

.tabs_box_form .nav-tabs .nav-item
   {
	   margin-bottom:0px;
   }

.tabs_box_form .nav-link
 {
	 padding:12px 15px !important;
	 letter-spacing:0.5px;
	 /*color:#007bff;*/
	 border:none !important;
 }
.tabs_box_form .nav-link.active
 {
	 color:#fff !important;
	 background-color:#212121 !important;
	 border-radius:0.3rem;
 }
.tabs_box_form .tab-content
 {
	 margin-top:40px;
 }
.checkbx_style .form-check-input
 {
	 margin-top:2px;
	 -webkit-appearance:none;
	 position:relative;
     width:20px;
     height:20px;
	 position:relative;
	 transition:0.3s all;
	 outline:none !important;	 
	 background-color:#9e9e9e;
	 border-radius:3px;
	 cursor:pointer;
 }
.checkbx_style .form-check-input:checked
 {    
     background-color:#212121;
	 transition:0.3s all;
	 outline:none;
 }
.checkbx_style .form-check-input:checked ~ :after
 {
	 content: '\2714';
	 position:absolute;
	 left:4px;
	 font-size:16px;
	 top:3px;
	 width:20px;
	 height:20px;
	 color:#fff;
	 background-color:transparent;
 }
.checkbx_style label
 {
	 vertical-align:middle;
	 margin-left:5px;
	 font-weight:500;
 }