@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--------------------------------------*/
table td
{
	font-size:12px;
	font-family:OpenSans-Regular;
    /*height:30px;*/
}
a
{
	text-decoration:none;
	font-family: OpenSans-Bold;
	font-size:13px;
}
 select
{
    border:1px solid #e8e9ee;
    border-radius:5px;
    -webkit-border-radius:5px;
	-moz-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;
    min-width:120px;
}
select:hover
{
	outline: none !important;
 	border:solid 1.5px #8EB4D2;
 	border-radius:5px;
 	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
input[type=text],textarea
 {
 	border:1px solid #e8e9ee;
 	border-radius:5px;
 	-webkit-border-radius:5px;
	-moz-border-radius:5px;
 	padding:3px;
 	resize: none;
 	font-family:OpenSans-Regular;
 	font-size:13px;
 	outline: none !important;
 }

 input[type=text]:hover,textarea:hover
 {
 	outline: none !important;
 	border:solid 1.5px #8EB4D2;
 	border-radius:5px;
 	-webkit-border-radius:5px;
	-moz-border-radius:5px;
 }
 input[type=text]:focus,textarea:focus
 {
 	outline: none !important;
 	border:solid 1.5px #8EB4D2;
 	border-radius:5px;
 	-webkit-border-radius:5px;
	-moz-border-radius:5px;
 }


 input[type=button]
{
	background-color:#22baa1; /*#585758;*/
	border:0px;
	color:#fff;
	height:25px;
	font-family:OpenSans-Regular;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	min-width:80px;
    
}
 input[type=button]:hover
{
	background-color:#424242;
	height:25px;
	font-family:OpenSans-Regular;
	cursor:pointer;
}
input[type=button][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;
}

label
{
	font-family:OpenSans-Regular;
	font-size:13px;
}

.linkbutton
{
	font-family:OpenSans-Regular;
	font-size:13px;
	text-decoration:none;
	color:#000;
}
.linkbutton:hover
{
	color:#2a3f54;
}

/*--- *************************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: 10px;height: 5px;background:transparent;top: 6px;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: 30px;height: 15px;position: relative;}
.roundedradios div{width: 100%;height:100%;background: #ffffff;border-radius: 50px;position: relative;top:-15px;border: 1px solid #dddddd;}
.roundedradios label{display: block;width: 12px;height: 13px;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: 7px;z-index: 1;left: 2px;background:#ffffff;border: 1px solid #dddddd;}
.roundedradios input[type=radio]{margin-top:8px;}
.roundedradios input[type=radio]:checked ~ div{background: #28b99a;border: 1px solid #28b99a;}
.roundedradios input[type=radio]:checked ~ label {left: 18px;border: 1px solid #28b99a;}

/*--- *************************radiobutton  end*************************---*/
.roundedradios1
{
    width: 30px;
    height: 15px;
   margin-top:15.2px;
    position: relative;
}
.roundedradios1 div
{
     width: 100%;
    height:100%;
    background: #ffffff;
    border-radius: 20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    position: relative;
    top:-13px;
    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: 0px;
    z-index: 1;
    left: -2px;
    background:#ffffff;
    border: 1px solid #dddddd;
}

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


.roundedradios1 input[type=radio]:checked ~ label {
      left: 14px;border: 1px solid #28b99a;
}

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



/*--- *************************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;
	font-size:9px;
}
 .gridviewInputtbl td
{
    border:none;
	color:#4a5a6a;
	padding:5px;
	width :50px;
	font-size:11px;
}
 
  .DataGrid 
        {
           font-size:12px;
           font-family:OpenSans-Regular;
           width:100%;
           text-align:left;border-collapse:collapse;
        }
       .DataGrid tr
        {
              border-style:solid;
              border-width:5px;
              border-color:white;
        }
       .DataGrid th
        {
           font-family:OpenSans-Bold;
           height:40px;
           padding-top:5px;
           vertical-align:top;
           background-color:#E8E9EE;
           border-style:solid;
           border-width:1px;
           border-color:white;
           word-wrap:break-word;
           padding-left:5px;
           color:#2a3f54;
        }
       .DataGrid td
        {
           height:50px;
           font-family:OpenSans-Regular;
           vertical-align:top;
           background-color:#F4F4F6;
           border-style:solid;
           border-width:1px;
           border-color:white;
           word-wrap:break-word;
           padding-left:5px;
           padding-top:10px;
           padding-bottom:10px;
        }     


/*--- *************************Grid  end*************************---*/


/*--- *************************Page Header Menu*************************---*/
/*.dashamin{width: -moz-calc(100% - (230px));width: -webkit-calc(100% - (230px));width: calc(100% - (230px));float:right;padding:0px 0 0 0;}
.dashaminclicked{width: -moz-calc(100% - (70px));width: -webkit-calc(100% - (70px));width: calc(100% - (70px));float:right}*/

.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:#435063;padding-top:13px;padding-left:14px;}
.Nav-Main-title{color:#424E64;font-weight:bold;font-size:16px;font-family:OpenSans-Regular;text-align:center;}
.Nav-sub-title{color:#22BAA0;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 */
}

.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;font-size:13px;
	width:100%;height:31px;background-color:#4d596b;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;
}
.title {
    border-bottom:2px solid #CDCDCD;font-size:16px;color:#2a3f54;padding:5px;font-family: OpenSans-Semibold;padding-left:2px;
}
ButtonTransparent {
    background-color:transparent;border-style:none;color:black;
}
.cssPopupSearch {
    top:10%;
    	left:25%;
        width:50%;
        height:450px;
        border:2px solid #22BAA1;
        border-top-left-radius:6px;
		border-top-right-radius:6px;
        -webkit-border-top-left-radius:6px;
		-webkit-border-top-right-radius:6px;
		-moz-border-top-left-radius:6px;
		-moz-border-top-right-radius:6px;
		position:relative;
		background:#fff;
		
}

.cssPopupLoading {
        top:40%;
    	left:45%;
        width:50%;
        height:150px;
		position:relative;
}

@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
-moz-text-transform: blink;
}