@font-face{font-family: OpenSans-Bold;src: url(../font/OpenSans-Bold.ttf);}
@font-face{font-family: OpenSans-Regular;src: url(../font/OpenSans-Regular.ttf);}
@font-face{font-family: OpenSans-Semibold;src: url(../font/OpenSans-Semibold.ttf);}


/*-------------------dropdown - text - button--------------------------------------*/
 .dropdownMis
{
    border:1px solid #e8e9ee;
    border-radius:5px;
    padding:3px;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    background-image:url('../images/Downarrow.png');
    background-position:98%;
    background-repeat:no-repeat;
    text-indent: 0.01px;/*In Firefox*/
    text-overflow: '';/*In Firefox*/
    font-size:12px;
    font-family:OpenSans-Semibold;
    cursor:pointer;
   
}

.textMIS
 {
 	border:1px solid #e8e9ee;
 	border-radius:5px;
 	padding:3px;
 	resize: none;
 	font-family:OpenSans-Regular;font-size:13px;
 	outline: none !important;
 }
 .textMIS:hover
 {
 	outline: none !important;
 	border:solid 1.5px #8EB4D2;
 	border-radius:5px;
 }
 .textMIS:focus
 {
 	outline: none !important;
 	border:solid 1.5px #8EB4D2;
 	border-radius:5px;
 }
 
 .buttomMis
{
	background-color:#463f3e; /*#585758;064183c9*/
	border:0px;
	color:#fff;
	height:25px;
	font-family:OpenSans-Regular;
	cursor:pointer;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	min-width:100px;
}
 .buttomMis:hover
{
	background-color:#f66758;
	color:#fff;
	height:25px;
	font-family:OpenSans-Regular;
	cursor:pointer;
}
.buttomMis[disabled="disabled"]
{
	background-color:#CDCDCD;
	border:0px;
	color:#fff;
	height:25px;
	font-family:OpenSans-Regular;
	cursor:default;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	min-width:80px;
}

/*--- *************************dropdown - text - button*** End******************
/*-------------------Checkbox-Square--------------------------------------*/
.squaredThree {width: 20px;    position: relative;}
.squaredThree label {cursor: pointer;position: absolute;width: 20px;height: 20px;top: -3px;left:-2px;border: 1px solid #DDD;color:White;border-radius:4px;background-color:#f4f4f6;}
.squaredThree label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;content: '';position: absolute;width: 11px;height: 6px;background:transparent;top: 5px;left: 4px;border: 3px solid #FFF;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.squaredThree input[type=checkbox]:checked + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.squaredThree input[type=checkbox]:checked ~ label {background-color:#21aa8c;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
/*--- *************************checkbox*** End*************************---*/
/*-------------------radiobutton-Square--------------------------------------*/
.roundedradios{width: 40px;height: 20px;position: relative;}
.roundedradios div{width: 100%;height:100%;background: #ffffff;border-radius: 50px;position: relative;top:-18px;border: 1px solid #dddddd;}
.roundedradios label{display: block;width: 20px;height: 20px;border-radius: 50px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;cursor: pointer;position: absolute;top: 6px;z-index: 1;left: 0px;background:#ffffff;border: 1px solid #dddddd;}
.roundedradios input[type=radio]{margin-top:8px;}
.roundedradios input[type=radio]:checked ~ div{background: #28b99a;}
.roundedradios input[type=radio]:checked ~ label {left: 20px;}
/*--- *************************radiobutton  end*************************---*/

/*--- *************************Grid  start*************************---*/

.gridviewMis15
{
	font-family:OpenSans-Regular;
	font-size:14px;
	color:#4a5a6a;
	text-align:left;
	border:none;
	margin-top:5px;
}

.gridviewMis15 tr
{
	border-style:solid;
    border-width:5px;
    border-color:white;
}

.gridviewMis15 th
{
	background:#e8e9ee;
	border:none;
	color:#4a5a6a;
	height:25px;
	padding:10px;
}

.gridviewMis15 td
{
	border:none;
	color:#4a5a6a;
	padding-left:15px;
	background-color:#FFF;
}

.gridviewMis15 tr td
{
	background-color:#f4f4f6;
	border:none;
	color:#4a5a6a;
	
}
.gridviewMis15 .alt
{
	background-color:#f4f4f6;
	
}

/*--- *************************Grid  Input Table*************************---*/      
 .gridviewInputtbl
{
    background-color:#f4f4f6;
    font-family:OpenSans-Regular;
	font-size:14px;
	color:#4a5a6a;
	text-align:left;
	border:none;
	margin-top:5px;
}

.gridviewInputtbl tr
{
    font-size:12px;
    text-align:left;
    border-style:solid;
    border-width:5px;
    border-color:white;
    height:30px;
}
.gridviewInputtbl th
{
	background:#e8e9ee;
	border:none;
	color:#4a5a6a;
	height:25px;
	padding:5px;
	width :50px;
}
 .gridviewInputtbl td
{
    border:none;
	color:#4a5a6a;
	padding:5px;
	width :50px;
}     
     
/*--- *************************Grid  end*************************---*/


/*--- *************************Page Header Menu*************************---*/
.Nav-Logo-Main
{
	height:57px;width:100%;background-color:white;
}
@media (max-width:450px) and (min-width:250px) 
{
	.Nav-Logo-Main{margin-top:10px;}
}



.Nav-Logo-Circle{margin:5px 10px 5px 10px;width:47px;height:47px;-moz-border-radius: 30px; -webkit-border-radius: 30px;border-radius: 30px;background-color:#595b5d;padding-top:12px;padding-left:4px;}
.Nav-Main-title{color:#424E64;font-weight:bold;font-size:16px;font-family:OpenSans-Regular;}
.Nav-sub-title{color:#ff5d4c;font-weight:bold;font-size:14px;font-family:OpenSans-Regular;margin-top:2px;}

/*--- *************************End*************************---*/
.hider
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999;
   /* filter: alpha(opacity=90);
  	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;*/
    height: 100%;
    width: 100%;

}
.popup
{
	display:block;
    margin: 0 auto;
    width:40%;
    height:420px;
    position: fixed;
    vertical-align: middle;
    margin-left:20px;
    background-color:#000;
    top: 50%; 
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
    z-index: 11; /* 1px higher than the overlay layer */
}
        


/*-------------------radiobutton-Square yogesh--------------------------------------*/
.roundedradios1
{
    width: 30px;
    height: 15px;
   margin-top:15px;
    position: relative;
}
.roundedradios1 div
{
     width: 100%;
    height:100%;
    background: #ffffff;
    border-radius: 20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    position: relative;
    top:-18px;
    left:-2px;
    border: 1px solid #dddddd;
}


.roundedradios1 label
{
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    position: absolute;
    top: -2px;
    z-index: 1;
    left: -2px;
    background:#ffffff;
    border: 1px solid #dddddd;
}

.roundedradios1 input[type=radio]:checked ~ div
{
   background: #28b99a;
}


.roundedradios1 input[type=radio]:checked ~ label {
      left: 14px;
}


/*--- *************************radiobutton  end*************************---*/

.ErrorMsg
{ 
	color:red;font-family:OpenSans-Regular;padding-left:2px;margin:0;text-align:left;margin-left:30px;
	margin-top:3px;
}

/*''''''HEader Title '''*/

.divHeader 
{
    margin-left:0px;text-align:left;padding:5px;color:White;font-family:OpenSans-Regular;
	width:100%;height:31px;background-color:#ff5d4c;margin-top:15px;
	-webkit-border-top-left-radius:5px;
	-moz-border-top-left--radius:5px;	
	-webkit-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.headingTittle {width:100%; height:25px; background-color:#4D596B;color:white;font-size:14px;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;padding-top:3px;padding-left:15px;text-align:left;font-family:OpenSans-Regular;}
.profileimg
{
    width: 50px;
    height: 50px;
    -moz-border-radius:50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: #4679BD;
    margin:5px;
    
}

.LoadingPopup {
        top:40%;
    	left:25%;
        width:50%;
        height:150px;
		position:relative;
}
.hiderPopup
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999;
   /* filter: alpha(opacity=90);
  	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;*/
    height: 100%;
    width: 100%;
}