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



/* Select */
div.selector {
 background-image:none;
 padding: 0;
 position: relative;
 overflow: hidden; 
 border:1px solid #c2cad8;
 box-sizing:border-box;
 height:34px
 }

div.selector.fixedWidth {
  width: 190px; }

div.selector span {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  /*background-position: right 0;*/
  background:url(../images/arrow.png) right 5px center no-repeat; 
  padding:0.625em 1%;
  cursor: pointer;
  display: block;
   }

div.selector.fixedWidth span {
  width: 155px; }

div.selector select {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  position: absolute;
  height: 24px;
  top: 7px;
  left: 0px;
  width: 100%;   
  }
div.selector select option
{
	padding-left:10px
}

div.selector:active,
div.selector.active {
/*  background-position: 0 -192px; */
/*background:url(../images/arrow.png) right center no-repeat;*/ 
}

div.selector:active span,
div.selector.active span {
  /*background-position: right -32px;*/
/* background:url(../images/arrow.png) right center no-repeat; */ 
   }

div.selector.focus{
 border-color: #93a1bb;
    outline: 0 none
 }

div.selector.focus span,
div.selector.hover span,
div.selector:hover span {
/*  background-position: right -64px;*/
/*background:url(../images/arrow.png) right center no-repeat; */
 }
  
div.selector.focus
 {/*background-position: 0 -224px;*/ background-image:none; }

div.selector.focus span
 {/*background-position: right -96px; */
	/*background:url(../images/arrow.png) right center no-repeat;  */
 }  

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
 /* background-position: 0 -256px;*/ 
 /*background:url(../images/arrow.png) right center no-repeat;*/ 
 }

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  /*background-position: right -96px;*/ }

div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
  background-color: rgb(238,238,238)!important; /*background-color: rgba(238,238,238,1)!important;*/
  /*background-position: 0 -288px;*/ 
  background:url(../images/arrow.png) right center no-repeat; 
  }

div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
 /* background-position: right -128px; */
background:url(../images/arrow.png) right center no-repeat;  
 }
  
  div.selector {
  font-size: 12px; }

div.selector select {
  border: solid 1px #fff;
  padding-left:10px !important; 
   }

div.selector span {
  color: #555;
  }

div.selector.disabled span {
  color: #a0a0a0; }

/*<!--++=======================================================================+++++++++++-->*/

div.selector 
{
    width: 100%!important;
	/*background-color:#cccccc !important;	*/
}
/*div.selector:hover 
{
	background-color:#b7adad !important
}*/
div.selector span { width:auto!important;padding:0 15px;font-size:14px;line-height:34px}
.div.selector span { width:auto!important;}
div.selector select option
{
	font-size:14px
}
.accessCheck
{
	margin-top:10px;
	margin-bottom:15px !important
}

/* Uploader (input type file)css ends */



















@media screen and (max-width: 768px) {
    .leftPanel {
        width:100%;
		
    }
	.leftPanelInnerMain
	{
		border-right:0;
		padding-right:0
	}
	.rightPanel
	{
		  border-top: 1px solid #fff;
			margin-top: 40px;
			padding-top: 20px;
			width: 100%;
	}
	.rightPanelInner
	{
		border:0px
	}
	.commOuter
	{
		padding-bottom:10px
	}
	.save
	{
		margin-left:7px
	}
	.buttonDV
	{
		margin-top:55px
	}
	.submitBtn
	{
		margin-left:0
	}
	.personal
	{
		margin-top:7px
	}
}
@media screen and (max-width: 640px) {
.head
{
	padding:0 10px;
	height:102px
}
.mainPanel
{
	padding:0 10px;
	padding-top:108px
}
.head h1
{
	font-size: 80px;
    padding-top: 25px;
}
.leftPanel
{
	margin-top:10px
}
}
@media screen and (max-width: 480px) {
.head
{
	height:82px
}	
.head h1 {
    font-size: 59px;
    padding-top: 25px;
}
.mainPanel
{
	padding-top:82px
}
}
@media screen and (max-width: 360px) {
.head h1 {
    font-size: 45px;
    padding-top: 38px;
}
.personal
{
	font-size:28px
}
}
@media screen and (max-width: 320px) {
.head h1 {
    font-size: 40px;
    padding-top: 43px;
}
.personal
{
	font-size:30px
}
}