@media (min-width:992px){
.manage_area .form-control {
	display: inline-block;
	width: 46%;
	float: left;
	margin: 7px 2% !important;
}
.radio_sec {
	/* padding-left: 2%; */
	display: inline-block;
	margin: 2% !important;
}
.manage_area textarea {
	width: 96% !important;
	margin: 7px 2% !important;
	border-radius: 4px;
	border:none;
	padding: 15px;
}
.details_link{
	padding-left:2% !important;
}
}
.manage_area .form-control {
	margin: 7px 0;
}
.radio_sec {
	margin: 2%;
}
.manage_area textarea {
	width:100%;
	border-radius: 4px;
	border:none;
	padding: 15px;

}

.manag_menu .navbar-nav {
	display: block !important;
	width: 100%;
}
.manage_area {
	background-color: #d3d3d3;
	/*padding:30px 60px;*/
	margin:0px 0;
	border-radius: 20px;
}
.details_link a{
	font-size:14px;
	text-decoration:none;
	color:#747474;
}
.manage_area input[type="submit"]{
	background-color:#000;
	border-color:#000;
	font-size:18px;
	font-weight:600;
	padding:10px 40px;
}
.orange_bg h2{
	background-color: #ff742b;
	display: inline-block;
	padding: 6px 15px;
	color: #fff;
	margin:30px 0 0 0;
	font-size:24px;
}
.orange_bg{
	text-align:center;
}
.left_panel {
	padding: 0 !important;
	background:none;
}
.manag_menu {
	background: #4e4e4e;
}
.left_panel .manag_menu .navbar-nav li{
	border-bottom: 1px solid #7d7d7d;
}
.left_panel .manag_menu .navbar-nav li:last-child{
	border-bottom:none;
}

@media (min-width:320px) and (max-width:499px){	
.manage_area {
	padding:20px 30px;
}
.orange_bg h2 {
	font-size: 20px;
}
}
.manag_menu .navbar-nav > li {
	float: none !important;
}
.wrappar {
	float: none !important;
}
#section3 {
	height: 500px !important;
}
.icon1 i, .icon6 i{
	display:none;
}
.icon5 i, .icon7 i, .icon9 i, .icon8 i{
	display:none;
}
.icon9 {
	width: 100% !important;
}
.butgrid2 .form-check {
	float: none;
}

@media (min-width:1200px){
.icon5 {
	width: 49% !important;
}	
.icon7 {
	width: 49% !important;
}
}
@media (max-width:1199px){
.icon5 {
	width: 100% !important;
}
.icon6 {
	margin: 0 !important;
	width: 100% !important;
}	
.icon7 {
	float: none !important;
	width: 100% !important;
}
.icon7 #fname2 {
	padding: 12px 13px 0px 0px;
}
.icon8 {
	margin: 0px 0px 8px 0 !important;
	width: 100% !important;
}
}
.butgrid2 {
	margin: 44px 0px 15px 0px !important;
}

@media (min-width:320px) and (max-width:992px){
.heading1 h1 {
	font-size: 24px !important;
}
#section2 h2 {
	font-size: 24px !important;
}
#section3 h2 {
	font-size: 24px !important;
}
#button {
	width: auto !important;
}
.gridbox-bottom input[type="submit"] {
	padding: 5px 20px !important;
	width: auto !important;
	margin: 27px 0px 14px 0 !important;
}
}
@media (min-width:320px) and (max-width:767px){
.manage_area {
	padding: 20px !important;
}	
.heading1 h1 {
	text-align: center !important;
	padding: 15px !important;
}
.top-grid {
	padding: 20px !important;
}
#section2 h2 {
	text-align: center !important;
	padding: 15px !important;
}
#section3 h2 {
	text-align: center !important;
	padding: 15px !important;
	margin: 0 !important;
}
#button {
	text-align: center !important;
}
}

@media (min-width:320px) and (max-width:767px){
.top-grid{
	border-left:none !important;
}
.gridbox-mideal {
	border-left: none !important;
}
.gridbox-bottom {
	border-left: none !important;
}
#section1 .row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.gridbox-mideal {
	margin: 0 !important;
}
#section2 {
	padding: 20px !important;
}
.gridbox-bottom .bottom-grid {
	border-left: none !important;
}
#section3 .row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
#section3 {
	height: auto !important;
}
}
.right_panel .date_range {
	width: auto;
	margin-left: auto;
}
.range_form{
	margin:10px 0;
}
.right_panel .form_area_flex {
	margin: 30px 0 0 0;
}
.manage_area_label {
	background-color: #d3d3d3;
	padding:30px 60px;
	margin:20px 0;
	border-radius: 20px;
}
.manage_area_label .form-control{
	margin:0 0 20px 0;
}
.manage_area_label label{
	margin:0 0 5px 0;
}
.manage_area_label input[type="submit"] {
	background-color: #000;
	border-color: #000;
	font-size: 18px;
	font-weight: 600;
	padding: 10px 40px;
	margin:15px 0 0 0;
}	



.top_enquiry {
	background-color: #ececec;
	border: 1px solid #e3e0e0;
	border-radius: 10px;
	margin: 0 0 5px 0;
}
.top_row .top_enquiry {
	min-height: 180px;
}
.blackbg {
	background-color: #000000;
	padding: 10px;
	text-align: center;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.blackbg h3{
	font-size:24px;
}
.bottom_details{
	padding:10px;
}
.bottom_details p {
	font-size:18px;
	color: #000;
	padding: 0;
	margin: 0;
}
.bottom_details p a {
	font-size: 14px;
	position: absolute;
	bottom: 0;
	right: 20px;
	color: #4e4e4e;
}
/*.new_manage_area{
	padding:50px 0;
}*/
.bottom_details textarea{
	width:100%;
}
.radio_new {
	width: 49%;
	display: inline-block;
	margin: 5px 0;
}
.search_box select{
	background-color:#ececec;
	padding:5px;
	height:40px;
	width:100%;
	border:none;
	margin: 0 0 30px 0;

}
td, th {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #e4e4e4 !important;
}
.right_panel {
	width: 95%;
	margin: auto;
}
th {
	background-color: #bfbfbf;
	color:#000;
}
.chat{
	margin:0;
	padding:0;
	list-style-type:outside none none;
}
.chat li{
	display:inline-block;
	margin-right:15px;
}
.chat li img{
	margin-right:5px;
}
.select_box select{
	width: 80%;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #b3b3b3;
	padding: 3px;
}
.select_box label{
	width:20%;
	float:left;
}
.select_box{
	margin:10px 0;
}
.table_lead th {
	background-color: #000;
	color: #fff;
}
.filter_box td{
	background-color:#afafaf;
}
.table_lead td, .table_lead th {
  border: 1px solid #a2a2a2;
  text-align: center;
  padding: 8px;
}
.table_lead tr: nth-child(even) {
  background-color: #dddddd !important;
}
.table_lead tr {
  background-color: #e6e6e6;
}
/*.pagination{
	background-color:#a2a2a2;
	width:100%;
	padding:10px;
	border-radius:0;
}*/
.table_heading{
	color:#ff7228;
	padding-top:30px;
}
.newrow{

	align-items: center;
}
.csvdowload{
	text-align: right;

}
.csvdowload p{
	margin: 0;
	padding-top: 30px;

}
	
/************** modal css *******************/
/*############# start ##############*/


.modal_new_edit{
position: absolute;
top: 20px;
left: 0;
right: 0;
bottom: 20px;
/*height:0;*/
display: none;
background: rgba(0,0,0,0.1);
overflow: hidden;
z-index: 999;
transition: 0.8s;
display: flex;
justify-content: center;
align-items: center;
}



.modal_new_edit .right_panel_modal{
  width: 100%;
}

.modal_new_edit .modal_content_box1::-webkit-scrollbar{
display: none;
}


.modal_new_edit .modal_content_box1{
  position: relative;
  height: 98%;
  width: 98%;
  margin: auto;
  background: #fafafa;
  overflow: auto;
  padding:10px 10px 60px 10px;
  border-radius: 10px;
}

.modal_new_edit .modal_content_lead{
  position: relative;
  height: 60%;
  width: 70%;
  margin: auto 5% auto auto;
  top: 35%;
  /*background: #fafafa;*/
  overflow: auto;
  /*padding:10px 10px 10px 10px;*/
  border-radius: 10px;
  /*border-bottom: 20px solid #fafafa; */
}
#cln .ui-widget.ui-widget-content{
	width: 100%;
}
.manage_area{
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
.manage_area .text_heading{
 
 padding-bottom:20px;
}
.manage_area .close_btn{
position: absolute;
right: 10px;
top: 10px;
}

.modal_new_edit .modal_content_lead::-webkit-scrollbar{
	display: none;
}

.modal_open{
  height: 100% !important;
  overflow: auto;

}

.modal_new_edit .amount{
  text-align: right;
}
.modal_new_edit .header{
  background: #eee;
  padding: 7px 15px;
  border-bottom: 1px solid #fff;
}

.modal_new_edit  .modal_footer_bar_edit{
  background: #000;
  padding: 10px 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: 1s;
  z-index: 9999 !important;
}

.modal_new_edit form .form-control{
  border-radius: 0;
}
.modal_new_edit form label{
  margin-top: 20px;
}
/*####### end ############*/
.modal_open{
  /*height: 100% !important;*/
  display: block;

}

/********************************/	
	
.management_section{
	overflow:hidden;
}	
.heading2 h1 {
	text-align: right;
	margin: 0px 0px;
	font-family: 'Sanchez', serif;
	color: #0a1847;
	font-size: 40px;
	padding: 70px 0 0 0;
}	
.manage_area_edit #section1 {
	background-color: #d3d3d3;
}	
.manage_area_edit form {
	background-color: #d3d3d3;
}
.manage_area_edit .gridbox-top {
	background-color: #d3d3d3;
}
.manage_area_edit  #section2 {
	background-color: #d3d3d3;
}
.manage_area_edit .gridbox-mideal{
	background-color: #d3d3d3;
}	
.manage_area_edit #section3 {
	background-color: #d3d3d3;
}
.manage_area_edit .gridbox-bottom{
	background-color: #d3d3d3;
}
.manage_area_edit .heading1 h1 {
	color: #000;
}	
.manage_area_edit #section3 h2 {
	color: #000;
}
.manage_area_edit #section2 h2 {
	color: #000;
}	
.manage_area_edit .gridbox-bottom p {
	color: #000;
}	
.manage_area_edit .gridbox-bottom select {
	color: #000;
}
.manage_area_edit .lname {
	color: #000;
}
.manage_area_edit label {
	color: #000;
}
.manage_area_edit .icon1 {
	border-bottom: 1px solid #000;
}
.manage_area_edit #lname2 {
	color: #000 !important;
}
.manage_area_edit .icon5 {
	border-bottom: 1px solid #000;
}
.manage_area_edit .gridbox-top input[type="tel"] {
	color: #000;
}
.manage_area_edit .gridbox-top input[type="email"] {
	color: #000;
}
.manage_area_edit .gridbox-top input[type="text"] {
	color: #000 !important;
}
.manage_area_edit .gridbox-top select {
	color: #000 !important;
}
.manage_area_edit #fname2 {
	color: #000 !important;
}
.manage_area_edit .icon9 {
	border-bottom: 1px solid #000;
}
.manage_area_edit .icon7{
	border-bottom: 1px solid #000;
}
.manage_area_edit .icon8{
	border-bottom: 1px solid #000;
}
.manage_area_edit .icon6{
	border-bottom: 1px solid #000;
}
.manage_area_edit .gridbox-bottom input[type="text"] {
	color: #000;
}
.manage_area_edit .gridbox-bottom input[type="tel"] {
	color: #000;
}
.manage_area_edit .gridbox-bottom input[type="submit"] {
	background-color: #000;
	border-color: #000;
	font-size: 18px;
	font-weight: 600;
	padding: 10px 40px;
}
.manage_area_edit .bottom-grid {
	border-left: 1px solid #000;
}
.manage_area_edit .top-grid {
	border-left: 1px solid #000;
}
table {
	border-collapse: collapse;
	width: 100%;
}
.icon-input-btn input[type="submit"] {
	background-color: #000;
	border-color: #000;
	font-size: 18px;
	font-weight: 600;
	padding: 8px 40px;
	border: none;
	color: #fff;
	text-align: center;
}
.icon-input-btn{
	display: inline-block;
	position: relative;
}
.icon-input-btn .fa {
	display: inline-block;
	position: absolute;
	left: 15px;
	top: 30%;
	color: #fff;
}
.pagination li {
	background: #afafaf;
	text-align: center;
	margin: 5px;
	padding:0px 13px;
	color: #fff;
	line-height: 35px;
}	
.pagination li a{
	color: #fff;
}	
.pagination li:hover{
	background: #000 !important;
}
.pagination li.active{
	background: #000 !important;
}
.pagination li:focus{
	background: #000 !important;
}	
	
/*change this doc	*/
.form_box_area{
    position: relative;
    /*margin-bottom: 275px;*/
}

.width_calendar{
   width: 46%;
    float: left;
    margin: 7px 2% !important;
}	




/*###########################*/

.calender_box_tab{
	position: relative;
}


/************************tocall popup*********************************************/

.calender_box_tab .tocall_pop.green{
	position: absolute;
	top: 42%;
    right: 10px;
    width: 200px;
    background: #b5ecc6;
}
	
	.calender_box_tab .tocall_pop ul{
		list-style: none;
		padding-left: 0px;
		
	}

	.calender_box_tab .tocall_pop ul li a{
		color: #000;
		text-decoration: none;
		padding-left: 7px;
	}

	.calender_box_tab .tocall_pop.green .header_li .closex{	
		float: right;
		padding-right: 5px;
	    margin-top: -3px;
	    cursor: pointer;

	}

	/*.calender_box_tab .tocall_pop ul li:hover{
			background: green;		
	}
*/

	/*chang style*/

	.calender_box_tab .tocall_pop.green ul li a{
		color: #000;		
	}

.calender_box_tab .tocall_pop.green{
	background: #b5ecc6;
}

.calender_box_tab .tocall_pop.green .header_li{
			background: green;	
			color: #fff;
			padding-left: 5px;	
	}


/************************walk in popup*********************************************/

.calender_box_tab .tocall_pop.blue{
	position: absolute;
	top: 42%;
    right: 7px;
    width: 200px;
    background: #33C7FF;
}
	
	.calender_box_tab .tocall_pop ul{
		list-style: none;
		padding-left: 0px;
		
	}

	.calender_box_tab .tocall_pop ul li a{
		color: #000;
		text-decoration: none;
		padding-left: 7px;
	}

	.calender_box_tab .tocall_pop.blue .header_li .closex{	
		float: right;
		padding-right: 5px;
	    margin-top: -3px;
	    cursor: pointer;

	}

	/*.calender_box_tab .tocall_pop ul li:hover{
			background: green;		
	}
*/

	/*chang style*/

	.calender_box_tab .tocall_pop.blue ul li a{
		color: #000;		
	}

.calender_box_tab .tocall_pop.blue{
	background: #33C7FF;
}

.calender_box_tab .tocall_pop.blue .header_li{
			background: blue;	
			color: #fff;
			padding-left: 5px;	
	}



	/************************panding popup*********************************************/

.calender_box_tab .tocall_pop.red{
	position: absolute;
	top: 42%;
    right: auto;
    left: 27%;
    width: 200px;
    background: #FF5454;
}
	
	.calender_box_tab .tocall_pop ul{
		list-style: none;
		padding-left: 0px;
		
	}

	.calender_box_tab .tocall_pop ul li a{
		color: #000;
		text-decoration: none;
		padding-left: 7px;
	}

	.calender_box_tab .tocall_pop.red .header_li .closex{	
		float: right;
		padding-right: 5px;
	    margin-top: -3px;
	    cursor: pointer;

	}

	/*.calender_box_tab .tocall_pop ul li:hover{
			background: green;		
	}
*/

	/*chang style*/

	.calender_box_tab .tocall_pop.red ul li a{
		color: #000;		
	}

.calender_box_tab .tocall_pop.red{
	background: #FF5454;
}

.calender_box_tab .tocall_pop.red .header_li{
			background: red;	
			color: #fff;
			padding-left: 5px;	
	}


.leads_boxs.calender_boxs{
position: relative;
}

.leads_boxs.calender_boxs .tocall_pop.white{
	position: absolute;
	top: 10%;
	right: 0;
	background: #fff;
	box-shadow: 0 0 17px 3px rgba(0,0,0,0.1);
}

.leads_boxs.calender_boxs .tocall_pop.white ul {
	list-style: none;
	    padding-left: 10px;
    padding-top: 10px;
    padding-right: 26px;
    top: 7px;


}
.leads_boxs.calender_boxs .tocall_pop.white ul span{
	display: block;
	text-align: right;
	position: absolute;
	right: 5px;
	top: 0;
	color: #000;
	cursor: pointer;
}

.leads_boxs.calender_boxs .tocall_pop.white ul a{
	text-decoration: none;
}




/*===================
sms templete
=================*/

.manage_area.padding{
	padding-top: 0 !important;
	position: relative;
}

.manage_area.padding .close_btn{
  position: absolute;	
  top:0;
}

.manage_area.padding .close_btn .btn{
 color: #fff;
}

.manage_area.padding h5{
	background: #000;
	color: #fff;
	padding: 10px 5px;
}

.manage_area.padding .form_box_area a{
	color: #5a5a5a;

}




/*bulk sms*/
.form_stl.range_form{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.form_stl.range_form .input_box{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.form_stl.range_form .input_box .fa-pencil-square-o{
color: #FBC117;
display: block;
    margin-left: 12px;
    font-size: 20px;
}



}
.range_form.form_stl .lbl{
	margin-top: 0 !important;

}


.form_stl.range_form .input_box input[type="text"]{
	    background: transparent;
    border: 1px solid #b3b1b1;

}

.check_flx{
	display: flex;
	margin-top: 50px;
}

.check_flx .chk_box{
/* margin-left: 30px;*/
}

.select_box{
display: flex;
 align-items: center;
 margin-top: 30px;
}


.modal_content_lead.bulk_sms{
	top: 50%;
}

/*=====================
add lead
===================*/
.top_form_div {
	position: relative;
}
.add_lead_sec .top_form_div button.close_div.btn {
    position: absolute;
    top: -33px;
    right: 0;
}

.modal_button_box{
	display: flex;
	width:100%;
	align-items: center;
	justify-content: space-between;
}
.add_lead_sec .form-control {
    display: inline-block;
    width: 46%;
    float: left;
    margin: 3px 2% !important;
    height: 33px;
    font-size: 14px;
}
.add_lead_sec .blackbg{
	padding: 4px;
}
.add_lead_sec .blackbg h3{
	font-size: 14px;
	margin-bottom: 0;
}

.add_lead_sec .ui-datepicker table{
	font-size: 13px;
}
.add_lead_sec .ui-datepicker .ui-datepicker-title{
	font-size: 12px;
}
.add_lead_sec .modal_button_box .btn.btn-success{
	padding: 4px 20px;
}
.add_lead_sec .manage_area input[type="submit"]{
	padding: 4px 10px;
	font-size: 10px;
}
	

.manage_area.scroll::-webkit-scrollbar{
	display: none;
}



.filter_box .search_td{
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.filter_box .search_td input{
 width: 85%;
 box-shadow: none;
 outline: none;

}
.filter_box .search_td button{
	width: 15%;
	color: #fff;
	padding: 0;
	background: none;
	border: 0;
}

.form_box_area.d-flex .input_width .form-control{
	width: 100% !important;
	position: relative;
	z-index: 11;
}
.form_box_area.d-flex .input_width{
	width: 48%;
	position: relative;
}

.form_box_area.d-flex .input_width .error{
	position: relative;
	left: 11px;
}
 .form_box_area.d-flex{
 	width: 97%;
 	flex-wrap: wrap;
 	justify-content: space-between;
 }

  .radio_sec.input_width{
 	padding-left: 13px;
    display: inline-block;
    margin: 0% !important;
 }

 .radio_box .radio_new {
  width: 23%;
}

.manage_area .form-control {
	display: inline-block;
	width: 48%;
	float: left;
	margin: 7px !important;
}



/*status_dashboard  page*/

.date_input{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.date_input input{
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #eee;
	margin-left: 20px;
}
.date_input .date_input_box2{
margin-left: 20px;
}

.date_input i{
	color: #ff962e;
}
.box_portal_list{
	margin-top: 10px;
}
.box_portal_list .list_sec{
	display: flex;
}

.box_portal_list .list_sec p:first-child{
	width: 40%;
}
.box_portal_list .list_sec p:last-child{
	margin-left: 10px;
	width: 60%;
}

	




/*=============================
add employ page style start
===========================*/
.add_Employ{
	text-align: center;
	    margin: 10px 0 50px 0;
	position: relative;
}
.employ_sec{
	background: #D3D3D3;
	border-radius: 10px;
	padding: 10px 30px;
	margin-top: 30px;
	margin-bottom: 50px;
}


.flex_div.select_zone{
	display: flex;
	margin-top: 20px;
    justify-content: space-around;
    background: #D3D3D3;
    padding: 20px 10px;
}
.flex_div.select_zone select{
	width: 200px;
}

.flex_div .new{
	width: 100%;
	position: relative;
}

.flex_div.select_zone .error{
position: relative;
}

.flex_div .new .error {
    color: red;
    position: absolute;
    left: 3px;
    bottom: -15px;
    font-size: 12px;
}



.add_Employ .eploy_heading span{
position: absolute;
right: 20px;
top: 0;
font-size: 15px;
font-weight: 500;
}


.employ_sec .flex_div{
	display: flex;
	align-items: center;
	margin-bottom: 14px;
	}

.employ_sec .right_form .flex_div.reference label{
	width: 20%;
	margin-right: 7px;
}
.employ_sec .right_form .flex_div.doc label{
	width: 21%;
	margin-right: 14px;
}

.employ_sec .right_form .flex_div.role label , .employ_sec .flex_div.dept label{
	width: 20%;
	margin-right: 7px;
}


.employ_sec .left_form .flex_div input:nth-child(2){
	margin-left: 7px;
}

.employ_sec  .btn.btn_black{
	background: #000;
	padding: 7px 20px;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

.employ_sec .profile_area{
	display: flex;
	justify-content: space-around;
    align-items: center;
}

.employ_sec .profile_area .round_prof_box{

	width: 150px;
	height: 150px;
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 100%;
	position: relative;
}
.employ_sec .flex_div.prof_box{
	position: relative;
	margin-bottom: 43px;
}
.employ_sec .flex_div.prof_box span{
	display: block;
	position: absolute;
	right: 0;
	bottom: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 100%;
	background: #000;
	color: #fff;
	text-align: center;

}

.employ_sec .profile_area .round_prof_box img{
	width: 100%;
}



.flex_div.dob input{
	width: 100px;
	border: 0;
	padding: 5px;
	background: #eee;
	margin-left: 38px;
	margin-right: 5px;
	border-radius: 4px;
}
.flex_div.dob .fa-edit{
	color: #ff8d00;
	font-size: 18px;
}

.employ_sec .profile_area .flex_div.gender { 
	align-items: flex-start;
	margin-bottom: 30px;
}


.employ_sec .profile_area .flex_div.gender .inpte_radio{
	margin-left: 20px; 
}




/*=============================
add employ page style end
===========================*/



/*============================
employ list page
=========================*/

.employ_list_table { 
    border-radius: 12px;
    overflow: hidden;

}
.employ_list_table .table{
	margin-bottom: 0;
}

.select_employ_input .width_select{
	width: 50%;
	margin: 30px auto; 
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.select_employ_input .width_select label{
	margin-bottom: 0;
	width: 25%;
}

.select_employ_input .width_select .select_input{
	width: 70%;
	padding: 3px 7px;
	border-radius: 6px;
	box-shadow: 0 0 16px 0px rgba(0,0,0,0.1);
}

.employ_list_table .table thead th{
	background-color: #000; 
	color: #fff;
	border-color: #a5a0a0;
}
.employ_list_table .table tbody tr td{
	border-color: #a5a0a0;
}
.employ_list_table .table tbody tr:nth-child(odd) td{
	background: #E6E6E6;
	
} 

.employ_list_table .table tbody tr:nth-child(even) td{
	background: #C3C3C3;
} 

.employ_list_table .table td, .employ_list_table .table th{
	padding: 8px;
}

.form_pagination{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #b3adad;
	padding:3px 20px;
}

.form_pagination .pagination_arrow a{
	color: #000;

}

.form_pagination .pagination_arrow a.btn_a{
	text-decoration: none;
    padding: 0 4px;
    background: #E6E6E6;
    margin-right: 4px;
    display: inline-block;
    color: #000;
}

.form_pagination .button-group .btn{
	background: #000;
	color: #fff;
	margin-left: 20px;
	padding: 3px 20px;
}

.employ_list_table .pagination li.active a{
	color: #fff !important;
}

.employ_list_table .pagination li:hover a{
	color: #fff;

}
.employ_list_table .pagination li {
	padding: 0;
}
.employ_list_table .pagination li a{
	display: inline-block;
	  padding: 0px 13px;
	  text-decoration: none;
}

.employ_list_table ul.pagination{
	margin-bottom: 0;
}
.width_select .emp_btn{
	display: block;
	width: 100%;
	text-align: right;
	margin-top: 15px;
}
.width_select .emp_btn .btn {
    background: #000;
    color: #fff;
    margin-left: 20px;
    padding: 3px 20px;
}

/*=====================
 edit employ one
========================*/

.update_box{
	background: #eee;
	padding:26px 15px;
	width: 50%;
	border-radius: 10px;
	margin:50px auto;
	/*min-height: 280px;*/
}
.update_box h3{
	text-align: center;
	color: #000;
}

.update_box p{
	margin:14px 0;
	text-align: center;

}

.update_box .button_box{
	text-align: center;
	margin-top: 15px; 
}
.update_box .button_box .btn{
	color: #fff;
	background: #e83838;
	border: 0;
	padding: 3px 16px;
    border-radius: 0;
}
.update_box .box_list{
	width: 63%;
    margin: auto;
}
.update_box .box_list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}