/*  primary color: #0060c0 (blue);
    font primary color : #474747;
    font secondary color :#777;
    h2 used for all main headings;
    h3 for sub headings;
*/
@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/Roboto-Regular-webfont.eot');
	src: url('../fonts/Roboto-Regular-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
		url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
		url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotobold';
	src: url('../fonts/Roboto-Bold-webfont.eot');
	src: url('../fonts/Roboto-Bold-webfont.eot?#iefix')
		format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.woff')
		format('woff'), url('../fonts/Roboto-Bold-webfont.ttf')
		format('truetype'), url('../fonts/Roboto-Bold-webfont.svg#robotobold')
		format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:"Roboto Light";
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Light.eot?#iefix')
		format('embedded-opentype'), url('../fonts/Roboto-Light.woff')
		format('woff'), url('../fonts/Roboto-Light.ttf')
		format('truetype'), url('../fonts/Roboto-Light.svg#robotobold')
		format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font: 14px/20px "robotoregular";
	background: #efeff0;
	color: #474747;
}
.loader .overlayBg{
	/*  position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; 
    background: rgba(0,0,0,0.2);
    position: absolute;
}
.imgLoader{
	top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    position: fixed;
    margin-left: -28px;
}
table {
	font: 14px/18px "robotoregular" !important;
	font-family: 'Roboto', 'robotoregular' !important;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../images/topbar-bg.png) no-repeat right 0 #0056c0; /* url(../images/banner.png) no-repeat right -96px #000c14; */
	/* background:#0060c0; */
	height: 60px;
	box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.2);
	display: block;
	z-index: 3;
	box-sizing: border-box;
	-webkit-animation: slide 20s linear infinite;
	-moz-animation: slide 20s linear infinite;
	animation: slide 20s linear infinite;
	padding:10px 0
}
header .container{ width: 98%; }
/* header a .fas{ color:#fff; } */
/* @-webkit-keyframes slide {
    0% { background-position: right 0; }
    100% { background-position: right -60px ; }
} */
html[disabled] {	cursor: not-allowed;}
header .icon-rounded {
	background: #fff;
	color: #0060c0;
	padding: 6px;
	margin-right: 5px;
	border-radius: 50%;
	padding: 10px;
}
@keyframes blueGradient {
     0% {
         background: radial-gradient(circle at center, rgba(0, 96, 192, 0) 0%, #fff 0%, #fff 100%);
    }
     25%{
        background: radial-gradient(circle at center , rgba ( 0, 96, 192, 0 .3 ) 24%, #fff 25%, #fff 100%);
    }
     50% {
         background : radial-gradient (circle at center , rgba ( 0, 96, 192, 0 .5 ) 49%, #fff 50%, #fff 100%);
    }
     75% {
         background : radial-gradient (circle at center , rgba ( 0, 96, 192, 0 .8 ) 74%, #fff 75%, #fff 100%);
    }
     100% {
         color : #fff ;
         background : radial-gradient (circle at center , #0060c0 99%, #fff 100%, #fff 100%);
    }
}

button:active {
	animation: blueGradient 100ms;
	background: #0060c0;
	box-shadow: none;
	color: #0060c0;
}
.logoBlk{
	background: #fff;
	display: inline-block;
	padding:10px 15px;
	border-radius: 2px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
h1.logo {
	/* background-image: url( ../images/logo.svg); */	/* height: 40px;	width: 150px; */	display: inline-block;	/* text-indent: -9999px; */ margin: 0;
	padding:0;
	line-height: inherit;
}

.tagline {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    border-left: 1px solid #ccc;
    padding-left: 15px;
    margin-left: 15px;
    vertical-align: top;
    padding-top: 10px;
    height: 40px;
    color: #fff;
}

.tagline .title { font-weight: 500; }

a.home:hover{
	color:white;
}


.wrap {	width: 100%;	display: block;}
aside, .inner-wrap {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
aside {
	width: 20%; 
	z-index: 1;
	height: 100vh;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	float: left;
}
aside .whiteBg {
	padding: 60px 0px 0px 0px;
	box-shadow: 0 0 8px 1px rgba(0, 0, 0, .05);
	border-right:1px solid #eeeeee;	
	height: 100vh;
}
aside .hdrBlk {
	margin: 0 10px 0 20px;
	padding-top: 7%;
}
aside .navbar-collapse {
	padding: 0
}
.inner-wrap {
	width: 80%;
	background: #eeeeee;
	padding: 60px 30px 30px;
	float: left;
	box-sizing: border-box;
}
.inner-wrap.big {
	width: 100%;
	float: none;
}
.titleBlk{
	display: block;	
	z-index: 1;
	position: relative;
	clear:both
}
.whiteBg {
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
	background: #fff;
	padding: 30px;
	box-sizing: border-box;
	position: relative;
	min-height: 400px; /*450px  */
}
.whiteBg.hierarchyBlk {
	padding: 30px 20px 30px 20px !important;
}
.sidebar {
	margin-top: 12px;
	 height: 250px;
	overflow-x: auto;
}

.sidehdr {
	margin: 0px 10px 0 15px;
	 /* padding-top: 20px;  */
	box-sizing: border-box;
}

.sidehdr a {
	color: #0060c0;
	font-size: 12px;
}

.sidehdr h6 {
	display: inline-block;
	text-transform: uppercase;
	margin-right: 10px;
}

.sidebar ul {
	margin: 0;
	padding: 0;
}

.sidebar ul ul {
	margin: 0 0 0 0px;
}

.sidebar ul ul ul {
	margin: 0 0 0 10px;
}

.sidebar li {
	list-style: none;
	color: #424242;
	position: relative;
	padding: 8px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #eaeaea;
}

.sidebar li a {
	text-decoration: none;
	color: #424242;
}

.sidebar li a.disabled {
	pointer-events: none;
	content: 'Please follow the steps';
}

.sidebar li a .tt {
	display: none;
}

.sidebar li a.disabled .tt {
	content: "";
	left: 0;
	top: 0;
	height: 40px;
	position: absolute;
	z-index: 99;
	content: attr(title);
	width: 100%;
	display: block;
}

.sidebar li.header {
	color: #fff;
	background: #0060c0;
	height: 54px;
	line-height: 54px;
	font-size: 14px;
	padding: 0 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #0060c0;
}

.sidebar li.active {
	background: #eaeaea;
	border-left: 5px solid #0060c0;
}

.sidebar li.active .num {
	margin-left: 11px;
}

.sidebar li .num {
	border-radius: 50%;
	background: #0060c0;
	height: 32px;
	width: 32px;
	color: #fff;
	font: normal 20px/32px 'robotobold';
	text-align: center;
	display: inline-block;
	margin-left: 15px;
	margin-right: 14px;
}

.sidebar li .fa-exclamation-triangle {
	color: #e18a00;
	font-size: 20px;
	position: absolute;
	right: 18px;
	top: 15px;
}

.sidebar li .fa-check-circle {
	color: #007914;
	font-size: 20px;
	position: absolute;
	right: 18px;
	top: 15px;
}

.sidebar li.panel {
	border: none;
	border-bottom: 1px solid #eaeaea;
	margin: 0;
	padding: 0
}

.sidebar .panel-group .panel+.panel {
	margin: 0;
}

.sidebar li.panel a {
	color: #424242;
	font-size: 14px;
	display: block;
	padding: 10px 0 10px 15px;
	margin: 0;
}

.sidebar li.panel a:hover, .sidebar li.panel a.active, .sidebar li.panel a[aria-expanded=true]
	{
	color: #fff;
	background: #0060c0;
	box-sizing: border-box;
}

.sidebar li.panel li {
	padding: 0px 0 0px 0px;
}

.sidebar li.panel li a:hover, .sidebar li.panel li a.active, .sidebar li.panel li a[aria-expanded=true]
	{
	background: #eaeaea;
	border-left: 5px solid #0060c0;
	color: #0060c0;
	padding: 10px 0 10px 10px;
}

.sidebar li.panel a[aria-expanded=false]:after, .sidebar li.panel a[aria-expanded=true]:after
	{
	font-family: 'FontAwesome';
	float: right;
	color: #474747;
	margin-right: 10px;
	font-size: 16px;
}

.sidebar li.panel a:hover[aria-expanded=false]:after, .sidebar li.panel a:hover[aria-expanded=true]:after
	{
	color: white;
}

.sidebar li.panel #accordion21 a:hover[aria-expanded=false]:after {
	color: #474747
}

.sidebar li.panel a[aria-expanded=false]:after {
	content: "\f104";
}

.sidebar li.panel a[aria-expanded=true]:after {
	content: "\f107";
	color: white;
}

.sidebar li.panel #accordion21 a[aria-expanded=true]:after, .sidebar li.panel #accordion22 a[aria-expanded=true]:after
	{
	content: "\f107";
	color: #474747;
}

.sidebar li.panel #accordion21 a[aria-expanded=false]:after, .sidebar li.panel #accordion22 a[aria-expanded=false]:after
	{
	content: "\f104" !important;
	color: #474747;
}
.formBox{
	background: #e5f2fe;
	padding:20px 15px;
	display: block;
	font-size:16px;
	/* line-height:18px; */
	margin-bottom: 20px;
}
.btn-primary{
	background: #0060ac;
	color: #fff;
	font-size: 14px;
	height: 34px;
	padding: 6px 24px;
}
.btn-primary:hover{
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.8);
}
.fileupload{
  	cursor: pointer;
   	border:1px solid #ccc;
	background:#fff;
	width:100%;
	margin:0 0 20px 0;
	padding:5px;
	font-size:14px;
	box-sizing:border-box;
	cursor: pointer;
}
h2 {
	color: #505458;
	font-size: 24px;
	word-break: break-all;
}
h3 {
	color: #0060c0;
	font-size: 19px;
	margin: 10px 0;
	padding-bottom: 10px;
	display: inline-block;
	position: relative;
}

h4 {
	/*color: #0060c0;*/
	/* font-size: 16px; */
	margin: 0px 0 10px 0;
	/* padding-bottom: 10px; */
	display: block;
	font-weight: bold;
}


h3::selection {
	text-shadow: 1px 1px 0 #0060c0;
}
.btn-primary {
	background: #0060c0;
	border: 1px solid #004f9e;
	background: -webkit-linear-gradient(#037ee0, #0060c0);
	background: -o-linear-gradient(#037ee0, #0060c0);
	background: -moz-linear-gradient(#037ee0, #0060c0);
	background: linear-gradient(#037ee0, #0060c0);
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	padding: 5px 12px;
}

.btn-primary.active, .btn-primary:hover, .btn-primary:active,
	.btn-primary:focus {
	background: #0171e1;
	color: #ffffff;
	border: 1px solid #004f9e;
	background: -webkit-linear-gradient(#037ee0, #0171e1);
	background: -o-linear-gradient(#037ee0, #0171e1);
	background: -moz-linear-gradient(#037ee0, #0171e1);
	background: linear-gradient(#037ee0, #0171e1);
	box-shadow: 0px 0px 3px 5px rgba(0, 0, 0, .15);
	outline: none;
}

.btn-default {
	background: #eaeaea;
	color: #767676;
	border: 1px solid #cccccc;
	background: -webkit-linear-gradient(#eeeeee, #dddddd);
	background: -o-linear-gradient(#eeeeee, #dddddd);
	background: -moz-linear-gradient(#eeeeee, #dddddd);
	background: linear-gradient(#eeeeee, #dddddd);
	text-transform: none;
}

a.btn.disabled {
	background: #eaeaea;
	color: #767676;
	border: 1px solid #cccccc;
	background: -webkit-linear-gradient(#eeeeee, #dddddd);
	background: -o-linear-gradient(#eeeeee, #dddddd);
	background: -moz-linear-gradient(#eeeeee, #dddddd);
	background: linear-gradient(#eeeeee, #dddddd);
	text-transform: none;
	cursor: not-allowed;
}

.btn-default.active, .btn-default:hover, .btn-default:active,
	.btn-default:focus {
	background: #d5d5d5;
	color: #333333;
	border: 1px solid #cccccc;
	background: -webkit-linear-gradient(#eeeeee, #d5d5d5);
	background: -o-linear-gradient(#eeeeee, #d5d5d5);
	background: -moz-linear-gradient(#eeeeee, #d5d5d5);
	background: linear-gradient(#eeeeee, #d5d5d5);
}

.poweredby-section {
	padding: 10px 20px; /* border-top:2px solid #e2e2e2; */
	color: #666;
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 100%;
}
.poweredby-section a{
	background: url(../images/emudhra-logo.png) no-repeat 0 0;
	text-indent: -9999px;
	display: inline-block;
	height:65px;
	width:166px;
}
.icoBlk ul, .icoBlk li{
	list-style: none;
	padding:0;
	margin:0;
}
.icoBlk li{
	height:45px;
	clear:both;
	display: block;
	position: relative;
	box-sizing: content-box;
}
.icoBlk li:after{
    border-left: 1px solid #ccc;
    height: 10px;
    display: block;
    content: '';
    position: absolute;
    left: 14px;
    bottom: 2px;
    z-index: 1;
}
.icoBlk li:last-child:after{
	border: none;
}
.icoBlk .ico{
	height:30px;
	width:30px;
	display: inline-block;
	border-radius:50%;
	float: left;
	background-size:100% !important;
}
.icoBlk .ico1{
	background: url(../images/ico-1.png) no-repeat 0 0 #0563ae;
}
.icoBlk .ico2{
	background: url(../images/ico-2.png) no-repeat 0 0 #0563ae;
}
.icoBlk .ico3{
	background: url(../images/ico-3.png) no-repeat 0 0 #0563ae;
}
.icoBlk .ico4{
	background: url(../images/ico-4.png) no-repeat 0 0 #0563ae;
}
.icoBlk .title{
	display: inline-block;
	float:left;
	padding: 5px 0 0 10px; 
	font-size: 16px;
	color:#525252;
}
.grayBg{
	background: #efeff0;
	padding:15px 0 30px 0;
}
.loginBg header .container{
	width: 94%;
}
.loginBlk{
	width:100%;
	max-width:950px;
	margin:0 auto;
	position: relative;
	padding:100px 0 70px;	
}
.loginBlk .leftBlk{
	padding: 20px 30px;
    min-height: 350px;
    box-shadow: 0 2px 20px rgba(0,0,0,.19), 0 4px 6px rgba(0,0,0,.23);
    background: #0060c0;
    color:#fff;
    width:47%;
    display: inline-block;
    margin-top: 25px;
    vertical-align: top;
    font-weight: normal !important;
    font: 15px/22px "Roboto Light";
}
.loginBlk .leftBlk h3{
	color:#fff;
	font-size:20px;
}
.loginBlk .rightBlk{
	padding: 45px;
    min-height: 400px;
    box-shadow: 0 2px 20px rgba(0,0,0,.19), 0 4px 6px rgba(0,0,0,.23);   
    margin-top: 0; 
    margin-left: 240px;   
    background: #fff;
    width:50%;
    display: inline-block;
    vertical-align: top;
}
.loginBlk ul{
	margin: 0;
	padding:0;
		
}
.loginBlk li{
	margin-bottom: 15px;
	list-style: none;
	display: block;
	clear: both;
}


.loginfooter {
    text-align: center;
    background: #231d1a;
    /* min-height: 60px; */
    color: #abaaaa;
    /* position: absolute;
    width: 100%;
    bottom: 0;
    left: 0; */
}
.loginfooter{
	text-align: center;
	background: #231d1a;
	min-height: 60px;
	color: #888;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0px; /* 20px  */
}
@media screen and ( max-height: 600px ){
	.loginfooter{
		position: inherit;
	}
}
.loginfooter p{
	padding:0 20px;
	font-size: 14px;
	line-height: 18px;
	margin-bottom:0px;
	text-align:center;
}
input[type="text"], input[type="password"], select {
	border: 1px solid #cccccc;
	color: #303030;
	padding: 5px 15px;
	width:100%;
	display: block;
	
}
.errors{
	 color:red;
	 display: none;
}
.mandatory {
	color:red;
}
a.loginUser{
	color:#fff;	
}
a.loginUser:hover, a.loginUser:focus{
	text-decoration:none;
}
a.loginUser span .fa-angle-down{
	padding: 0px 7px;
}
.icon-rounded {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 15px;
	background-color: #777777;
	color: #ffffff;
	margin-right: 10px !important;
	display: inline-block;
}



.dashboardBox .whiteBg {
	min-height: 80px;
	height: 80px;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding: 15px 0 15px 15px;
	color: #777777;
	border-radius: 6px;
}
.dashboardBox .whiteBg:hover {
	box-shadow: 1px 3px 5px rgba(34, 91, 191, 0.2)	
}

.dashboardBox .whiteBg a {
	color: #777777;
	display: block;
	width: 100%;
	height: 100%;
}

.dashboardBox .whiteBg b {
	font-size: 20px;
	color: #505458;
	font-weight: normal;
	line-height: 30px;
}

.bg-declined {
	background: #cc3333;
}

.bg-recalled {
	background: #0060c0;
}

.bg-pending {
	background: #f36f21;
}

.bg-revocation {
	background: #669900;
}

.bg-blue {
	background: #0060c0;
}

.bg-yellow {
	background: #f3c921;
}

.bg-gray {
	background: #999999;
}

.bg-red {
	background: #cc3333;
}

.bg-orange {
	background: #f36f21;
}

.bg-green {
	background: #669900;
}


.ocsp_heading { 
	color: #fff;
    background: #0378da;
    padding: 10px;
    border-radius: 10px;
    text-align: center; 
}

.login_lbl { font-size: 16px; }

.loginForm .inputbox { font-size: 16px; height: 40px; }
.captcha_img { padding: 0px 12px; border-style: none; height: 40px; }
.loginBtn { 
	margin-top: 10px;
    height: 45px;
    font-size: 20px;
    padding: 7px 30px; 
}
.dropdown-menu.profile li { padding: 10px; }

.copyright {
    text-align: center;
    font-size: 11px;
    color: #6d6666;
    padding: 10px 0px;
}

.li_dashboard {font-size: 15px; padding-bottom: 5px;}
.caCertificate-jqgrid .ui-jqgrid tr.jqgrow td { width: 16.66666% !important; }
.Tlogs-jqgrid .ui-jqgrid tr.jqgrow td { width: 16.66666% !important; }

.captcha-txt {
	display: inline-block;
    height: 40px;
    color: #fff;
    margin-left: 3px;
    background: #0378d9;
    width: 135px;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    letter-spacing: 8px;
    border: 1px solid #ddd;
    font-family: cursive !important;
}