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

@media screen and (max-width: 1366px) 
{
    .master {
        width: 100%;
    }
	
	header{min-width: 100%;}
	
	/*Dashboard Div Start*/

}


@media screen and (max-width: 1280px) 
{
	.searchBx{width: 100%;
    margin: 10px 0 0 0;;
    float: left;
    clear:both;}
	
	/*Dashboard Div Start*/
	.FromAge{ margin-top:10px;}
	.btnGo {  margin-top: 20px;}
}

@media screen and (max-width: 1000px) 
{
	.DashMenu {position: fixed; min-width: 200px; height: 100vh; left: -200px;     z-index: 10;}
	.menuIcn{display: block;}
	
	
	.slidClass{left: 0px;}
	.slidClass-add{transition: all ease-in-out .5s;}
	.slidClass-remove{transition: all ease-in-out .5s;}
	
	.DashBody { width:100%; padding: 50px 10px; margin: 0;}
	
	
	.content {padding: 10px;}
	.EditEmp{width: calc(100% - 20px);}
	
	
    
}


@media screen and (max-width: 700px) 
{
	.menuIcn{height: 42px;
		padding: 2px;}
	
	
	logo{margin: 6px 0 0 8px;
padding: 0;
width: 240px;
height: 40px;}
	
	.CrnLog{float: left;
clear: both;
height: 30px;
padding: 0;
line-height: 23px;}
	
	
	.CrnLog:after {
    content: "";
    width: 35px;
    height: 33px;
    float: left;
    margin: 0 10px 0 0;
    background: url(../images/user-icon.png) 9px 0px no-repeat;
	
}
	.head {
  
    height: 85px;
	}
	
	
	.dateFild{ clear: both; height: 44px; float: left; width: auto;}	
	
	
	.dwn {  width: 100%;  
   	clear: both;
		float: left;
		margin:10px 0 0 0;
	
	}
	
	.selectRp {width: 100%;   background: url(../images/eroDs.png) 100% 0px no-repeat;}
	

	
	
	.dateFild span {
    display: block;
		margin: 0 12px 0 0;
	
		float: left;
	}
	
	.dateFild span:nth-child(1){float: right;}
	
	
	
	.selectBtnGr {margin: 5px 0 0 0; clear: both; float: left;	}
	
	
	
	.dsbordImg{width: 100%;}
	
	
}