/*----commmon css---------*/
@font-face
{
	font-family: Raleway-Regular;
	src: url(../fonts/Raleway-Regular.eot);
	src: url(../fonts/Raleway-Regular.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Raleway-Regular.ttf) format('truetype');
}
@font-face
{
	font-family: Raleway-SemiBold;
	src: url(../fonts/Raleway-SemiBold.eot);
	src: url(../fonts/Raleway-SemiBold.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Raleway-SemiBold.ttf) format('truetype');
}
@font-face
{
	font-family: Raleway-Bold;
	src: url(../fonts/Raleway-Bold.eot);
	src: url(../fonts/Raleway-Bold.eot?#iefix) format('embedded-opentype'),
	url(../fonts/Raleway-Bold.ttf) format('truetype');
}
@font-face
{
	font-family: NotoSans-Regular;
	src: url(../fonts/NotoSans-Regular.eot);
	src: url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
	url(../fonts/NotoSans-Regular.ttf) format('truetype');
}
@font-face
{
	font-family: NotoSans-Bold;
	src: url(../fonts/NotoSans-Bold.eot);
	src: url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
	url(../fonts/NotoSans-Bold.ttf) format('truetype');
}
body, html{
	font-family: Raleway-Regular;
	background: #fff;
	margin: 0;
	padding: 0;
}
header, nav, section, article, aside, footer {
	display:block;
}
*{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
a{
	font-family: NotoSans-Regular;
	color: #2e3192;
	text-decoration: none;
	font-size: 13px;
}
a:hover, a:focus{
	text-decoration: none;
}
a:link, a:active, a:focus{
	outline: none;
}
.icon{
	background: url("../images/icons-sprite.png") no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.form-control{
	background: #f5f5fa;
	border: 1px #e6e6eb solid;
	border-radius: 3px;
	box-shadow: none;
	height: 38px;
}
.form-contorl-static{
	font-family: NotoSans-Regular;
}
.form-control:focus{
	background: #fff;
	border: 1px #2e3192 solid;
	box-shadow: none;
}
.form-horizontal .control-label{
	font-family: Raleway-SemiBold;
	font-weight: normal;
	font-size: 13px;
	color: #333;
	padding-bottom: 5px;
	text-align: left;
}
.form-horizontal .control-label .required, .asterisk{
	font-family: NotoSans-Regular;
	color: #ff4949;
	font-size: 11px;
}
.form-control{
	font-family: NotoSans-Regular;
}
h1, h2, h3, h4, h5{
	font-family: NotoSans-Regular;
}
/*----header css-----*/
.header{
	background: #f6f6f6;
	padding: 8px 0;
}
.header-right{
	float: right;
}
.header .search-input{
	width: 260px;
	background:#f6f6f6;
	border: 1px #b7b7b7 solid;
	height: 38px;
	float: left;
	margin-top: 5px;
	margin-right:7px;
	position: relative;
	z-index: 4;
	border-radius: 3px;
}
.header .search-input button{
	padding: 0;
	border: none;
	background-color:#f6f6f6;
	border-radius: 3px;
}
.header .search-input .form-control{
	font-family: NotoSans-Regular;
	padding-left: 0;
	border-radius: 3px;
	color: #999;
	font-size: 12px;
}
.header .search-input.active .form-control,
.header .search-input.active .input-group-btn button{
	background: #fff;
}
.icon-search{
	background-position: 7px -147px;
	width:37px;
	height:36px;
	cursor: pointer;
}
.icon-search-inner{
	background-position: -3px -191px;
	width:20px;
	height:18px;
	cursor: pointer;
}
.header-right .user-login, .header-right .help{
	float: left;
	margin-right: 10px;
}
.header-right .user-login .dropdown-menu, .header-right .help .dropdown-menu{
	min-width: 100px;
	right: 0;
	left: auto;
}
.header-right .user-login .btn, .header-right .help .btn{
	font-family: NotoSans-Regular;
	font-size: 12px;
	color: #333;
	margin: 6px 0 0;
	padding-left: 0;
	padding-right: 0;
	background: transparent;
	border:none;
	margin-left: 5px;
}
.header-right .help .btn{

}
.header-right .user-login .caret, .header-right .help .caret{
	color: #999;
	border-top: 3px dashed;
	border-right: 3px solid transparent;
	border-left: 3px solid transparent;
}
.header-right .user-login .btn, .header-right .user-login .btn:focus, .header-right .user-login .btn:active,
.header-right .help .btn, .header-right .help .btn:focus, .header-right .help .btn:active{
	background: transparent;
	border: none;
	box-shadow: none;
	font-size: 12px;
	outline: none;
	cursor: pointer;
}
.header-right .dropdown-menu{
	border-radius: 0;
	padding: 0;
	margin-top: 0;
}
.header-right .dropdown-menu>li>a{
	padding: 3px 6px;
	text-align: right;
}
.header .search-input .form-control{
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	height: 36px;
}
.header-right .dropdown-menu .divider{
	margin: 1px 0;
}
.msgs-link{
	font-family: NotoSans-Regular;
	font-size:12px;
	float: left;
	display: block;
	margin: 12px 10px 0;
	text-decoration: none;
	color: #333;
}
.msgs-link:hover, .msgs-link:focus{
	text-decoration: none;
}
.msgs-link sup{
	font-family: NotoSans-Regular;
	background: #ff4949;
	color: #fff;
	padding:0 5px;
	border-radius: 5px;
	font-size: 12px;
}
.main-nav li a sup{
	font-family: NotoSans-Regular;
	background: red;
	color: #FFF;
	padding:0px 5px;
	border-radius: 5px;
	font-size: 12px;
	left: 3px;
}

.nav-tabs.custom-tabs.inner li a sup{
	font-family: NotoSans-Regular;
	background: red;
	color: #FFF;
	padding:0px 5px;
	border-radius: 5px;
	font-size: 12px;
	left: 3px;
}

.main-nav{
	background: #2e3192;
	height:40px;
	position:relative;
}
.main-menu{
	padding: 0;
	list-style: none;
	margin:0;
}
.main-menu  li{
	float: left;
	border-right: 1px #1a1d72 solid;
	min-width: 150px;
	text-align: center;
	padding:10px 10px 10px;
	font-family: Raleway-SemiBold;
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	cursor:pointer;
}
.main-menu  li  a{
font-size: 14px;
text-decoration: none;
color: #fff;
font-family: Raleway-SemiBold;
   padding: 10px 20px 10px;
}
.main-menu li:hover,.main-menu li.active{
	background: #262662;
}
.main-menu li.active{
	font-family: Raleway-Bold;
	background: #f6f6f6;
	color:#2e3192;
}
.main-menu ul li.active{
	/*background: #fff;
	height:40px;
	border:1px solid #2e3192;
	border-width:1px 0;
	background:#262662;*/
}
.main-menu > li.active > a{
	font-family: Raleway-Bold;
	/*color: #2e3192;*/
	color:#2e3192;
}
.main-nav ul li a span{
	position: relative;
}
.main-nav li a span.action-item-count{
	background: #ff4949;
	color: #fff;
	padding:0 5px;
	border-radius: 5px;
	font-size: 12px;
	top: -0.9em;
	position: absolute;
	top: -13px;
	margin-left: -3px;
	left:100%;
}
.main-nav ul li.border-right-none{
	border-right:none;
}
.main-nav ul li.last{
	float: right;
	border-right:none;
}
.main-nav ul li.last:hover{
	background: transparent;
}
.main-nav ul li.last a{
	font-family: Raleway-Bold;
	cursor: default;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 0;
	padding-top: 20px;
}
.main-nav .dropdown.main{
	min-width: auto;
}
.main-nav .dropdown.main > ul.dropdown-menu{
	min-width: 205px;
}
.main-nav .dropdown.main .dropdown-menu{
	border-radius: 0;
	border:none;
	margin-top: 0;
}
.main-nav .dropdown.main .navbar-toggle{
	display: block;
}
.main-nav .dropdown.main .navbar-toggle .sr-only{
	position: absolute;
}
.main-nav .dropdown.main button.navbar-toggle{
	padding: 0;
	margin: 0;
}
.main-nav .dropdown.main button.navbar-toggle .icon-bar{
	background: #fff;
}
.main-nav .dropdown.main > a{
	padding: 12px 10px 7px;
}
.main-nav .dropdown ul li{
	border-right: none;
	float: none;
	min-width: auto;
	text-align: left;
}
.main-nav .dropdown ul li a{
	background: #2e3192;
}
.main-nav .dropdown ul li:hover{
	background: #1f213d;
}
.main-nav .dropdown ul li:hover a,
.main-nav .dropdown ul li:hover .dropdown-menu li:hover a{
	color: #fff;
	background: #1f213d;
}
.main-nav .dropdown ul li:hover a:after{
	border-left-color: #fff;
}
.main-nav .dropdown ul li:hover .dropdown-menu li a{
	background:#2e3192;
	color: #fff;
}
.main-nav .dropdown ul li a{
	color: #fff;
	display: block;
	padding: 15px 15px 15px 10px;
	border-bottom: 1px #2F3171 solid;
	border-top: 1px #7C7EC1 solid;
	text-transform: none;


}
.main-nav .dropdown.main > ul > li:first-child > a{
	border-top: none;
}
.main-nav .dropdown.main > ul > li:last-child > a,
.main-nav .dropdown.main > ul > li.dropdown-submenu > ul.dropdown-menu >li:last-child > a
{
	border-bottom: none;
}

/*CSS Updates -13-09-16 -SUB MENU*/
.sub-menu-wrapper{
	position: absolute;
	right:0;
	left:0;
	top:40px;
	background: #9ea0b5;
	height: 40px;
	border:1px solid #2e3192;
	/* z-index:2; */
	overflow:hidden;
	display:block;
	border: none;
	border-top: 1px solid #fff;
}
.sub-menu li{
	font-size: 14px;
	color:#2e3192;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 20px 10px;
	text-decoration: none;
	float: left;
	min-width: 150px;
	text-align: center;
	cursor: pointer;
	border:none;
	height:40px;
}
.sub-menu li a{
	font-size: 14px;
	float:none;
	color:#000;
	font-family: Raleway-SemiBold;
}
.sub-menu li:hover {
	background: #6f78ae;
}

.sub-menu li.active {
	background: #f6f6f6;
}
/* 
.sub-menu li:hover,.sub-menu li.active{
	background:#6f78ae;
} */
.sub-menu li:hover a,.sub-menu li.active a{
	color:#000;
}
.sub-menu .msgs-link{
	margin:0;
	padding:0;
}


/*.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu>.dropdown-menu{
	box-shadow: 4px 4px 8px 0px rgba(0,0,0,.175);
	margin-left: 0;
}*/
/*--tabs css---*/
/*.nav-tabs.custom-tabs{
	border-bottom: 1px #e6e6e6 solid;
}
.nav-tabs.custom-tabs > li{
	margin-bottom:-1px;
	margin-right: 45px;
}
.nav-tabs.custom-tabs > li:last-child{
	margin-right: 0;
}
.nav-tabs.custom-tabs > li > a{
	font-family: Raleway-Regular;
	border: 2px solid transparent;
	font-size: 20px;
	border-left: none;
	border-right: none;
	color: #333;
}
.nav-tabs.custom-tabs > li > a{
	padding: 8px 0;
}
.nav-tabs.custom-tabs > li.active > a{
	border: 2px solid transparent;
	font-size: 20px;
	color: #2e3192;
	border-bottom: 2px #2e3192 solid;
	border-left: none;
	border-right: none;
}*/
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#b0b1df;margin-top:5px;margin-right:-6px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown.main > ul > li > ul {
	text-align: left;
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 999999;
}
.nav-tabs.custom-tabs{
	border-bottom: 1px #c2ccef solid;
}
.nav-tabs.custom-tabs > li > a{
	font-family: NotoSans-Regular;
	font-size: 13px;
	padding:11px 10px 9px;
	color: #2e3192;
	background:#c2ccef;
	border: none;
}
.nav-tabs.custom-tabs > li.active > a{
	font-family: NotoSans-Bold;
	font-size: 13px;
	color: #2e3192;
	background:#fff;
	border: 1px #c2ccef solid;
	border-bottom: none;
}
.nav-tabs.custom-tabs > li > a:focus, .nav-tabs.custom-tabs > li > a:hover{
	color: #2e3192;
}
.nav-tabs.custom-tabs.small > li > a{
	font-size: 13px;
}
.nav-tabs.custom-tabs.small > li.active > a{
	font-family: Raleway-Bold;
}
.nav-tabs.custom-tabs.small > li > a {
	padding: 8px 0 3px;
}
.nav-tabs.custom-tabs.small>li.active>a, .nav-tabs.custom-tabs.small>li.active>a:focus, .nav-tabs.custom-tabs.small>li.active>a:hover{
	background: transparent;
}
.nav-tabs.custom-tabs.small>li a span{
	font-family: NotoSans-Regular;
}
.nav-tabs.custom-tabs.small>li.active a span{
	font-family: NotoSans-Bold;
}
.nav-tabs.custom-tabs.small li{
	margin-right: 20px;
}
.nav-tabs.custom-tabs.small li > a:hover{
	background: transparent;
}
.nav-tabs.custom-tabs.inner{
	margin-top: 10px;
}
.nav-tabs.custom-tabs.inner li a{
	padding: 6px 12px 6px;
	background:transparent;
}
.nav-tabs.custom-tabs.inner li.active a{
	border: none;
	border-bottom: 3px #2e3192 solid;
}
.content-links{
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
}
.content-links li{
	float: left;
	margin-right: 20px;
	position: relative;
}
.content-links li a{
	font-family: Raleway-SemiBold;
	background: #2e3192;
	color: #fff;
	font-size: 13px;
	display: block;
	height: 38px;
	line-height: 38px;
	text-align: center;
	min-width: 157px;
	text-decoration: none;
	border-radius: 3px;
}
.content-links li a:hover{
	background: #6e7ad2;
	color: #fff;
}
.content-links .icon{
	margin-right: 7px;
}
.content-links.added-txt li a{
	line-height: normal;
	padding: 5px 0;
	height: auto;
}
.content-links.added-txt li span{
	font-size: 11px;
	display: block;
}
.shortcut-pic{
	display: none;
	margin-top: 5px;
	position: absolute;
}
.content-links .show-shortcut:hover + .shortcut-pic{
	display: block;
}
.icon-doc{
	background-position: -2px -2px;
	width: 15px;
	height: 19px;
}
.icon-bulk-upload{
	background-position: -2px -27px;
	width: 19px;
	height: 23px;
}
.icon-pair-audit{
	background-position: -2px -56px;
	width: 19px;
	height: 19px;
}
.main-content{
	padding-top: 22px;
	padding-bottom: 20px;
}
.content-links + .tab-container{
	margin-top: 22px;
}
.tab-actions{
	font-family: NotoSans-Regular;
	list-style: none;
	padding: 0;
	margin: 0;
}
.tab-actions li{
	float: left;
	padding: 4px 9px;
	font-size: 12px;
	color: #333;
	border-right: 1px #e6e6e6 solid;
	position: relative;
}
.tab-actions li a{
	color: #333;
	text-decoration: none;
}
.tab-actions li:last-child{
	border: none;
	padding-right: 0;
	padding-left: 15px;
}
.tab-content{
	padding-top: 0;
}
.icon-export{
	background-position: -2px -81px;
	width: 19px;
	height: 19px;
}
.icon-filter{
	background-position: -2px -106px;
	width: 13px;
	height: 17px;
}
.icon-calendar{
	background-position: -2px -128px;
	width: 22px;
	height: 19px;
}
.icon-calendar span.glyphicon-calendar, span.glyphicon-calendar{
	font-size: 20px;
	color: #8D8D8D;
}
.input-group-btn.calendar{
	padding: 6px 12px;
	background-color: #eee;
	cursor: pointer;
}
.tab-actions .icon-export{
	margin-right: 7px;
}
.tab-actions .date-range-picker, .tab-actions .daterange-picker.tab,.tab-actions .date-range-picker-search, .tab-actions .daterange-picker-search.tab{
	width: 202px;
}
.daterange-picker.tab input, .daterange-picker-search.tab input{
	background: #fff;
	padding: 0;
	height: 21px;
	border:none;
	text-align: right;
	padding-right: 26px;
	font-size: 13px;
}
.daterange-picker.tab span.calendar,.daterange-picker-search.tab span.calendar{
	padding: 0;
	right: 0;
	top: 0;
	background: #fff;
	cursor: pointer;
}
.daterange-picker,.daterange-picker-search{
	position: relative;
}
.daterange-picker span.calendar,.daterange-picker-search span.calendar{
	position: absolute;
	right: 1px;
	top: 1px;
	padding: 7px 12px 5px;
	background-color: #eee;
}
.daterange-picker i.glyphicon-calendar, .datepicker i.glyphicon-calendar ,.daterange-picker-search i.glyphicon-calendar{
	font-size: 20px;
	color: #8D8D8D;
	cursor: pointer;
}
.tab-actions .input-group.date{
	width: 140px;
}
.tab-actions .date-range-picker .form-control{
	background: #fff;
}
.tab-actions .date-range-picker .form-control.date-input, .tab-actions .input-group.date .form-control{
	font-family: NotoSans-Regular;
	padding: 2px 5px;
	height: 19px;
	font-size: 12px;
	border: none;
	box-shadow: none;
	background: #fff;
}
.tab-actions .input-group.date .input-group-addon{
	padding: 0;
	background: #fff;
	border: none;
	cursor: pointer;
}
/*----custom table css---*/
.custom-table, .custom-table.table.dataTable{
	font-family: NotoSans-Regular;
	border: none;
	font-size: 13px;
	color: #666;
	border-radius: 3px 3px 0;
	border-bottom: 1px #d8dceb solid;
}
.custom-table > thead > tr > th{
	font-family: Raleway-SemiBold;
	background: #9dace3;
	color: #fff;
	font-size: 13px;
	border: none;
	border-right: 1px #ccccff solid;
	padding: 9px 6px;
	vertical-align: top;
}

/*.custom-table > thead > tr > th:first-child{
	border-radius: 3px 0 0 0;
}
.custom-table > thead > tr > th:last-child{
	border-radius: 0 3px 0 0;
}
.custom-table.single-head-table > thead > tr > th:first-child{
	border-radius: 3px 3px 0 0;
}
.custom-table > tbody > tr:last-child td:first-child{
	border-radius: 0 0 0 3px;
}
.custom-table > tbody > tr:last-child td:last-child{
	border-radius: 0 0 3px 0;
}*/
.custom-table > thead > tr > th:last-child,
.custom-table > tbody > tr > td:last-child{
	border-right: none;
}
.custom-table > tbody > tr > td{
	border-top: none;
	border-right: 1px #d8dceb solid;
	padding:8px 6px;
	color:#000000;
}
/*.custom-table > tbody > tr:nth-of-type(2n+1) {
    background-color: #f7f8fc;
}
.custom-table > tbody > tr:nth-of-type(2n+2){
	background: #fff;
}*/
.custom-table > tbody > tr.odd{
	background-color: #f7f8fc;
}
.custom-table > tbody > tr.even{
	background-color: #fff;
}
.custom-table > tbody > tr.unread-data, .custom-table > tbody > tr.unread-data:hover{
	background-color: #DEE1EA;
}
.custom-table > tbody > tr.read-data, .custom-table > tbody > tr.read-data:hover{
	background-color: #F6F7FF;
}
.custom-table .table-data{
	position: relative;
	margin-right: 10px;
}
.custom-table .icon{
	cursor: pointer;
}
.custom-table .table-data span.icon {
	position: absolute;
	right: 0;
	top: 2px;
}
.custom-table > tbody > tr:hover,
.custom-table > tbody > tr.odd ~ tr.hidden-row:hover,
.custom-table > tbody > tr.even ~ tr.hidden-row:hover{
	background: #E8EAF4;
}
.icon-attach{
	background-position: -34px -47px;
	width: 15px;
	height: 16px;
}
.icon-comment{
	background-position: -34px -73px;
	width: 17px;
	height: 14px;
}
.icon-edit{
	background-position: -34px -96px;
	width: 16px;
	height: 17px;
}
.icon-edit2{
	background-position: -66px -203px;
	width: 16px;
	height: 17px;
}
.icon-delete{
	background-position: -66px -229px;
	width: 16px;
	height: 17px;
}
.icon-drop{
	background-position: -34px -120px;
	width: 16px;
	height: 17px;
}
.icon-minus{
	background-position: -31px 0px;
	width: 20px;
	height: 20px;
}
.icon-plus{
	background-position: -31px -20px;
	width: 20px;
	height: 20px;
}
.icon-lock{
	background-position: -31px -145px;
	width: 20px;
	height: 20px;
}
.icon-exclamation{
	background-position: -31px -173px;
	width: 16px;
	height: 12px;
}
.icon-extenal-link{
	background-position: -31px -196px;
	width: 16px;
	height: 15px;
}
.icon-link{
	background-position: -31px -222px;
	width: 16px;
	height: 15px;
}
.icon-info{
	background-position: -66px -150px;
	width: 15px;
	height: 15px;
}
.icon-sort{
	background-position: 2px -179px;
	width: 20px;
	height:20px;
}

.custom-table > tbody > tr.odd.blue ~ tr.hidden-row{
	background-color: #f7f8fc;
}
.custom-table > tbody > tr.even.white ~ tr.hidden-row{
	background-color: #fff;
}
.custom-table > tbody > tr.odd ~ tr.hidden-row td,
.custom-table > tbody > tr.even ~ tr.hidden-row td{
	border-top: 1px #d8dceb solid;
}
.custom-table thead th .icon-sort{
	float: right;
}
.custom-table > tbody > tr.locked-layer{
	background: #cacfe3;
}
.custom-table > tbody > tr.disabled-layer{
	background: #ccc;
}
.custom-table > tbody > tr.disabled-layer td{
	color: #999;
}
.action-success{
	color: #009966;
}
.action-danger{
	color: #ff3300;
}
.action-faulty{
	color: #ff6600;
}
.action-btns-grid{
	margin-bottom: 2px;
}
.action-btns-grid a,.action-btns-grid form{
	color: #2e3192;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 3px;
}
.action-btns-grid a.action-danger{
	color: red;
}
.action-btns-grid a:last-child{
	margin-right: 0;
}
.custom-table .has-hidden-row.active, .custom-table .has-hidden-row.active > td{
	background-color:#edf0fa;
}
.has-hidden-row.active td{
	border-bottom: 1px #d8dceb solid;
}
.table-data-inactive{
	color: #666;
}


/*----search dropdown css-----*/

.search-control{
	position: relative;
	float: left;
}
.search-control .search-btn, .cancel-search-control{
	border: none;
	background: transparent;
}
.search-control .search-btn:focus{
	outline: none;
}
.search-dropdown{
	background: #fff none repeat scroll 0 0;
	position: absolute;
	right:0;
	top: 42px;
	width: 620px;
	z-index: 3;
	padding: 10px;
	font-size: 13px;
	box-shadow:3px 3px 3px #D7D7D7;
	border: 1px #cccccc solid;
	display: none;
}
.search-dropdown h5{
	font-family: Raleway-SemiBold;
	font-size: 14px;
	margin-top: 5px;
}
.search-dropdown .refined-search{
	background: #C6CAD7;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 5px;
	margin-top: 10px;
}
.calendar-icon{
	border: none;
	cursor: pointer;
}
.search-dropdown .nav-tabs li a, .search-dropdown .nav-tabs li.active a{
	font-size: 13px;
}
.search-dropdown .search-footer{
	background: #f6f6f6;
	padding: 10px;
	margin:0 -10px -10px;
}

.search-dropdown .custom-tabs + .tab-content{
	padding-top: 5px;
}
.search-dropdown .custom-tabs li{
	padding: 0;
	border: none;
	margin-bottom: 0;
	width: 25%;
	text-align: center;
}
.search-dropdown .custom-tabs li > a{
	color: #2e3192;
	background: #c2ccef;
	margin-right: 0;
	border-right:1px #A2B4F6 solid;
	padding: 11px 0 9px;
	border-radius: 0;
}

.search-dropdown .custom-tabs li.active> a{
	color: #2e3192;
	background: #fff;
	padding: -1px 5px 9px;
}
.btn-cancel{
	font-family: Raleway-Bold;
	font-size: 12px;
	border: 2px #2e3192 solid;
	background: #fff;
	min-width: 157px;
	border-radius:0;
	color: #2e3192;
	height: 38px;
	text-transform: uppercase;
}
.btn-cancel:hover{
	color: #2e3192;
}
.btn-submit{
	font-family: Raleway-Bold;
	font-size: 12px;
	border: 2px #2e3192 solid;
	background: #2e3192;
	min-width: 157px;
	border-radius:0;
	color: #fff;
	height: 38px;
	text-transform: uppercase;
}
.btn-submit:focus{
	color: #fff;
}
.btn-submit:hover{
	color: #fff;
}
.btn{
	border-radius: 3px;
}
.btn.disabled, .btn1.disabled{
	background: #f3f3f3;
	border: 1px #DFDFDF solid;
	color: #CDCDCD;
	height: 38px;
	cursor: not-allowed;
	opacity: 1;
	display: inline-block;
	pointer-events:none;
}
.btn.disabled:focus{
	outline: none;
}
.disabled-link{
	opacity: 0.5;
	pointer-events:none;
}
.btn.small{
	min-width: auto;
}
.red{
	border-color:#FF0000;
	color: #FF0000;
}
.red:hover{
	color: #FF0000;
}
.search-result-text{
	font-family: NotoSans-Bold;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px #ddd solid;
}
.search-result-text .icon-edit{
	margin-left: 20px;
}

/*---custom modal---*/
.modal.modal-wide .modal-dialog {
	width: 95%;
}
.modal.custom .modal-content{
	padding: 0 15px;
}
.modal.custom .modal-header, .modal.custom .modal-body{
	padding: 5px 0;
}
.modal.custom .modal-footer{
	padding: 15px 0;
	text-align: left;
}
.modal-title{
	font-family: Raleway-SemiBold;
	font-size: 17px;
	border-radius: 3px 3px 0 0;
}
.modal-header .close{
	opacity: 1;
	color: #fff;
	font-weight: normal;
	font-size: 43px;
	line-height: 0.7;
	text-shadow: none;
}
.modal-content{
	border-radius: 6px 6px 3px 3px;
}
.modal-backdrop.in{
	opacity: 0.8;
}
/*---custom modal modified---*/
.modal.custom .modal-header{
	padding-top: 0;
	border-bottom: none;
	margin: 0 -15px;
	border-radius: 3px;
}
.modal-title{
	font-family: NotoSans-Bold;
	background: #2e3192;
	color: #fff;
	padding: 7px 15px;
	border-radius: 3px 3px 0 0;
}
#formIdsCertificate .modal-header .close{
	color: #000;
}
.form-horizontal .value-fixed, .form-horizontal .value-edit-label, .form-horizontal .value-edit{
	font-family: NotoSans-Regular;
	font-size: 13px;
	color: #666;
}
.form-horizontal .value-edit{
	color: #ff6600;
}

.input-group.with-btns .input-group-btn{
	padding-left:5px;
}
.input-group.with-btns .input-group-btn a{
	border-right: 1px #e6e6eb solid;
	color: #2e3192;
	text-decoration: none;
	padding: 3px 10px;
}
.input-group.with-btns .input-group-btn a:last-child{
	border-right: none;
}
.editable-block{
	padding-top: 10px;
}
.editable-group .control-label{
	color: #ff6600;
}
.editable-group .input-group.with-btns{
	margin-top: 20px;
}
.divider{
	background:#e6e6eb;
	height: 1px;
	margin: 20px 0;
}
.tooltip.top {
	left:0 !important;
}
.tooltip.top.right {
	right:0 !important;
	left: auto !important;
	top: 5px !important;
}
.tooltip-inner {
	font-family: NotoSans-Regular;
	font-size: 10px;
	background-color: #ff8838;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 4px 8px;
	word-wrap: break-word;  
}
.tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100);
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 15px !important;
	margin-left: -5px;
	border-top-color: #ff8838;
	border-width: 5px 5px 0;
}
.tooltip.top.right .tooltip-arrow {
	bottom: -4px;
	top: auto !important;
	left: 20px !important;
	margin-left: -5px;
	border-top-color: #ff8838;
	border-width: 5px 5px 0;
	border-right-color: transparent;
}
/*---pagination css modified---*/
.pagination{
	font-family: NotoSans-Regular;
}
.pagination>li>a, .pagination>li>span{
	color: #999;
	border: 1px #e6e6eb solid;
	padding: 4px 13px;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li.active a{
	color: #fff;
	background-color: #9dace3;
	border-color: #e6e6eb;
}
.pagination .glyphicon{
	font-size: 11px;
	color: #999;
}
.pagination>li>a:hover .glyphicon{
	color: #fff;
}

/*--custom checkbox--*/

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
	width   : 28px;
	margin  : 0;
	padding : 0;
	opacity : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
	display      : inline-block;
	margin-left  : -30px;
	padding-left : 28px;
	height: 25px;
	background   : url('../images/checks.png') no-repeat 0 2px;
	background-size:22px;
	margin-bottom: 0;
	line-height: normal;
	font-family: NotoSans-Regular;
}

input[type=radio   ]:not(old) + label{
	background   : url('../images/checks.png') no-repeat 0 -47px;
}
input[type=checkbox]:not(old):checked + label{
	background-position : 0 -21px;
}

input[type=radio]:not(old):checked + label{
	background-position : 0 -71px;
}
.checkbox-without-label label{
	text-indent: -9999px;
	padding-bottom: 5px;
	padding-right: 2px;
}
.checkbox-without-label input[type=checkbox]:not(old) + label{
	background: url('../images/checks.png') no-repeat 0 0px;
}
.checkbox-without-label input[type=checkbox]:not(old):checked + label{
	background-position : 0 -26px;
}
input[type=checkbox][disabled]{
	cursor: no-drop;
}
.page-header{
	border-bottom: 1px #e6e6e6 solid;
	margin: 0 0 15px;
}
.page-heading{
	font-family: Raleway-SemiBold;
	font-size: 15px;
	margin-bottom: 0;
}
h2.page-heading{
	margin-top: 0;
}
.inner-heading{
	font-family: Raleway-SemiBold;
	font-size: 13px;
}
.form-fields-tip{
	font-family: NotoSans-Regular;
	color: #999;
	font-size: 11px;
	padding-top: 5px;
}
.date-input-control .form-control{
	margin-right: 3px;
	width: auto;
	float: left;
	text-align: center;
}
.date-input-control .day, .date-input-control .month{
	max-width: 50px;
}
.date-input-control .year{
	max-width: 66px;
}
.form-horizontal .heading4{
	margin-bottom: 0;
	font-size: 16px;
}
.form-horizontal .form-footer{
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
}
.has-error .form-control{
	border: 1px #ff6600 solid;
	background: #ffece0;
	color: #ff6600;
}
.has-error .form-control:focus{
	color: #555;
	background: #fff;
	box-shadow: none;
	border: 1px #2e3192 solid;
}
.has-error  label.control-label{
	color: #555;
}
.has-error .error, .docketResError{
	color: #ff6600;
	margin-top: 5px;
	font-size: 13px;
}

/*---accordion css---*/
.panel-group{
	border: 1px #b8b6b6 solid;
	border-radius: 3px;
}
.panel-group .panel:first-child .panel-title span.selected{
	border-radius: 3px 0 0 0;
}
.panel-group .panel:first-child .panel-heading a{
	border-radius: 3px 3px 0 0;
}
.panel-group .panel:last-child .panel-heading a{
	border-radius: 0 0 3px 3px;
}
.panel-group .panel:last-child .panel-heading{
	border-bottom: none;
	border-radius: 0 0 3px 3px;
}
.panel-group .panel:last-child .panel-collapse>.panel-body{
	border-top: 1px #b8b6b6 solid;
	border-bottom: none;
}
.panel-default {
	border: none;
}
.panel-title{
	margin-top: -1px;
}
.panel-default>.panel-heading{
	background: #fff;
	border-radius: 0;
	border-top: 1px #b8b6b6 solid;
	border-bottom: 1px #b8b6b6 solid;
	padding: 0;
}
.panel-group .panel-heading+.panel-collapse>.panel-body{
	border-top: none;
	background: #f7f8fc;
	border-bottom: 1px #b8b6b6 solid;
}
.panel-default>.panel-heading a{
	font-family: NotoSans-Bold;
	font-size: 16px;
	color: #2e3192;
	display: block;
	padding: 14px 18px;
	text-decoration: none;
}
.panel-default>.panel-heading a.collapsed{
	font-family: NotoSans-Regular;
}
.panel-default>.panel-heading a span.icon{
	float: right;
}
.panel-group .panel+.panel{
	margin-top: 0;
}
.panel-group.user-management .panel-body{
	/*padding: 30px;*/
}
.panel-group .form-control{
	background: #fff;
}
.icon-arrow-down{
	background-position: -66px -2px;
	width: 17px;
	height: 17px;
}
.icon-arrow-up{
	background-position: -66px -21px;
	width: 17px;
	height: 17px;
}
.icon-arrow-up.small{
	background-position: -66px -125px;
	width: 13px;
	height: 13px;
}
.icon-arrow-down.small{
	background-position: -66px -107px;
	width: 13px;
	height: 13px;
}
.icon-move-right{
	background-position: -96px -5px;
	width: 19px;
	height: 21px;
}
.icon-move-left{
	background-position: -96px -34px;
	width: 19px;
	height: 21px;
}
.icon-move-all-left{
	background-position: -66px -80px;
	width: 19px;
	height: 21px;
}
.icon-move-all-right{
	background-position: -66px -50px;
	width: 19px;
	height: 21px;
}

.panel-default>.panel-heading a span.icon-arrow-down,
.panel-default>.panel-heading a.collapsed span.icon-arrow-up{
	display: none;
}
.panel-default>.panel-heading a.collapsed span.icon-arrow-down{
	display: block;
}
.panel-default>.panel-heading a{
	background: #e3e4eb;
}
.panel-default>.panel-heading a.collapsed {
	background: #fff;
}
.panel-title{
	position: relative;
}
.panel-title span.selected{
	display: inline-block;
	width: 8px;
	height: 47px;
	float: left;
	background: #2e3192;
	margin-top: -1px;
	margin-left: -1px;
	position: absolute;
	left: 0;
	top: 0;
}
.panel-title a.collapsed span.selected{
	display: none;
}
.user-management-tabs .tab-content{
	padding: 28px 0;
}
/*--multiselect custom css----*/
.multiselect-control .title{
	font-family: NotoSans-Bold;
	font-size: 13px;
	margin-bottom: 10px;
}
.multiselect-control .form-control{
	border: 1px #b8b6b6 solid;
	background: #fff;
	font-size: 13px;
	border-radius: 3px;
	overflow: auto;
}
.multiselect-control .move-select-items{
	margin-top: 25px;
}
.multiselect-control .move-select-items button{
	border: none;
	background: transparent;
	display: block;
	margin: 0 auto;
}
.multiselect-control .move-select-items button:focus, .multiselect-control .move-select-items button:active{
	outline: none;
}
/*--left tabs css---*/

/*.nav-tabs.left-tabs{
	margin-left: -46px;
	border-radius: 0 0 3px 0;
}
.nav-tabs.left-tabs li{
	display: block;
	border: 1px #ccc solid;
	float: none;
}
.nav-tabs.left-tabs li:first-child{
	border-radius: 0 3px 3px 0;
}
.nav-tabs.left-tabs li:last-child{
	border-radius: 0 0 3px 0;
}
.nav-tabs.left-tabs li span.glyphicon-ok{
	display: none;
}
.nav-tabs.left-tabs li.active span.glyphicon-ok{
	display: block;
	float: right;
}
.nav-tabs.left-tabs li.active{
	border-bottom: 1px #9dace3 solid;
	border-right:1px #9dace3 solid;
}
.nav-tabs.left-tabs li a{
	font-family: NotoSans-Regular;
	background: #fff;
	color: #2e3192;
	font-size: 13px;
	padding: 12px 30px;
	border-radius: 0;
	margin-right: 0;
	border: none;
}
.nav-tabs.left-tabs li.active a{
	font-family: NotoSans-Bold;
	background: #9dace3;
	color: #fff;
	border: none;
}*/
/*---inner accordion style----*/
.accordion-inner.panel-group{
	border: none;
}
.accordion-inner.panel-group .panel-heading+.panel-collapse>.panel-body{
	border: none;
}
.accordion-inner .panel-default>.panel-heading a{
	font-family: NotoSans-Regular;
	padding: 10px 20px;
	font-size: 13px;
}
.accordion-inner .panel-default>.panel-heading{
	border:none;
}
.accordion-inner .panel-default>.panel-heading a {
	font-family: NotoSans-Bold;
	background: #9dace3;
	color: #fff;
	border: 1px #9dace3 solid;
}
.accordion-inner .panel-default>.panel-heading a.collapsed {
	font-family: NotoSans-Regular;
	background: #fff;
	color: #2e3192;
	border: 1px #b8b6b6 solid;
}
.accordion-inner.panel-group .panel:last-child .panel-heading {
	border:none;
}
.accordion-inner.panel-group .panel-body{
	padding:20px;
}
.pad-top10{
	padding-top: 10px;
}
.pad-left0{
	padding-left: 0;
}
.pad-right0{
	padding-right: 0;
}
.pad-top0{
	padding-top: 0;
}
.form-footer{
	border-top: 1px #b8b6b6 solid;
	padding-top: 20px;
}
.btn1{
	font-family: NotoSans-Regular;
	padding: 8px 12px;
	border: 1px #2e3192 solid;
	background: #fff;
	font-size: 12px;
	color: #2e3192;
	display: inline-block;
	text-decoration: none;
	border-radius: 3px;
}
.btn1:hover, .btn1:focus{
	text-decoration: none;
}
/*--file upload css---*/
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.input-group #uploadFile{
	background: #f5f5fa;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.fileUpload.btn{
	font-family: NotoSans-Bold;
	background: #fff;
	font-size: 13px;
	text-align: center;
	border: 1px #e6e6eb solid;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 0 35px;
	border-left: none;
}
.files-selected-txt{
	font-family: NotoSans-Bold;
	font-size: 13px;
}
.bulk-upload-control{
	border-top: 1px #fff solid;
	padding-bottom: 0;
	padding-top: 5px;
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
	box-shadow: 0 -5px 5px rgba(0,0,0,0.1);
	background: #E6EBFA;
}

.bulk-upload-control .progress{
	font-family: NotoSans-Bold;
	margin-bottom: 2px;
	height: 15px;
	background: #babdb9;
	box-shadow: none;
	border-radius: 3px;
	text-shadow:0 0 1px #fff;
}
.bulk-upload-control .progress-bar{
	line-height: 16px;
	font-size: 9px;
	color: #2e3192;
	text-align: right;
	padding-right: 10px;
	box-shadow: none;
}
.bulk-upload-control .upload-size{
	font-family: NotoSans-Bold;
	font-size:10px;
	color: #2e3192;
	margin-bottom: 2px;
}
.bulk-upload-control .file-name{
	font-family: NotoSans-Bold;
	font-size: 13px;
	padding-right:40px;
}
.upload-details >div{
	display: table-cell;
	vertical-align: middle;
	font-family: NotoSans-Regular;
	padding-right: 20px;
	font-size: 10px;
}
.upload-details >div.upload-speed{
	font-size: 16px;
	color: #2e3192;
}
.progress-bar-success{
	background-color: #a7b4e6;
}
.progress-bar-striped, .progress-striped .progress-bar {
	background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	/* background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); */
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}
.inner-header{
	border-bottom: 1px #e6e6e6 solid;
	margin:0 0 15px;
}
.inner-header h3{
	font-family: Raleway-Regular;
	font-size: 14px;
	margin: 0;
	padding-bottom: 5px;
}
.tab-actions .inner-search{
	width: 230px;
	padding:0;
}
.inner-search select{
	height: 28px;
	font-size: 13px;
	width: 80px;
	float: left;
	border-radius: 0;
	border-right: 1px #c4c4c4 solid;
	padding:0 6px;
	box-shadow: none;
	border: none;
	border-right: 1px #c4c4c4 solid;
	border-radius: 3px 0 0 3px;
}
.inner-search select:focus{
	border: none;
	background: #f6f5fb;
	border-right: 1px #c4c4c4 solid;
}
.inner-search input[type="text"]{
	border: none;
	width: 100%;
	outline: none;
}
.inner-search button{
	background: #fff;
	border: none;
	outline: none;
	padding-right:0;

}
.inner-search{
	border: 1px #c4c4c4 solid;
	margin: 0;
	height: 30px;
	border-radius: 3px;
}
.inner-search input[type="text"]{
	height: 28px;
	font-size: 13px;
	border-radius: 3px;
}
.highlight-text{
	font-family: NotoSans-Bold;
	color: #2e3192;
	font-size:16px;
}
.input-group.date .input-group-addon{
	border: none;
}
.form-group .hint{
	font-family: NotoSans-Regular;
	font-size: 11px;
	color: #666;
	padding-top: 3px;
}

/*----custom switch css---*/
.switch {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 20px;
	padding: 3px;
	background-color: white;
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
	background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
	background-image: -o-linear-gradient(top, #eeeeee, white 25px);
	background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-disabled {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 60px;
	height: 20px;
	padding: 3px;
	background-color: white;
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: no-drop;
	background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
	background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
	background-image: -o-linear-gradient(top, #eeeeee, white 25px);
	background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size:14px;
	text-transform: uppercase;
	background: #47a8d8;
	border-radius: inherit;
	text-indent: -9999px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	-webkit-transition-property: opacity background;
	-moz-transition-property: opacity background;
	-o-transition-property: opacity background;
	transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #fff;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #54b95f;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 38px;
	width: 18px;
	height: 18px;
	background: white;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
	background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
	-webkit-transition: left 0.15s ease-out;
	-moz-transition: left 0.15s ease-out;
	-o-transition: left 0.15s ease-out;
	transition: left 0.15s ease-out;
}
.switch-handle:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: #f9f9f9;
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
	background-image: -webkit-linear-gradient(top, #eeeeee, white);
	background-image: -moz-linear-gradient(top, #eeeeee, white);
	background-image: -o-linear-gradient(top, #eeeeee, white);
	background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
	left: 4px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-control span.switch-text{
	display: inline-block;
	padding-top: 3px;
}
.switch-control .switch{
	margin: 0 20px;
}
.switch-green > .switch-input:checked ~ .switch-label {
	background: #4fb845;
}

select.form-control{
	line-height:32px;
}
.switch-control.mdm{
	margin-top: 9px;
}
.switch-control.mdm .switch-label, .switch-control.reference .switch-label{
	text-indent: 0;
	font-family: notosans-regular;
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
}
.switch-control.mdm .switch, .switch-control.reference .switch{
	width: 135px;
	margin-right: 0;
	background-image: none;
	box-shadow: none;
	height: 26px;
}
.switch-control.reference .switch{
	width: 215px;
}
.switch-control.mdm .switch-label:after, .switch-control.reference .switch-label:after{
	left: 23px;
	text-shadow:none;
}
.switch-control.mdm .switch-label:before, .switch-control.reference .switch-label:before{
	right: 25px;
	text-shadow:none;
}
.switch-control.mdm .switch-input:checked ~ .switch-handle,
.switch-control.reference .switch-input:checked ~ .switch-handle{
	left: 4px;
}
.switch-control.mdm .switch-input:not(:checked) ~ .switch-handle{
	left: 113px;
}
.switch-control.reference .switch-input:not(:checked) ~ .switch-handle{
	left: 192px;
}
.switch-control.mdm .switch-handle, .switch-control.reference .switch-handle{
	top: 7px;
}
.switch-control.on-off .switch-label:before{
	right: 22px;
	text-shadow:none;
}
.switch-control.on-off .switch-label:after{
	right: 7px;
	left: auto;
}
.switch-control.on-off .switch{
	margin:0;
}
.switch-control.on-off .switch{
	background-image: none;
	box-shadow: none;
	background-color:transparent;
}
.switch-control.on-off .switch-label{
	text-indent: 0;
}
.switch-control.on-off .switch-input ~ .switch-label{
	background: #ff0000;
}
.switch-control.on-off .switch-input:checked ~ .switch-label{
	background: #54b95f;
}
.switch-control.on-off .switch-input.disabled ~ .switch-label{
	background: #B5B5B5;
}
/*---business rule grid---*/
.business-rules-grid{
	margin-bottom: 10px;
}
.business-rules-grid .rule-text{
	font-family: NotoSans-Bold;
	margin-bottom: 5px;
}
.business-rules-grid .odd-row{
	background-color: #f7f8fc;
}
.business-rules-grid .even-row{
	background-color: #fff;
	padding:20px 8px;
}
.business-rules-grid.custom-table > tbody > tr > td{
	border-right:none;
}
.business-rules-grid >.ruleRow{
	position: relative;
	min-height: 55px;
}
.business-rules-grid >div:nth-child(odd) {
	background: #F2F2F2;
}
.business-rules-grid >div:nth-child(even) {
	background: #FBFBFB;
}
.business-rules-grid >div .ruleCol{
	padding:10px;
}
.business-rules-grid .action-btns-grid{
	position: absolute;
	min-width: 80px;
	left: 100%;
	top: 0;
	border-left: none;
	padding-left: 10px;
}
.business-rules-grid .action-btns-grid a{
	margin-bottom:5px;
}
.form-group.role-input-block{
	margin-left: 0;
	margin-right: 0;
}
.business-rules-grid .buttonContainer{
	clear: both;
	padding: 10px;
	background: #DFDFDF;
	text-align: right;
}
.sender-recipent-block{
	height: 60px;
	border-bottom: 2px #2e3192 solid;
	margin-bottom: 30px;
}
.sender-recipent-block > div{
	padding: 0;
}
.sender-recipent-block span{
	font-family: NotoSans-Bold;
	display: inline-block;
	height: 60px;
	position: relative;
	padding-left: 10px;
}
.table-new{
	display: table;
	width: 100%;
}
.table-new .table-row{
	display: table-row;
}
.table-new .table-data{
	display: table-cell;
}
.sender-recipent-block span:before{
	content: "";
	background: url("../images/rules-seprator.png") bottom left no-repeat;
	height:60px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -13px;
}
.sender-recipent-block span.recipent:before{
	content: "";
	background: url("../images/rules-seprator2.png") bottom left no-repeat;
	height:60px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -16px;
}

.sender-details .block{
	float: left;
	margin-right: 15px;
}
.sender-details .block:last-child{
	margin-right: 0;
}
.table .disabled{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #bbbbbb;
	cursor: default;
}
.table .disabled .action-btns-grid a{
	opacity: 0.5;
	cursor:default;
}
.table .disabled .action-btns-grid a span{
	cursor: default;
}
.table.custom-table tr.selected{
	background-color: #E4EAFF;
}
.table.custom-table > thead > tr.less-data-row >th{
	padding: 8px;
}
.table.custom-table > thead > tr.less-data-row >th.text-center{
	border-bottom: 1px #ccccff solid;
}
.table.custom-table > thead > tr.less-data-row + tr > th{
	border-radius: 0;
}
.role-details{
	padding:10px;
	border: 1px #e6e6e6 solid;
	border-radius: 3px;
	margin-bottom: 15px;
}
.role-details .role-input-block{
	width: 200px;
}
.role-details .role-input-block .input-group-btn{
	padding: 0 10px;
	cursor: pointer;
}
.system-sender-block{
	padding: 3px;
	width: 300px;
}
.system-sender-block .field{
	border: 1px #e6e6eb solid;
	border-radius: 3px;
	background: #f5f5fa;
	padding: 5px;
}
.system-sender-block .field span{
	display: block;
	float: left;
	width: 50%;
	padding-right: 5px;
}
.system-sender-block .input-group-btn{
	padding: 0 10px;
	cursor: pointer;
}

.role-details .role-title{
	font-family: NotoSans-Bold;
	margin-left: -15px;
	margin-bottom: 5px;
}
.user-action-btns{
	margin-right: 10px;
	border-right:1px #ccc solid;
	padding-right: 10px;
}
.user-action-btns .btn1.disabled{
	height: 35px;
}

.action-btns-grid span.icon.disabled, .action-btns-grid i.disabled img, .action-btns-grid img.disabled{
	opacity: 0.4;
}
/*----filter dropdown css---*/
.filter-dropdown{
	position: absolute;
	left: -136px;
	width: 324px;
	border: 1px #d8dceb solid;
	box-shadow:0 0 6px rgba(0,0,0,0.16);
	padding:10px 20px 20px;
	margin-top: 12px;
}
.filter-dropdown:before{
	content: "";
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #d8dceb;
	position: absolute;
	top: -6px;
	left: 50%;
	right: 50%;
	margin: 0 auto;
	transform: translateX(-50%);
}
.filter-dropdown:after{
	content: "";
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
	position: absolute;
	top: -5px;
	left: 50%;
	right: 50%;
	margin: 0 auto;
	transform: translateX(-50%);
}
.filter-dropdown ul{
	padding:0;
}
.filter-dropdown ul li{
	float: none;
	list-style: none;
	padding: 0;
	border: none;
}

.filter-dropdown ul li:last-child{
	padding-left: 0;
}
.filter-dropdown ul.main-list ul li{
	background: url("../images/tree-bg.gif") 10px 0 repeat-y;
	padding-left:55px;
	padding-top: 6px;
	padding-bottom: 6px;
	position: relative;
}
.filter-dropdown ul.main-list > li label{
	font-family: NotoSans-Bold;
	color: #666;
}
.filter-dropdown ul.main-list ul li label{
	font-family: NotoSans-Regular;
	color: #666;
}
.filter-dropdown ul.main-list ul li:before {
	content: "";
	background: url("../images/tree-bg2.gif") 10px 0 repeat-x;
	width: 33px;
	position: absolute;
	left: 10px;
	right: 0;
	height: 7px;
	top: 50%;
	font-weight: lighter;
}
.filter-dropdown ul.main-list ul li:last-child{
	background: none;
	background: url("../images/tree-bg3.gif") 10px 0 no-repeat;
}
.filter-dropdown .btn{
	min-width: 120px;
}

/*---login css--*/
body.login-bg{
	background: #000;
}
.login-container{
	width: 360px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform:translateY(-50%);
	border: 1px #f3f3f3 solid;
	box-shadow: 0 0 5px rgba(0,0,0,0.16);
	padding: 25px;
}
.login-container h2{
	font-family: Raleway-SemiBold;
	font-size: 22px;
	background: #2e3192;
	color: #fff;
	margin: -25px -25px 25px;
	padding: 15px 25px;
	border-radius: 3px 3px 0 0;
}
.login-container .login-logo{
	text-transform: uppercase;
	font-size: 16px;
	color: #2e3192;
	font-family: Raleway-SemiBold;
	text-align: center;
	border-bottom: 1px #e6e6e6 solid;
	padding-bottom: 15px;
}
.login-container .login-logo img{
	margin-bottom: 7px;
}
.login-container .form-horizontal{
	padding-top: 20px;
}
.login-container .control-label{
	font-size: 16px;
}
.login-container .footer-login{
	margin-top: 32px;
}
.forgot-pass-link{
	font-family: Raleway-SemiBold;
	font-size: 16px;
	color: #2e3192;
	display: inline-block;
	margin-top: 5px;
}
.login-container .countdown{
	font-family: NotoSans-Regular;
	border: 1px #e6e6eb solid;
	background: #faf9f1;
	color: #666;
	font-size: 24px;
	text-align: center;
	padding: 7px 10px;
	border-radius: 3px;
	margin-bottom: 20px;
	margin-top: -10px;
}
.login-container .otp-request{
	font-family: Raleway-SemiBold;
	font-size: 13px;
	color: #666;
	padding-top: 5px;
}
.login-container .otp-request a{
	font-family: Raleway-SemiBold;
}
.login-container .form-control-static{
	font-family: NotoSans-Regular;
	color: #666;
	font-size: 16px;
}

/*---access profile actions---

.access-profile-actions{
	border: 1px #babbbd solid;
	background: #fff;
	margin-top: 20px;
	border-radius: 3px;
}
.access-profile-actions > div{
	padding: 0;
}
.access-profile-actions .head h4{
	font-family: NotoSans-Regular;
	color: #fff;
	font-size: 13px;
	background: #9dace3;
	padding: 20px 10px;
	margin: 0;
}
.access-profile-actions .body{
	font-family: NotoSans-Regular;
	font-size: 13px;
	color: #666;
}
.access-profile-actions .body .control-label{
	font-family: NotoSans-Regular;
	color: #666;
}
.access-profile-actions .body > .row:last-child .left,
.access-profile-actions .body > .row:last-child .right .block{
	height: 60px;
}
.access-profile-actions .head .left,
.access-profile-actions .head .right{
	padding: 0;
}
.access-profile-actions .head .left{
	border-right: 1px #fff solid;
}
.access-profile-actions .body .left,
.access-profile-actions .body .right .block{
	border-right: 1px #dbdce0 solid;
	padding: 6px 6px 8px;
	height: 40px;
}
.access-profile-actions .body .right{
	padding-left: 4px;
}
.access-profile-actions .body .right .block.last{
	border-right:none;
}*/
.panel-group.panel-checkbox{
	margin-bottom: 5px;
}
.panel-group.panel-checkbox .panel-heading{
	padding: 6px 0 2px 0;
	position: relative;
	margin-top: -1px;
}
.panel-group.panel-checkbox .panel-heading h4{
	font-family: Raleway-SemiBold;
	font-size: 15px;
}
.panel-group.panel-checkbox .panel-heading a{
	position: absolute;
	right: 0;
	top: 0;
	background: transparent;
	padding: 11px 18px 16px 20px;
}
.otp-text{
	font-family: NotoSans-Bold;
	background: #f3f3f3;
	border-radius: 3px;
	padding: 10px;
	font-size: 20px;
	text-align: center;
}
/*--simple popup css---*/
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	z-index: 3;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup-msg {
	padding:10px;
	background: #fff;
	border-radius: 3px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 400px;
	top: 30%;
	transition: all 5s ease-in-out;
	box-shadow: 0 0 20px #000000;
	display: none;
	z-index: 5;
}

.popup-msg .msg{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
.popup-msg .close {
	transition: all 200ms;
	font-size: 23px;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	background: #444;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	z-index: 34;
	opacity: 1;
	float: none;
	display: inline-block;
}
.onlyClose {

	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	background: #444;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	display: inline-block;
	opacity: 1;
	float: none;

}
.popup-msg.alert-danger{
	background-color: #f2dede;
	border: 5px #F6C0C8 solid;
}
.popup-msg.alert-information{
	background-color: #BAF4C8;
	border: 5px #59BA70 solid;
}
.popup-msg.alert-information .content{
	color: #319B4A;
}
.popup-msg .content{
	max-height: 30%;
	overflow: auto;
	padding-bottom:10px;
	padding: 10px 15px;
}
.popup-msg span.glyphicon{
	font-size: 20px;
	vertical-align: text-bottom;
	margin-right: 5px;
}
.pagination-control{
	margin-top:30px;
	margin-bottom: 15px;
}
.pagination-control .form-inline{
	float: right;
	margin-right: 25px;
}
.pagination-control .form-inline span{
	font-family: NotoSans-Regular;
	font-size: 12px;
}
.pagination-control .form-inline select{
	margin: 0 12px;
	height: 28px;
	padding: 3px 12px;
}
.pagination-control .pagination{
	float: right;
	margin: 0;
}

.user-checklist{
	background: #E3E3E3;
	padding: 10px;
	margin-bottom:15px;
}
.user-checklist .control-label{
	margin-bottom: 5px;
}
.height400{
	height: 400px;
}
.height200{
	height: 200px;
}
.mCustomScrollbar.grey .mCSB_scrollTools .mCSB_draggerRail{
	background: #ccc;
	width: 12px;
	border-radius: 0;
}
.mCustomScrollbar.blue .mCSB_scrollTools .mCSB_draggerRail{
	background: #bbbbe9;
	width: 8px;
	border-radius: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	border-radius: 0;
}

/*---loader css---*/
.loader-wrapper{
	width: 100%;
	height: 100%;
	background: rgba(217, 217, 217, 0.8);
	position: fixed;
	z-index: 1;
}

.loader-wrapper .loader{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	width: 80px;
	height: 120px;
	transform:translateY(-50%);
}
.loader-wrapper .loader .logo{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	width: 80px;
	height: 80px;
}
.mask{
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	background: #FFFFFF;
	opacity: 0.5;
	box-shadow: 0 0 5px #ccc;
	overflow: hidden;
}
.loading-txt{
	position: absolute;
	top: 80px;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-weight: bold;
	text-shadow:0 1px 0px #fff;
}
.loading-txt span{
	font-size: 18px;
}
@keyframes blink {
	/**
     * At the start of the animation the dot
     * has an opacity of .2
     */
	0% {
		opacity: .2;
	}
	/**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
	20% {
		opacity: 1;
	}
	/**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
	100% {
		opacity: .2;
	}
}

.loading-txt span {
	/**
     * Use the blink animation, which is defined above
     */
	animation-name: blink;
	/**
     * The animation should take 1.4 seconds
     */
	animation-duration: 1.4s;
	/**
     * It will repeat itself forever
     */
	animation-iteration-count: infinite;
	/**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
	animation-fill-mode: both;
}

.loading-txt span:nth-child(2) {
	/**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
	animation-delay: .2s;
}

.loading-txt span:nth-child(3) {
	/**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
	animation-delay: .4s;
}
.tab-info-text > span, .tab-info-text > p{
	display: table-cell;
	padding:10px 5px;
}
.grid-dropdown{
	display: inline-block;
}
.grid-dropdown a{
	margin-bottom: 0;
}
.grid-dropdown img.icon20x{
	vertical-align: text-top;
}
.icon20x{
	width: 20px;
	height: 20px;
}

.grid-dropdown img.icon19x{
	vertical-align: text-top;
}
.icon19x{
	width: 20px;
	height: 20px;
}
.icon18x{
	width: 20px;
	height: 18px;
}
.icon16x{
	width: 16px;
	height: 16px;
}

/*--css daterange picker modified--*/
.daterangepicker{
	font-family: NotoSans-Regular;
	z-index:0;
}
.daterangepicker .ranges{
	text-align: right;
	clear: both;
	width: 100%;
	padding-right: 8px;
}
.daterangepicker .btn-success, .daterangepicker .btn-success.disabled, .daterangepicker .btn-success.disabled:hover,
.daterangepicker .btn-success:focus,
.daterangepicker .btn-success:active {
	font-family: Raleway-SemiBold;
	background: #2e3192;
	color: #fff;
	font-size: 12px;
	border: none;
}
.daterange-inputblock .input-mini{
	display: inline-block;
	width: auto;
	border: none !important;
	padding:0 6px 0 5px;
	background: #f3f3f3;
	float: right;
}
.daterange-inputblock span{
	display: inline-block;
	padding-top: 5px;
	font-family: Raleway-SemiBold;
	font-weight: normal;
	font-size: 13px;
	color: #333;
}


/*------input type hidden with checkbox---*/
input[type=checkbox]:not(old) + input[type="hidden"] + label{
	display      : inline-block;
	margin-left  : -30px;
	padding-left : 28px;
	background   : url('../images/checks.png') no-repeat 0 5px;
	margin-bottom: 0;
	/*line-height: normal; */
}
input[type=checkbox]:not(old):checked  + input[type="hidden"] +  label{
	background-position : 0 -21px;
}
.edit-box{
	background: #f3f3f3;
	border-top: 2px #ccc solid;
	border-bottom: 2px #ccc solid;
	padding: 10px;
}
.edit-box h4{
	margin:0;
	border-bottom: 1px #ccc solid;
	padding-bottom: 8px;
}
.edit-box h4 + div{
	margin-top: 10px;
}
.date-large{
	font-size: 20px;
}
.list-doc-control{
	padding: 10px;
}
.list-doc-control span.title{
	font-family: Raleway-SemiBold;
	display: inline-block;
	margin-right: 5px;
	padding-right: 15px;
	border-right:2px #ddd solid;
}
.bdr-btm-none{
	border-bottom: none !important;
}
.bdr-rt-none{
	border-right: none !important;
}
.pdf-preview, .edit-app-data{
	height:415px;
	overflow: auto;
}
.pos-relative{
	position: relative;
}
.input-group-btn.remove{
	padding:0 5px;
}
.inline-block{
	display: inline-block;
}
.reference-head{
	font-family: Raleway-SemiBold;
	font-size: 14px;
	margin: 10px 0;
	background: #f1f1f1;
	padding: 10px 5px;
}
.form-footer.custom{
	border-top: none;
}
.form-footer.custom >div:first-child{
	margin-bottom: 2px;
	padding: 10px;
	background: #E1E2FF;
	font-weight: bold;
}
.form-footer.custom >div:last-child{
	border-top: 1px #ccc solid;
	padding-top: 15px;
}
.create-app-data{
	position: relative;
	background: #D2DCFF;
	background: #DEE2EF;
	padding: 10px 15px;
	margin-bottom: 5px;
	border-bottom: 2px #c2ccef solid;
}
.create-app-data:nth-child(even){
	background: #B7C0DC;
}
.create-app-data .action-btns{
	position: absolute;
	right: -25px;
	top: 0;
}
.create-app-data .toggle-link{
	position: absolute;
	bottom:0;
	right: 0;
	padding: 5px;
	background: #c2ccef;
	box-shadow: -1px -1px 0 #E0E7FF;
}
.create-app-data .action-btns a{
	display: block;
	margin: 5px 0;
}
.create-app-data .visible-data{
	margin-bottom: 20px;
}
.create-app-data .hidden-data >.form-group:last-child{
	margin-bottom: 30px;
}
.custom-table > thead > tr.small-height-row  > th{
	padding: 4px 6px 0;
}
.margin-btm-10{
	margin-bottom: 10px;
}

/*---reference css-----*/
.entry-block{
	border-bottom:1px #EAEAEA solid;
}
.entry-block .head{
	background: #f5f5f5;
	padding: 8px;
	font-family: Raleway-Bold;
	border-bottom:1px #EAEAEA solid;
}
.entry-block .content{
	background: #FCFCFC;
	padding: 10px 0;
}
.entry-block .head .action-btns{
	float: right;
}
.entry-block .head .action-btns a{
	padding-left: 5px;
}
.entry-block .highlighted-block{
	background: #DDFFEA;
	padding: 10px 0;
}
.pdf-preview-container{
	background: #DDDDDD;
	position: relative;
}
.pdf-preview-container h2{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #C5C5C5;
	margin: 0;
	padding:10px;
}

.pdf-preview-container img{
	margin: 0;
	padding: 0 32px;
}
.pdf-preview-container.single img{
	padding: 0;
}
.pdf-preview-container .hide-pdf{
	transform: rotate(90deg);
	transform-origin: -4px 5px;
	position: absolute;
	right: -16%;
	font-weight: bold;
}
.pdf-preview-container .show-pdf{
	transform: rotate(90deg);
	transform-origin: -4px 5px;
	position: absolute;
	left: 26px;
	font-weight: bold;
}
.pad-top-10{
	padding-top: 10px;
}
.reference-btns-group{
	margin-left: -30px;
}
.reference-btns-group a{
	padding: 30px 20px;
	font-size: 18px;
	line-height: normal;
	height: auto;
	border-radius: 0;
	display: block;
	width: 180px;
	white-space: normal;
}
.reference-btns-group a.btn-cancel{
	border-color: red;
	color: red;
	cursor: default;
}
.npl-autodata{
	background: #DDFFEA;
	padding:10px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
.npl-autodata .title{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
.npl-autodata .btn{
	font-size: 12px;
	padding: 3px 5px;
}
.mtop0{
	margin-top: 0;
}
p{
	font-family: NotoSans-Regular;
}
.control-label{
	font-family: Raleway-SemiBold;
}
.form-control-static{
	font-family: NotoSans-Regular;
	vertical-align: top;
	word-wrap: break-word;
}

.grey-bg{
	background: #f5f5f5;
}
.margin-topneg10{
	margin-top: -10px;
}
.notification-box.last{
	margin-bottom: 0;
}
.mbtm0{
	margin-bottom: 0 !important;
}
.mtop0{
	margin-top: 0;
}
.margin-btm10{
	margin-bottom: 10px;
}
.reference-cited-btns button.btn{
	min-width: auto;
}
.reference-cited-btns button.btn{
	margin-left: 5px;
}
.doc-action-icons{
	display: inline-block;
	margin-top: 10px;
	margin-left: 10px;
}
.doc-action-icons a{
	padding-left: 5px;
}
.custom-table > tbody > tr.active td{
	background: #E8EAF4;
}
.tab-content.reference-cited{
	margin-top: 10px;
}
.tab-content.reference-cited .left-col{
	width: 74.66%;
}
.tab-content.reference-cited .right-col{
	width: 25.33%;
	padding-left: 0;
}
#certification-popup .list-group-item{
	padding: 4px 5px;
}
#certification-popup .list-group{
	margin-bottom: 5px 5px;
}
#certification-popup .form-horizontal .form-group{
	margin-bottom: 5px;
}
#certification-popup .well{
	padding: 2px;
	margin-bottom: 2px;
}
#certification-popup .well p{
	margin-bottom: 2px;
}
#certification-popup .form-control-static{
	padding-top: 2px;
	padding-bottom: 2px;
	min-height: auto;
}
#certification-popup .certification-box{
	padding: 2px;
	margin-bottom: 0px;
	min-height: 69px;
}
.custom-table > tbody > tr.higlighted-data{
	background: #DEE1EA;
}
.btn-link{
	line-height: 24px;
}
.btn-link:hover{
	background: #2e3192;
	text-decoration: none;
}
i.expand-collapse{
	cursor: pointer;
}
.tab-heading{
	margin: 10px 0;
}
.tab-heading h3 {
	font-size: 15px;
	font-family: Notosans-Regular;
	margin: 7px 0 0;
}
.tab-heading .user-action-btns{
	margin-top: 2px;
}
.tab-actions li.inner-search{
	margin-top: -2px;
}
.family-view-block {
	margin-left: -15px;
}
.family-view-block .inner-search{
	margin-bottom: 10px;
	background: #fff;
}
.family-view-block .family-head{
	background: #e3e4eb;
	padding: 10px 15px;
	border-left: 8px #2e3192 solid;
}
.family-view-block .family-member{
	background: #f7f8fc;
	padding: 10px 15px;
	border:1px #ccc solid;
	border-top: none;
}
.family-view-block .add-family-btn{
	background: #f3f3f3;
}
.family-view-block .add-family-btn:hover{
	color: #2e3192;
}
.margin-rt-10{
	margin-right: 10px;
}
.hanging-stip-left{
	position: absolute;
    font-weight: bold;
    background: #ccc;
    padding: 6px 13px;
    text-align: right;
    font-family: Raleway-SemiBold;
    background: yellow;
    color: black;
    margin: -35px;
    left: 56px;
}
.hanging-stip-middle{
	position: absolute;
    font-weight: bold;
    background: #ccc;
    padding: 6px 13px;
    text-align: right;
    font-family: Raleway-SemiBold;
    background: yellow;
    color: black;
    margin: -35px;
    left: 518px;
}
.hanging-stip-right {
	position: absolute;
    font-weight: bold;
    background: #ccc;
    padding: 6px 13px;
    text-align: right;
    font-family: Raleway-SemiBold;
    background: yellow;
    color: black;
    margin: -35px;
    right:56px
}

 .center-text {
            text-align: center;
            margin-top: 80px;
        }

.hanging-stip-leftnew {
	position: absolute;
    font-weight: bold;
    background: #ccc;
    padding: 6px 13px;
    text-align: left;
    font-family: Raleway-SemiBold;
    background: yellow;
    color: black;
    margin: 20px -35px;
    left: 56px;
}

.hanging-stip-rightnew{
	position: absolute;
    font-weight: bold;
    background: #ccc;
    padding: 6px 13px;
    text-align: right;
    font-family: Raleway-SemiBold;
    background: yellow;
    color: black;
    margin: 20px -35px;
    right:56px
}

.ids-update {
	background: red;
}
.ids-update {
	color: #FFF;
}
.ids-update .btn-success {
	min-width: 157px;
	height: 38px;
}
.bootstrap-select{
	border-radius: 3px;
}
.selectpicker-submit button.btn{
	background: transparent !important;
	border:none;
	border-radius: 3px;
	line-height: 28px;
	outline: none !important;
}
.selectpicker-submit button.btn:focus{
	background: transparent;
	border:none;
}
.selectpicker-submit button.btn span{
	color: #fff;
	font-family: Raleway-Bold;
	font-size: 12px;
}
.added-block-container{
	margin-bottom: 10px;
	padding: 10px;
}
.added-block-container .block{
	background: #fff;
	position: relative;
	padding: 10px;
	margin-bottom: 2px;
}
.added-block-container .block .remove-block{
	position: absolute;
	right: -5px;
	top: -5px;
}
.inner-search.trisearch .glyphicon-remove{
	position: absolute;
	right: 5px;
	top: 7px;
	cursor: pointer;
}
.carousel.slide .slide-count{
	float: left;
	padding: 0 0 10px 0;
	font-family: Raleway-SemiBold;
}
.carousel-control{
	width: 40px;
}
.carousel-control.left, .carousel-control.right{
	background: none;
}
.carousel-control.left{
	right: 35px;
	left: auto;
	top: -5px;
	bottom: auto;
}
.carousel-control.right{
	right: 0;
	left: auto;
	top: -5px;
	bottom: auto;
}
.carousel-control.left, .carousel-control.right{
	height: 30px;
	width: 30px;
	background: #CCC;
	border-radius: 50%;
}
.carousel-control span.glyphicon{
	color: #333;
	font-size: 20px;
	line-height: 29px;
}
.datepicker{
	padding: 0;
}
.notification-box{
	margin-bottom: 10px;
	background: #fff;
	border:1px solid #e3e3e3;
	border-radius: 4px;
	min-height: 195px;
	position: relative;
}
.notification-box{
	box-shadow: 0 0 5px #D6DEFF;
	padding: 10px;
	margin: 2px 0 0;
}
.notification-box:first-child{
	margin-bottom: 15px;
}
.notification-box h4{
	font-family: Raleway-SemiBold;
	font-size: 15px;
	margin-top: 0;
	border-bottom: 3px #2e3192 solid;
	padding:5px 7px 7px;
	float: left;
}
.notification-box h5{
	font-family: Raleway-SemiBold;
	margin-top: 0;
	padding:5px 0 0 7px;
}
.notification-box .inline-block{
	padding-right: 15px;
}
.notification-box .bdr-rt{
	border-right: 1px #ccc solid;
}
.notification-box .remove{
	color: #2e3192;
	float: right;
	font-size: 24px;
	font-weight: 700;
	line-height: 10px;
	cursor: pointer;
	padding: 5px;
}
.notification-box .block >div{
	padding-left: 0;
	padding-right: 10px;
}
.notification-box .footer {
	position: absolute;
	width: 100%;
	bottom:0;
	left: 0;
	right: 0;
	padding:10px;
}
.notification-box .btn{
	height: 30px;
}
.dashboard > div{
	padding-right: 5px;
}
.dashboard .block{
	box-shadow: 0 0 6px #7D7D7D;
	border-radius: 3px;
	border: 4px #FFF solid;
	background: #F5F5F5;
}
.dashboard > div{
	margin-bottom: 20px;
}
.dashboard .block h2{
	font-family: Raleway-Regular;
	margin-top:0;
	background: #808080;
	padding:15px 10px;
	color: #fff;
	font-size: 18px;
	border:1px #E3E3EA solid;
	margin-bottom: 0;
	text-align: center;
	border-radius: 3px 3px 0 0;
}
.dashboard .block .text-center a{
	display: block;
	border-bottom: 1px #D4D4D4 solid;
	border-top: 1px #FFF solid;
}
.dashboard .block .text-center:last-child a{
	border-bottom: none;
}
.dashboard .block .count{
	font-family: NotoSans-Regular;
	font-size: 35px;
	color: #ff0000;
	padding: 5px;
	width: 60px;
	height: 60px;
	display: inline-block;
	border-radius: 50%;
	background: #ccc;
	line-height: 47px;
	margin-top: 10px;
	background: #E4DDDD;
	box-shadow: inset 0 0 1px #FFF;
	border: 1px #D4BFBF solid;
}

.dashboard .block .title{
	font-size:16px;
	padding:5px 10px 10px;
	color: #ff0000;
	display: block;
}
.dashboard .block .title.grey, .dashboard .block .count.grey{
	color: #999;
}

.input-xs.small{
	width: 40px;
	padding: 6px;
}
/*.dashboard .footer .block{
       color: #fff;
       background: #888AD0;
       border:none;
       padding: 0;
   }
   .dashboard .footer .block a{
       display: block;
       color: #fff;
       font-size: 16px;
   }
   .dashboard .footer .block img{
       margin-bottom: 5px;
   }
   .dashboard .footer .block > div{
       border-right:1px #BABBE8 solid;
       padding: 10px 5px;
   }
   .dashboard .footer .block > div:hover{
       background: #7879AF;
   }
   .dashboard .footer .block >div:last-child{
       border-right:none;
   }
*/
.dashboard-bb{
	border: 15px #fff solid;
	box-shadow: 0 0 10px #ccc;
	margin-top: 60px;
	width: 1000px;
	margin: 60px auto 0;
	position: relative;
	border-radius: 10px;
}
.dashboard-bb > .row{
	height: 150px;
	margin: 0;
	min-height: 280px;
}
.dashboard-bb  .correspondance .block{
	background: #F1F1F1;
	box-shadow: inset 0 0 30px #ADADC5;
	border-right:1px #E4E4E4 solid;
	border-bottom:1px #E4E4E4 solid;
	border-radius: 10px 0 0 0;
}
.dashboard-bb  .mdm .block{
	background: #E8E8E8;
	box-shadow: inset 0 0 30px #ADADC5;
	border-bottom:1px #E4E4E4 solid;
	border-radius: 0 10px 0 0;
}
.dashboard-bb  .ids .block{
	background: #E8E8E8;
	box-shadow: inset 0 0 30px #ADADC5;
	border-right:1px #E4E4E4 solid;
	border-radius: 0 0 0 10px;
}
.dashboard-bb  .reference .block{
	background: #F1F1F1;
	box-shadow: inset 0 0 30px #ADADC5;
	border-radius: 0 0 10px 0;
}
.dashboard-bb > .row > div{
	height: 100%;
	padding: 0;
}
.dashboard-bb .block{
	min-height: 100%;
}
.dashboard-bb .block a{
	display: block;
}
.dashboard-bb h2{
	margin: 0;
	padding: 0;
	color: #303280;
	font-family: Raleway-semibold;
	text-transform: uppercase;
	padding-top: 120px;
	font-size: 28px;
}
.dashboard-bb .admin{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	background: #8E90D6;
	box-shadow: 0 0 20px #989898;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 120px;
	height: 120px;
	z-index: 1;
	border-radius: 50%;
}
.dashboard-bb .admin h2{
	padding: 0;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	font-size: 20px;
	left: 0;
	right: 0;
	color: #fff;
}
.dashboard-bb .admin a{
	display: block;
	width: 100%;
	height: 100%;
}
.product-links a{
	font-size: 15px;
//	padding: 20px;
}
.product-links a:before{
	content: "\25BA";
	margin-right: 5px;
}
.dashboard-list{
	font-family: NotoSans-Bold;
	list-style: none;
	width: 350px;
	margin: 100px auto 0;
	box-shadow: 0 0 10px #DADADA;
	padding: 0;
}
.dashboard-list span{
	width: 36px;
	height: 36px;
	display: inline-block;
	background: #6567C1;
	color: #fff;
	text-align: center;
	line-height: 36px;
	vertical-align: middle;
	border-radius: 3px;
	text-shadow:none;
	margin-right: 5px;
}
.dashboard-list li:last-child{
	border-bottom: none;
}
.dashboard-list li:last-child span{
	background: transparent;
}
.dashboard-list li{
	background: #F2F2FF;
	border-bottom: 1px #C4C4F5 solid;
	border-top: 1px #FFF solid;
}
.dashboard-list li a{
	padding:15px 10px;
	font-size: 20px;
	display: block;
	color: #4B4B69;
	text-shadow:0 2px 0 #fff;
	box-shadow: inset 0 -10px 10px #E6E6FF;
}
.dashboard-list li a:hover{
	background: #fff;
}
.dashboard-list li i.glyphicon{
	float: right;
	display: inline-block;
	margin-top: 8px;
	color: #C4C4CE;
}
.dashboard-items{
	font-family: NotoSans-Bold;
}
.dashboard-items h1{
	position: relative;
	z-index: 1;
	margin-bottom: 25px;
	font-size: 30px;
}
.dashboard-items h1:before {
	border-top: 2px solid #dfdfdf;
	content: "";
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 98%;
	z-index: -1;
}
.dashboard-items h1 span {
	background: #fff;
	padding: 0 15px;
}
.dashboard-items .col-sm-4{
	padding-left: 10px;
	padding-right: 10px;
}
.dashboard-items .block{
	background: #f3f3f3;
	margin-bottom: 20px;
	border-radius: 5px;
	background: rgb(124, 226, 255);
	min-height: 200px;
	box-shadow: inset 0 0 60px #00C8FF;
}
.dashboard-items h2{
	font-size: 25px;
	color: #007698;
	text-shadow: 0 1px #fff;
}
.dashboard-items a{
	padding: 40px 0 36px;
	display: block;
}
.dashboard-items a span{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #31A5C5;
	color: #fff;
	display: inline-block;
	line-height: 50px;
	font-size: 20px;
	margin-top: 10px;
}
footer{
	border-top:1px #EEE solid;
}
footer p{
	padding: 10px;
	font-family: NotoSans-Regular;
	font-size: 12px;
	color: #999;
}
.message-box{
	background: #80D499;
	color: #fff;
	border-radius: 3px;
	margin-bottom: 10px;
}
.message-box p{
	padding: 10px;
	margin-bottom: 0;
}
.dashboard-blackbox{
	margin-top: 50px;
}
.dashboard-blackbox .logo-container{
	font-family: NotoSans-Regular;
	position: relative;
	width: 500px;
	margin: 0 auto;
}
.dashboard-blackbox .logo-container .col-sm-6{
	padding: 0;
}
.dashboard-blackbox .logo-container .block{
	cursor: pointer;
	height: 250px;
	z-index: 2;
	position: relative;
	text-align: center;
	font-size: 30px;
	padding: 70px 10px;
	color: #fff;
//background: rgba(0, 0, 0, 0.5);
}
.dashboard-blackbox .logo-container .block h2{
	font-size: 22px;
	text-transform: uppercase;
}
.dashboard-blackbox .logo-container .block span.count{
	display: inline-block;
	margin-top: 10px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	background: #5DE485;
	color: #333;
	font-size: 20px;
}
.dashboard-blackbox .logo-container .logo{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 500px;
}
/*----media css----*/
@media (min-width: 1200px){
	.modal.modal-wide .modal-dialog {
		max-width: 1170px;
	}
	.mdm-right-pad{
		padding-right: 40px;
	}
	.user-management-tabs .nav-tabs.custom-tabs > li{
		margin-right: 36px;
	}
	.access-profile-tabs .nav-tabs.custom-tabs > li{
		margin-right: 56px;
	}
}


@media (min-width: 979px) and (max-width: 1200px) {
	.custom-table .table-data span.icon {
		position: static;
		left: 0;
		top: 2px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.custom-table .table-data span.icon {
		position: static;
		left: 0;
		top: 2px;
	}
	.main-nav ul li{
		min-width: 175px;
	}
	.main-nav ul li a{
		padding: 21px 0 22px;
	}
}
@media (max-width: 767px){
	.login-container{
		width: 96%;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	/*--safari and chrome---*/
	select.form-control{
		padding-left: 8px;
	}
	/*--safari---*/
	::i-block-chrome, select.form-control{
		text-indent: 10px;
	}
}

.dashboard-items .permission {

	background: #D3D3D3;
	margin-bottom: 20px;
	border-radius: 5px;
	background: #D3D3D3;
	min-height: 200px;
	box-shadow: inset 0 0 60px #D3D3D3;

}

.dropdown-menu .permission{
	color: #fff;
	display: block;
	padding: 15px 15px 15px 10px;
	border-bottom: 1px #2F3171 solid;
	border-top: 1px #7C7EC1 solid;
	text-transform: none;
	background: #D3D3D3;
}



.dashboard-items .permission a span {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #808080;
	color: #fff;
	display: inline-block;
	line-height: 50px;
	font-size: 20px;
	margin-top: 10px;
}

.form-control-static-wrap{
	word-wrap: break-word;
}

.list-doc-control span.title1 {
	display: inline-block;
	font-family: Raleway-SemiBold;
	margin-right: 5px;
	padding-right: 15px;
}
.search-dropdown{
	z-index:1;
}
#logoutPopup{
	z-index:10;
}

input{
	z-index:0;
}

.reference-pdf-fit-screen{
	overflow:scroll;
	height: 841px;
}

.selectAllAccessText {
	height: 25px;
	background-size: 22px;
	margin-bottom: 0;
	line-height: normal;
	font-family: NotoSans-Regular;
	font-weight: normal;
	font-size: 12.75px;
}
.breakWords{
	word-break: break-all;
	overflow-wrap: break-word;
	/* word-wrap: break-word; */
	-ms-word-break: break-all;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.main-nav ul li.active a.eFilingAlert {
	text-transform: none;
}

.notification-box .footer.nplDuplicate{
	display: flex;
}
.nplTable > tbody > tr > td {
	max-width:481px;
}
body{
	-ms-overflow-style: scrollbar;
}
.modal-open{
	-ms-overflow-y:scroll;
}
.DisplayNone{
	display: none !important;
	height:1px;
	width:1px;
}
.positionPopup{
	margin-left:61% !important;
	margin-top:1% !important;
	margin:4% auto auto 61%;
}
.headerFixheight{
	height:80px;
}
.dropdown-menu li{
	padding:0;
}
.logo{
	height:50px;
}
.color-green{
	color:green;
}

.showHand { 
	cursor: pointer;
	cursor: hand; 
}
.selectTab{
	//background-color:#e3e4eb !important;
	font-weight: bold !important;
}
.displayFlex{
	display:flex;
}
.pdfobject-container{
	width:91%;
	margin-left:5%;
}
a{
	cursor: pointer;
}
.supCount{
	font-family: NotoSans-Regular;
	background: red;
	color: #FFF;
	padding:0px 5px;
	border-radius: 5px;
	font-size: 12px;
	left: 3px;
}

sup#cancel-search-btn {
    vertical-align: super;
     font-size: smaller;
}

.above-modal {
	z-index:1051 !important;
}


pre {
    margin: 0 -6px -29px;
    font-size: 8px;
    background-color: #f5f5f5;
    border: 0px solid #ccc;

}

.disabledAutomatedMode {
    pointer-events: none;
    opacity: 0.4;
    display: none;
}

.usCheckboxDisabled {
	cursor: not-allowed;
}
 
 .getReferenceBtnDisabled {
	border-radius: 3px;
	background: #f3f3f3;
	border: 1px #DFDFDF solid;
	color: #CDCDCD;
	height: 38px;
	min-width: 157px;
	cursor: not-allowed;
	opacity: 1;
	display: inline-block;
	pointer-events:none;
	text-transform: uppercase;
}
.getReferenceBtnDisabled:focus{
	outline: none;
}

.getReferenceBtn{
	border-radius: 3px;
	font-family: Raleway-Bold;
	font-size: 12px;
	border: 2px #2e3192 solid;
	background: #2e3192;
	min-width: 157px;
	color: #fff;
	height: 38px;
	text-transform: uppercase;
}
.getReferenceBtn:focus{
	color: #fff;
}
.getReferenceBtn:hover{
	color: #fff;
}

.list-group-item .idsSize{
	font-size:17px; !important
	line-height:0px;
}

.popup-msgPdf{
	padding: 10px;
    background: #fff;
    border-radius: 3px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    top: 30%; 
    box-shadow: 0 0 20px #000000;
    display: none;
    z-index: 9999;
}

.popup-msgPdf .close {
	transition: all 200ms;
	font-size: 23px;
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	background: #444;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	z-index: 34;
	opacity: 1;
	float: none;
	display: inline-block;
}

.popup-msgPdf .content{
	max-height: 30%;
	overflow: auto;
	padding-bottom:10px;
	padding: 10px 15px;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); 
    z-index: 9998;
     display: none;
}
.msgleftpdf{
	color: #333;
    font-size: 16px;
    font-weight:bold;
    text-align: center;
    margin: 0;
}
