@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
/* datatable heading adjestment clases*/
.u-pad-200{padding-left: 200px;
			padding-right:200px;}
.u-pad-150{padding-left:150px;
			padding-right:150px;}
.u-pad-125{padding-left:125px;
			padding-right:125px;}
.u-pad-100{padding-left:100px;
			padding-right:100px;}
.u-pad-75{padding-left:75px;
			padding-right:75px;}
			
table th{
	vertical-align:top !important;
	text-align:center !importnat;
	
}


span.question {
position: absolute !important;
    right: 20px !important;
top: 10px !important;}

	.mainpanel{
		padding-bottom:15px;
		
	}
	#popup_container{
		top: 40vh !important;
		position: fixed;
	}
	
	.dataTables_length select
	{
	width:50px !important;	
	}
	
	.panel{
		box-shadow:0 0px 0px rgba(0,0,0,.05) !important;
	}
	
	.panel-body{
		padding-bottom:0px !important;
	}
	.mark-u{
		color:red;
	}

	.dataTables_scrollBody{
	    max-height: 300px !important;
		height: auto  !important; 
	}


	/*center textarea.form-control {
		height:100px !important;
		 overflow-x: hidden !important;
}*/
	
	.regColor{
		color:#3490d8;
		font-size:16px;
		font-weight:bold;
	}
	
		/*18-12-17 added by raju for form padding*/

		.nopad{
		font-weight:normal !important;	
		}
		
	
	
	.regAddress{
		text-align:right;
		color:#428bca;
	}
	
	label{
		/*word-break: break-all !important;  
		    font-weight: bold !important;*/
	}
	
	.worpwrap{
		word-break: break-all !important;
		overflow-wrap: break-word !important;
	}
	
	.searchButton{
	position:relative;
}

.imgBtnFlag
{
	position:absolute;
	cursor: pointer;
	color: #0099ff;
	position: absolute;
	    top: 4px;
    right: 18px;
	height: 23px;
	width: 23px;
	font-size: 22px;
	background-color: rgb(227, 227, 251);"
	
}

.file-form-control{
    display: block;
    width: 100%;
	height: 30px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    box-shadow: none;

	}
	
center{
	padding-left:10px;
	padding-right:10px;
}

.reg-cert{
			padding :5px  15px;
				
			}
			
			.reg-cert table tr td {
    vertical-align: middle;
}
			

	.reg-cert span{	
    font-size: 24px;
    padding-left: 15px;
}
table.dataTable tbody td {
    padding: 5px 5px !important;
}


/*19-12-2017 table thead background color added by tarak*/
	.theadColor
		{
			background-color:#ccc;
			
		}
		.theadColor th
		{
		text-align:center !important;
		vertical-align:top !important; /*added by tarak*/
		}

body{
	font-family: 'Open Sans', sans-serif !important;
}
center .form-control {
    height: 30px !important;
padding: 0px 5px  !important;
}

.form-control {
    height: 30px !important;
}

.center panel > .panel-heading
{
	padding-left:0px !important;
	padding-right:0px !important; 
}

.vms-tittle-main1 {
    width: 100% !important;
    margin-left: 0px !important;
}

textarea.form-control
{
	height: 50px !important;
	resize: none;
}


.panel-heading {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
	text-align:left !important;
	font-size:20px;
}

.regTitle{
background-color:#337ab7 !important;
color:#fff;
margin-bottom:10px;
text-align:left !important;

}

.panel-title{
	    font-family: 'Open Sans', sans-serif !important;

}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0em 0em !important;
    margin-left: 5px !important;
}


.regTitle h5{
	float:left;
}

.regTitle .checkbox{
	float:right;
}

.form-horizontal .control-label{
	text-align:left;
	
}


.form-horizontal .controls {
    margin-left: 0px !important;
    padding-top: 0px !important;
	
}

div.tooltip {
	border-radius:0px;
	top:0;
	background-color: #888;
}

.mainpanel span.question{
	line-height:17px;
	
}

.mainpanel > .panel-heading span.question{
	line-height:17px;
	margin-top:3px;
	
}

span.question:hover {
    background-color: #FFF;
	color:#000;
}

div.tooltip:before {
    border-color: #fff;
    border-right: 0px solid #3D6199;
    border-style: none;
    border-width: 1px;
	
	
    content: "";
    display: block;
    height: 0;
    width: 0;
    line-height: 0;
    position: absolute;
	right:-5px;
	top:0;
	  
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #888;
}

#accordion .panel-heading{
	cursor:pointer;
	background-color:#428bca !important;
	
}
.panel-heading{
padding:5px !important;

}




.tabledata thead th{
	text-align:center;
}

div#example_length select {
	width:50px;
}

div#example_length select {
   
    height: 25px !important;
}

.text-right.btn.btn-primary:hover{
	background-color:red!important;
}



.passlogo img{
	margin-top:50px;
	margin-bottom:50px;
}



.changelock{
	/*background-color: #e7ae5d  !important;*/
    height: 100px;
    width: 100px !important;
    border-radius: 50%;
    color: #fff;
    font-size: 50px;
    line-height: 85px;
	border: solid 2px #fff;
}

.changepassbody{
	/*background-color:#767e80 !important;*/
    padding: 80px 40px 40px 40px;
    margin-top: -60px;
    border: solid 2px #fff;
		text-align:left;
	color:#ffffff;
}


/*registation page*/


	.vr-code1{
    font-size: 16px;
	width:100%;
    position: relative;
    margin-bottom:10px;
    color: #2d3e4f;
    font-weight: bold;
			}

    .vr-code1 span {
    color: #3490d8;
    }

/*center{
	padding-left:10px;
	padding-right:10px;
}*/


.centerpanel > .panel-heading
{
	padding-left:0px !important;
	padding-right:0px !important; 
}

.vms-tittle-main1 {
    width: 100% !important;
    margin-left: 0px !important;
}

.panel{
	border:0px !important;
	border-radius:0px !important;
}

.panel-heading {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
	text-align:left !important;
	font-size:20px;
}

.regTitle{
background-color:#337ab7 !important;
color:#fff;
padding:10px !important;
text-align:left !important;

}

div.dataTables_wrapper {
        width: 100%;
        margin: 0 auto;
    }
	
	img.u-serch.imgBtnFlag {
    position: absolute;
    z-index: 99;
    top: 4px;
    right: 2px;
}

.u-block {
    position: relative;
}
	
	.panel-title > .checkbox{
	 padding-top:0px;
	 float:right;
	}
	

.vms-btn1:hover {
    background: #43aad8;
    color: #fff !important;
    text-decoration: none !important;
}

.panel-heading .accordion-toggle:after {
   font-family: 'Glyphicons Halflings';  
    content: "\e113";
    float: right;
    color: grey; 
color:#fff;
}
.panel-heading .accordion-toggle.collapsed:after {

    content: "\e114";
color:#fff;
}

.dataTables_scroll thead {
    background-color: #bfbfbf;
}
.dataTableNew thead {
    background-color: #bfbfbf;
}
.dataTables_wrapper .dataTables_paginate .next:hover {
    color: black !important;
	
}

.form-group{
	margin-bottom:10px !important;	
}

.accordion-toggle
{
cursor:pointer !important; 
width: 100%;
}

.panel-collapse .panel-body table thead th{
background-color:#bfbfbf !important;
text-align:center !important;
} 
/* 29-01-2018 added by uma start */
	
.form-horizontal .control-label {
    padding-top: 3px;
}
				
				.left-string .u-str:after{
    			content: ':';
					right: 0px;
					position: absolute;
					top: 3px !important;
					

				}

.left-string .u-str1:after{
    			content: ':';
					right: 0px;
					position: absolute;
					top: 0px !important;
					

				}				
	
		
	
		
@media screen and (max-width: 767px) and (min-width: 320px) {
	.left-string .u-str:after{
    			content: ':';
					right: inherit !important;
					position: inherit !important;
		padding-left: 3px;
		top: 0px !important;
					

				}
}
.glyphicon:empty {
    width: auto;
}
  .new-u-search{cursor: pointer;
    position: absolute;
    right: 1px;
    background-color: #428bca;
    color:#fff;
    padding: 7px 8px;
    text-align: center;
    top: 1px;
    width: auto;
  background-position: center;}
  
  /* 29-01-2018 added by uma end */	

@media screen and (max-width:767px){
	center{
	 padding-left:0px !important;
	 padding-right:0px !important;
	}

	.regAddress{
		text-align:center !important;
		color:#428bca;
	}
	
	.form-group{
	margin-bottom:5px !important;	
}
	.navbar-inverse .navbar-toggle {
    border-color: #FFF;
}
	
	.right-side {
    background-color: #f9f9f9;
    margin-left: 0px;
}
	
	.skin-black .left-side {
    
    z-index: 9999 !important;
}
	
   .form-horizontal .control-label {
	   text-align:left;
   }
   
   .regTitle{
background-color:#337ab7 !important;
color:#fff;
margin-bottom:10px;
text-align:left !important;

}


.regTitle h5{
	float:left;
}

.regTitle .checkbox{
	float:right;
}
   
}


@media screen and (max-width:767px) and (min-width:520px){
	.changelock {
    height: 80px !important;
    width: 80px !important;
    font-size: 35px !important;
    line-height: 80px !important;
}

.changepassbody {
    margin-top: -50px;
 }
}

@media screen and (max-width: 519px) {
	
	.panel-title .checkbox label{
		padding-top:5px !important;
		font-size:14px !important;
	}
	.panel-title .checkbox input[type="checkbox"]{
		margin-top:0px;
		
	}

	.changelock {
    height: 70px !important;
    width: 70px !important;
    font-size:25px !important;
    line-height: 60px !important;
}

.changepassbody {
    margin-top: -50px;
 }
}

@media screen and (max-width:584px){
	.panel-heading {
    cursor: pointer;
    background-color: #428bca !important;
    display: -webkit-box;
}
#accordion .panel-heading {
    cursor: pointer;
    background-color: #428bca !important;
    display: block;
}

.panel-primary .mainpanel .panel-heading {
    cursor: pointer;
    background-color: #428bca !important;
	
    display: block;
}

.panel-title > .checkbox {
    padding-top: 7px;
    float: none;
    padding-left: 3px;
}

}




			.left-string .worpwrap{
					
				}
				
				.left-string .str:after{
    			content: ':';
					right: 0px;
					position: absolute;
					

				}	
	
		
@media screen and (max-width: 767px) and (min-width: 320px) {
	.left-string .str:after{
    			content: ':';
					right: inherit !important;
					position: inherit !important;
		padding-left: 3px;
					

				}
}