@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'OpenSans';
	src: url('../fonts/OpenSans-Regular.eot');
	src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

* { outline: none !important; }
html { height: 100%; }
body {
	font: 14px/25px 'Open Sans', sans-serif;
	height: 100%;
	background:#F7F7F7;
	transition: all 0.19s ease-in-out;
	-webkit-transition: all 0.19s ease-in-out;
	-moz-transition: all 0.19s ease-in-out;
	-ms-transition: all 0.19s ease-in-out;
	-o-transition: all 0.19s ease-in-out;
}
header {
    background: #fff ;
}
.h4, h4 {
	font-size: 18px;
	line-height: 25px;
	margin-top: 10px;
	color: #1F3668;
}
a { color: #1F3668; }
.user {
	margin-top: 12px;
	text-align: right;
}.add-btn{ text-align:center; margin-bottom:15px;}
.logo { margin: 8px 0; }
.nopadding { padding: 0; }
.links {
	text-align: center;
	/*margin: 15px 0;*/
}
.form-group label { text-align: right;  padding:0px 0px 0px 10px; }
.form-group {
	min-height: 35px;
	/*clear: both;*/
	padding:0;
}
.personal-form label { padding: 0; }
/*.form-control { margin-bottom: 10px; }*/
.help-block {
	margin-top: -10px;
	font-size: 12px;
}
.white-space{ white-space: nowrap;}
.circle {
	background: #1f3668;
	border: 7px solid #fff;
	border-radius: 100%;
	box-shadow: 0 0 5px #b3b3b3;
	color: #fff;
	display: block;
	font-size: 40px;
	height: 100px;
	line-height: 80px;
	margin: 0 auto;
	text-align: center;
	width: 100px;
}
.circle:hover {
	background: #FFA311;
	color: #222;
	transition: all 0.22s ease-in-out;
	-webkit-transition: all 0.22s ease-in-out;
	-moz-transition: all 0.22s ease-in-out;
	-ms-transition: all 0.22s ease-in-out;
	-o-transition: all 0.22s ease-in-out;
}
.circle:hover i {
	font-size: 45px;
	line-height: 85px;
	transition: all 0.22s ease-in-out;
	-webkit-transition: all 0.22s ease-in-out;
	-moz-transition: all 0.22s ease-in-out;
	-ms-transition: all 0.22s ease-in-out;
	-o-transition: all 0.22s ease-in-out;
}
.navbar {
	border-radius: 0;
	margin: 0;
	box-shadow: 0 0 3px #666666;
}
.btn-primary {
	background: #1F3668;
	border-color: #172153;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover { background: #2C4F94; }
.btn-warning {
	background: #FFA311;
	border-color: #f9cb41;
	color: #222222
}
.btn-warning:active, .btn-warning:focus, .btn-warning:hover, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover {
	background: #FFA311;
	color: #222222
}
.main-body {
	background: #F7F7F7;
	padding-top: 20px;
	/*height: 100%;*/
}
.panel-default > .panel-heading {
    padding: 14px 15px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	color: #fff !important;
	/*background: #1F3668 !important;*/
	background: #0072c6 !important;
}
.panel-heading >h1 {
    font-weight: 600;
    font-size: 20px;
    margin:0;
    color:#fff;
}
.well > h4 { margin-top: 0; }
.note { margin-top: 20px; }
.note1 {
    color: #cccccc;
}
.note2 {
    margin-left:40px;
    margin-top:-13px;
    width:91%;
}
textarea.form-control { margin-bottom: 15px; }
.panel-body { /*min-height: 500px;*/ }
.sidebar .panel-heading > h4 { font-size: 16px; }
.panel-heading h3, .panel-heading h4 {
	margin: 0;
	color: #fff;
}

.margin15 {
    margin:15px;
}
.panel-footer { background: none; }
.question {
	border-bottom: 1px solid #e1dfc6;
	color: #17a6e6;
    text-decoration:none;
	/*font-size: 16px;*/
	padding: 13px;
}
.question h2{
    font-size:14px;
    margin:0px !important;
    border:0px !important;
}
.question:hover{color: #17a6e6;}
.questionyes {
	color: #17a6e6;
    text-decoration:none;
	padding: 13px;
}
.questionyes:hover{color: #17a6e6;}
.badge {
	background-color: #222;
	transition: all 0.19s ease-in-out;
}
.badge:hover { background-color: #1F3668; }
.sidebar .panel-footer ul { margin-bottom: 0; }
.collapseall, .collapseall:hover, .expandall, .expandall:hover {
	color: #fff;
	line-height: 22px;
}
.question:first-child { padding-top: 0; }
.bordernone { border-bottom: 0px solid !important; }
div[class^="sub-list"]:last-child .sub-question:last-child { border: medium none; }
.sub-question {
	background: #f9f9f9 none repeat scroll 0 0;
	border-bottom: 1px dashed #cccccc;
	padding: 8px 15px;
}
.sub-question > div:first-child { padding-right: 160px; }
.sub-question span {
	/*display: table-cell;*/
	padding-right: 5px;
}
.fa-plus-square, .fa-minus-square {
	font-size: 16px;
	vertical-align: bottom;
}
.fa-minus-square { margin-left: 5px; }
/*div[class^="question"]{ margin-right:20px;}*/

.question > a { cursor: pointer; }
.contentarea {
	background: #1f3668 none repeat scroll 0 0;
	color: #fff;
	font-size: 13px;
	line-height: 21px;
}
.login_form, .contentarea { padding: 10px; }
.login-footer {
	background: #222222 none repeat scroll 0 0;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 5%;
	text-align: center;
}
select { color: #333; }
.large { font-size: 115%; }
.language { text-align: right; }
.login-footer a, .contentarea a, .top-nav a { color: #FA951C; }
.top-nav ul {
	margin: 3px 0 0 0;
	color: #fff;
}
.text-primary { color: #1F3668; }
.text-warning { color: #FA951C; }
.login h3 {
	color: #1F3668;
	padding-bottom: 15px;
}
.login h2 {
	margin-bottom: 20px;
	font-size: 22px;
	text-transform: uppercase;
}
.dropdown-menu {
	right: 0;
	left: auto;
}
.dropdown-menu > li > a { text-align: center; }
.main-body.login {
	border: 1px solid #cdcdcd;
	padding-top: 0;
	height: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	background: #fff;
	box-shadow: 0px 0 20px #ccc;
	display: inline-block;
    width:100%;
}
.ed {
	background: #1F3668;
	color: #fff;
}
.ed .img-thumbnail { margin-right: 10px; }
.ed h4 {
	color: #FA951C;
	margin-top: 0;
}
.ed small { color: #fff; }
.login_form { border-top: 4px solid #222222; }
.help {
	padding: 0;
	margin: 0;
}
.help a { color: #ffa311; }
.help > li { margin-top: 3px; }
.searchbar { padding-top: 25px; }
input[type="checkbox"], input[type="radio"]{vertical-align: sub;}
/*.search{ border-radius:15px;}*/
.searchbar button:first-child { border-radius: 0; }
.searchbar button:last-child { border-radius: 0 15px 15px 0; }
.navbar-nav > li > a {
	padding-bottom: 8px;
	padding-top: 8px;
}
.navbar-inverse .navbar-nav > li > a { color: #fff; }
.top-nav {
	background: #1F3668;
	box-shadow: 0 0 5px #191919;
	padding: 5px 0;
}
.sidebar .panel-body li:before {
	content: "♦    ";
	width: 10px;
}
.home .main-body { height: auto; }
.navbar-collapse { padding: 0; }
.modal-dialog {
	border-radius: 15px;
	margin: 74px auto;
	width: 90%;
    z-index:1200 !important;
}
.modal-body {
	max-height: 600px;
	overflow-y: auto;
	padding: 15px;
	position: relative;
}
.modal-title {
	font-size: 25px;
	color: #fff;
}
.modal-open .modal { padding: 0; }
.modal-header {
	background: #1f3668 none repeat scroll 0 0;
	padding: 8px 15px;
}
.modal-body .panel-footer { padding-bottom: 0; }
.close {
	color: #fff;
	font-size: 40px;
	opacity: 1;
}
.text-success { color: #249c03; }
.textfield {
	display: inline-block;
	width: 160px;
}
.date {
	font-size: 22px;
	color: #1F3668;
}
.fa-trash {
    color: #c60000;
    font-size: 18px;
}
.fa-pencil {
    font-size: 18px;
}
.fa-sticky-note {
    font-size: 18px;
    color: #c60000;
}
.fa-archive {
    color: #aa7715;
    font-size: 16px;
}

.fa-file {
    color: #5d8936;
    font-size: 16px;
}
.fa-close{
    color:whitesmoke
}

thead.bg-primary {
    background: #8f8780;
}

.grid_header {
    background: #8f8780;
    color:#fff !important;
}

.grid_header a {
    background: #8f8780;
    color:#fff !important;
}

ol,ul {margin-top:0px;margin-bottom:0px;}

thead.bg-primary th {
    color:#fff;
}
.table-bordered {
    border: 1px solid #bcb4ae;
}
.fa-question-circle{ cursor:pointer;}
.navbar_btns { float: right; }
select { width: 100%; }
.bg-muted{ background:#858585; color:#fff; padding:0 15px; margin-bottom:15px;}
.bg-primary{ background:#dfeffb ; padding: 6px 15px; margin-bottom: 15px;border-bottom: 1px dashed #0072C6; color:#0072C6;}
.well-warning {
    background: #fddbdb none repeat scroll 0 0;
    border: 1px solid #ff9191;
    font-weight: bold;
    margin: 15px;
    padding: 15px;
    text-align: center;
}
.well-success {
    background: #dff0d8 none repeat scroll 0 0;
    border: 1px solid #75a562;
    font-weight: bold;
    margin: 15px;
    padding: 15px;
    text-align: center;
}

.seperator{ border-bottom: 1px dashed #AFAFAF;margin-bottom:20px;}

.seperator2{border-top:1px dashed #AFAFAF;margin-bottom:20px;}
/***********STEPS STARTS*****/
.road-map > div {
	float: left;
	text-align: center;
	width: 9%;
}
.road-map { padding: 20px 20px 30px; }
.step_off { background: rgba(0, 0, 0, 0) url("../images/steps/process_off.png") no-repeat scroll 0 0; }
.step_on { background: rgba(0, 0, 0, 0) url("../images/steps/process_on.png") no-repeat scroll 0 0; }
.wizard {
	margin: 0;
	padding: 0;
}
.step1off { background: rgba(0, 0, 0, 0) url("../images/steps/step1off.png") no-repeat scroll right center; }
.step1on { background: rgba(0, 0, 0, 0) url("../images/steps/step1on.png") no-repeat scroll right center; }
.step2off { background: rgba(0, 0, 0, 0) url("../images/steps/step2off.png") no-repeat scroll center center; }
.step2on { background: rgba(0, 0, 0, 0) url("../images/steps/step2on.png") no-repeat scroll center center; }
.step3next { background: rgba(0, 0, 0, 0) url("../images/steps/step3next.png") no-repeat scroll center center; }
.step4off { background: rgba(0, 0, 0, 0) url("../images/steps/step4off.png") no-repeat scroll left center; }
.step4on { background: rgba(0, 0, 0, 0) url("../images/steps/step4on.png") no-repeat scroll left center; }

.step2on_active { background: rgba(0, 0, 0, 0) url("../images/steps/step2on_active.png") no-repeat scroll center center; }
.step1on_active { background: rgba(0, 0, 0, 0) url("../images/steps/step1on_active.png") no-repeat scroll right center; }
.step3next_active { background: rgba(0, 0, 0, 0) url("../images/steps/step3next_active.png") no-repeat scroll center center; }
.step4on_active { background: rgba(0, 0, 0, 0) url("../images/steps/step4on_active.png") no-repeat scroll left center; }
.padsteps1 td { width: 100px; }
/***********STEPS ENDS*****/

/***********MEDIA QUERIES*****/

@media (min-width:1600px) {
.login {
	margin-top: 10vh !important;
	margin-bottom: 10vh !important;
}
.login-footer {
	/*position: fixed;*/
	bottom: 0;
}
.home .login-footer { position: relative !important; }
.main-body.login { margin: 1% 2%; }
.circle {
	border: 10px solid #fff;
	font-size: 52px;
	height: 150px;
	line-height: 130px;
	width: 150px;
}
.circle:hover {
	background: #FFA311;
	color: #222;
	transition: all 0.22s ease-in-out;
	-webkit-transition: all 0.22s ease-in-out;
	-moz-transition: all 0.22s ease-in-out;
	-ms-transition: all 0.22s ease-in-out;
	-o-transition: all 0.22s ease-in-out;
}
.circle:hover i {
	font-size: 59px;
	line-height: 134px;
	transition: all 0.22s ease-in-out;
	-webkit-transition: all 0.22s ease-in-out;
	-moz-transition: all 0.22s ease-in-out;
	-ms-transition: all 0.22s ease-in-out;
	-o-transition: all 0.22s ease-in-out;
}
/*.form-group label { white-space: nowrap;}*/
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.modal-body { max-height: 450px; }
.navbar.navbar-inverse { padding: 0 !important; }
.navbar-nav > li > a {
	font-size: 13px;
	padding: 8px 11px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
/***********Small Devices*****/
@media only screen and (min-width: 768px) and (max-width:991px) {
.container { width: 100%; }
.padsteps { display: none; }
.wizard { margin-bottom: 10px; }
.sub-question > div:first-child { padding-right: 0px; }
.top-nav ul { float: right; }
.links h4 { font-size: 16px; }
.clear-sm-left{ clear:left;}
}
/***********Xtra Small Devices*****/
@media (max-width:767px) {
.step1off { background-position: left center; }
.step4off { background-position: right center; }
.padsteps { display: none; }
.sub-question > div:first-child { padding-right: 0px; }
.top-nav, .language { text-align: center !important; }
.searchbar { padding: 15px; }
.modal-dialog { width: 98%; }
.user {
	margin: 12px;
	text-align: center;
	white-space: nowrap;
}
.wizard { margin-bottom: 10px; }
.form-group label{ text-align:left;}
.form-group {
    padding: 0 15px;
}
}
@media (max-width:480px) {
.help {
	text-align: center;
	width: 100%;
}
.navbar_btns {
	float: none;
	text-align: center;
}
}
.tick {
	width: 30px;
	height: 30px;
	float: right
}
span[class^="completed"] {
    color: #159828;
    float: right;
    font-size: 18px;
    line-height: 33px;
    margin-left: 10px;
}
span[class^="incompleted"] {
    font-size: 18px;
    line-height: 33px;
	color: #CB0D0D;
	float: right;
	margin-left: 10px;
}
.fa-calendar {
   /* font-size: 20px !important;*/
    margin-top: 5px;
	cursor:pointer;
}



.menu-sidebar {
    background: #0072C6  none repeat scroll 0 0;
    /*border-right: 3px solid #1f3668;*/
    height: 100vh;
    margin: 0px;
    padding: 0;
	width: 300px;	
}
.menu-sidebar .panel-default {
    border-radius: 0;
    border-width: 0 0 1px;
    margin: 0 0 1px !important;
}
.menu-sidebar .panel-heading {
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
}
.toggle {
    border: medium none;
    border-radius: 0;    
    padding: 13px 4px 12px 4px;
	height:100vh;
	
}
.well {
    border-radius: 0;
    font-weight:bold
}
.vertical-tabs {
    border: 1px solid #1f3668;
    display: table;
    padding: 0;
}
.nav.tabs {
    border-right: 2px solid #1f3668;
    display: table-cell;
    vertical-align: top;
    width: 200px;
}
.nav-sidebar .tab-content {
    border: 2px solid #1f3668;
    display: table-cell;
    padding: 15px;
    vertical-align: top;
    min-height:300px;
}
.nav-sidebar li.active a {
    background: #1f3668 none repeat scroll 0 0;
    color: #ffffff;
}

.help_icon {
    float: right;
    font-size: 25px;
    margin-top: 10px;
	color:#1F3668;
}

.menulink, .menulink:hover, .menulink:active, .menulink:visited  {color:#fff !important}

.text-left{text-align:left !important;}

.text-justify{text-align:justify !important;}

a.linkblue:link, a.linkblue:active, a.linkblue:visited  {
    color:#1F3668;
    text-decoration:underline;
    font: 14px/25px 'Open Sans', sans-serif;

}
a.linkblue:hover  {
    color:#1F3668;
    text-decoration:none;
    font: 14px/25px 'Open Sans', sans-serif;
   

}
.innerwell-warning {
    background: #fddbdb none repeat scroll 0 0;
    border: 1px solid #ff9191;
    font-weight: bold;
    margin: 15px;
    text-align: center;
}
.innerquestion {
	color: #17a6e6;
    text-decoration:none;
	/*font-size: 16px;*/
	padding: 13px;
}
.innerquestion:hover{color: #17a6e6;}

.questionnairelink:link{
    color:#17a6e6;
    text-decoration:underline;
}

.questionnairelink:hover, .questionnairelink:active, .questionnairelink:visited{
    color:#17a6e6;
    text-decoration:none;
}

a.disablelink{
    color:#cccccc;
    text-decoration:none;
    cursor:not-allowed;
    font-size:11px; 
    font-weight:bold;
}

.popupcontent{
    padding:15px 0px 15px 15px;    
    border-radius:10px;
    max-height:550px;
    /*overflow-y:scroll;*/
    width:600px;
    
}

.popuppanel{
    max-height:520px;
    padding:0px 0px 0px 0px;
    overflow-y:scroll;
}
.popup{
    max-height:550px;
    padding:0px 0px 0px 0px;
    
}
.scrollPanel{
    max-height:300px;
    padding:0px 0px 0px 0px;
    overflow-y:scroll;
}

.ui-datepicker-trigger {
margin-top:-10px;
margin-left:2px;
}

input[type=file]{
    padding:0px;    
}
.notactive {
   color:#23527c;
   cursor: not-allowed;
   text-decoration:none !important;
}

.bottomline{ border-bottom: 1px solid #e1dfc6;margin-bottom:15px;}

.modalBackground-with-editor
{
    z-index: 500 !important;
    background-color: Gray;
    filter: alpha(opacity=0);
    opacity: 0.4;
}

.popup-with-editor
{
    z-index: 600 !important;
    max-height:550px;
    padding:0px 0px 0px 0px;
    
}