.popover {
	min-width: 140px;
	z-index: 99999;
	display: none !important; /* hide em for now */
}

.btn-primary
 {
	/*
	background-color: #2250FF;
	border-color: #2250FF;
	*/
	background-color: #4C5096;
	border-color: #4C5096;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active
 {
	 
	background-color: #383A6E !important;
	border-color: #383A6E !important;
	/*
	background-color: #193BB5 !important;
	border-color: #193BB5 !important;
	*/
}

.btn-warning
 {
	background-color: #F95F00;
	border-color: #F95F00;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active
 {
	background-color: #D35400 !important;
	border-color: #D35400 !important;
}

.btn-success
 {
	background-color: #5B894B;
	border-color: #5B894B;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active
 {
	background-color: #476B3A !important;
	border-color: #476B3A !important;
}

/* make navbar menu item look like a button */
.mynavbarbutton > a {
	color:white !important; 
	/*
	background-color: #2250FF !important;
	border-color: #2250FF;
	*/
	background-color: #4C5096 !important;
	border-color: #4C5096;
	padding: 6px 12px !important; 
	margin-top:8px;
}

.mynavbarbutton > a:hover {
	color:white !important; 
	background-color: #383A6E !important;
	border-color: #383A6E !important;
	/*
	background-color: #193BB5 !important;
	border-color: #193BB5 !important;
	*/
	
}

@media (min-width: 800px ) {
	.mynavbarbutton > a {
		border-radius:50%; margin-top: 3px; margin-right: 0px;
	}
}
/*
@media (max-width: 800px ) {
	#newformbutton {
		width: 50px;
		border-radius:50%;
		margin:auto;
		float:right;
	}
}
*/
@media (max-width: 800px ) {
	#newformbutton {
		width: 50px;
		border-radius:50%;
		margin-top: -46px;
		margin-right: 20px;
		float:right;
	}
}



#navbar i {
	font-size:19px;
}

.nav a>p{
	text-align:center;
	margin: 0px;
 }

.navbar-fixed-top.mainnav {
	min-height:70px;
} 


.shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)	
}

.btn {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)	
}

.btn.btn-default {
	box-shadow: none;
}

.bottomborder {
	border-bottom: 1px solid #eee;
}

li > a > i {
width:26px;
}

/* fix radio and checkbox alignment issues on desktop/mobile */

input[type="radio"],
input[type="checkbox"] {

	vertical-align: middle !important;
	margin-top: 0.125em !important;
	width: 1.0em !important;
	height: 1.0em !important;
	line-height: 1.25 !important;

}
	  
label.radio, label.radio-inline, label.checkbox {
  line-height: 1.25;
}

.bigcheckbox
{
  transform: scale(2.0);
  padding: 10px !important;
  margin-left:-15px !important;
  
}	  


.bxxxigcheckbox
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px !important;
  margin-left:-15px !important;
}	  


/* fix scroll bar disappearing with multiple modals */

.modal{
	   overflow:auto !important;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none !important;
    padding: 0px !important;
}

.table-borderless2 > tbody > tr > td,
.table-borderless2 > tbody > tr > th,
.table-borderless2 > tfoot > tr > td,
.table-borderless2 > tfoot > tr > th,
.table-borderless2 > thead > tr > td,
.table-borderless2 > thead > tr > th {
 
    border: none !important;
    padding: 2px !important;
}

#signatureparent,
#signatureparent2 {
  color:blue;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  /*padding: 15px;*/
  /*max-width: 824px;*/
}

#signatureparent.fullscreen,
#signatureparent2.fullscreen {
    z-index: 9999; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    background-color: red;
 }

#signature, 
#signature2 {
  padding: 0 0 0 0; 
  margin: auto;
  border: 2px dotted #000;
  width: 100%;
  z-index: 2;
}

#signature.missing,
#signature2.missing {
  padding: 0 0 0 0; 
  margin: auto;
  border: 2px dotted red;
  width: 100%;
  z-index: 2;
}

/*
#signature * {
	zoom: 1;
	position: relative;
    
}
*/

#signature span.label {
	color: #bbb;
	display: block;
	font-size: 20px;
	padding: 20px;
	position: absolute;
	z-index: 1;
}


.chromeframe {
    position: absolute;
    top: 60px;
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 10px 20px;
    border-color: red;
    border-width: 2px;
    border-style: solid;
    z-index: 10000;
}

#responseform > div > hr
 { margin: 0px; border-top: 2px solid #eee; margin-bottom: 10px}

body .jumbotron {background-color: #fbfbfb}

/*body {background-image: url("images/creampaper.png")}*/
/*body {background-color: #e8e8e8}*/
body {
/*	background-image: linear-gradient(#dcdee8, #c7cde2);*/
/*	background-color: #dcdee8*/
/*	background-color: #20213c*/
  background-color: #f0f0f0;
}

div .invalidinput {
    color: red;
    font-size: 90%;
    font-weight: bold;
    margin-top: 4px;
}

body > .container-fluid,
body > .container
 {padding-top: 130px}

@media (max-width: 767px) {
    body > .container,
    body > .container-fluid {padding-top: 75px}
}

#tabs >li>a {
    padding: 3px 15px;
}

.mainnav {
	z-index: 9998;
}

#subheader {
    margin-top: 71px; /*51px;*/
    border-bottom-width: 1px;
    border-bottom-color: #aaa;
    /*background-color: #fff;*/ /*#dcdee8;*/ /*e8e8e8;*/
    background-color: #dcdee8; /*e8e8e8;*/
	/*background-image: linear-gradient(#b5bfe5, #dcdee8);*/
/*	z-index: -1;*/
}

/*
@media (max-width: 767px) {
    
    #subheader.doublenav {
        margin-top: 0px;
        border-bottom-width: 1px;
        border-bottom-color: #aaa;
        background-color: #e8e8e8;
    }

}
*/

#subheader > div > nav{
    margin-bottom: 0px;
    min-height: 0px;
}

.nav-tabs {
    border-bottom: 0px;
}
#tabs {
    /*padding-top: 60px;*/
}

.form-group.table-responsive,
.rounded {
	border-radius: 4px;
}

.rounded-top {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.rounded-bottom {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}


#permissionform > div:nth-child(1),
#formpreview > div:nth-child(1){
    border-top-left-radius: 0px
}

div .form-group {border-width: thin; border-style: none; padding: 10px 15px 10px 15px; margin-bottom: 0px; background-color: #fff }

/* smaller margins for mobile */
@media only screen and (max-width: 767px) {
	div .form-group {border-width: 1px; border-style: none; padding: 5px 3px 5px 3px; margin-bottom: 0px; background-color: #fff }
}

@media only screen and (max-width: 767px) {
	.container { padding-left: 3px; padding-right: 3px;}
}


div .form-group .subquestion {border-style: solid; border-color: lightgray; background-color: #fbfbfb}

div.form-group.subquestion > div.form-group {
  background-color:inherit;
}


.viewquestion {border-style: none !important}

input[type="radio"]:checked+span, 
input[type="checkbox"]:checked+span,
.viewquestion input[type="text"],
.viewquestion textarea
{ font-weight: bold; color: #337ab7}

input[type="text"]:disabled {
    color: #ccc;
}


.viewquestion p { font-weight: bold; margin: 0 0 2px }
.viewquestion small { color: black/*red*/; font-size:80%; font-weight: bold}

.viewquestion .toc { color: black; font-size: 75%; font-weight: normal}

.form-group .subquestion-yes,
.form-group .subquestion-no { border-color: lightgray; border-style: solid !important}

label.questionlabel {color: black /*#337ab7*/; font-weight: bold; font-size: 14px}
.questions label.questionlabel {color: black /*#337ab7*/; font-weight: normal; font-size:14px}

form .control-label {color: black /*#337ab7*/; font-weight: bold}
form label.radio {color: black /*#337ab7*/; font-weight: normal}

.btn-toolbar {margin-top: 2px; margin-bottom: 4px}

.form-group small .text-default {color: #707070; font-size: 75%}

.removequestion {font-size: 80%; padding: 2px 10px; margin-bottom: 2px}

//div .form-group .question {background-color: #eee}


button.btn.subquestionbutton {font-size: 80%; padding: 0px 10px; margin-bottom: 0px} 

#clearsignature,
#clearsignature2,
.form-group .addchoice {font-size: 80%; padding: 0px 10px; margin-bottom: 0px} 

.form-group .removechoice {margin-bottom: 2px}

.navbar-default {
  /*background-color: #f8f8f8;*/
  border-color: #444488;
}

.navbar-default .navbar-brand {
  color: black /*#337ab7*/;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: black /*#337ab7*/;
}


/************ set up the inverse navbar styling *****************/
.navbar-inverse {
  background-color: #222244;
  border-color: #444488;
}
.navbar-inverse .navbar-brand {
  color: #cccccc;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
}

.navbar-inverse .navbar-text {
  color: #cccccc;
}
.navbar-inverse .navbar-nav > li > a {
  color: #cccccc;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  /*
  background-color: #444488;
  border-radius:4px;
  padding: 10px;
  margin: 5px;
  */
  
}
.navbar-inverse .navbar-nav > li > .dropdown-menu {
  background-color: #222244;
}
.navbar-inverse .navbar-nav > li > .dropdown-menu > li > a {
  color: #cccccc;
}
.navbar-inverse .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #444488;
}
.navbar-inverse .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #444488;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #444488;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #444488;
  border-radius: 4px;
  padding: 10px;
  margin: 5px;
  
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #444488;
  
}
.navbar-inverse .navbar-toggle {
  border-color: #444488;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #444488;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #cccccc;
}
.navbar-inverse .navbar-link {
  color: #cccccc;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #cccccc;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #444488;
  }
}

/* bring back vertical navbar divier */

.navbar .divider-vertical {
    height: 50px;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
    border-right-color: #444;
    border-left-color: #888;
}

@media (max-width: 767px) {
    .navbar-collapse .nav > .divider-vertical {
        display: none;
     }
}
/************ end of inverse navbar styling *****************/

.dashboardtableheader {
	background-color:#3E3F7B; 
	border-radius:4px 4px 0px 0px; 
	padding:4px; 
	color:#fefefe;
}

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

/* keep questions together when printing*/
@media print {
    div .viewquestion {page-break-inside: avoid;}
}	

.form-signin-heading {
    color: #337ab7; font-weight: bold
}

.userlink,
.userlink:visited {
	color: #cccccc;
}

.userlink:hover {
	color: #ffffff;
	text-decoration: none;
}

/* make dup and hiddent etc labels clickable */
span.label.label-warning.childbutton:hover {
	color: black;
	border: 1px solid black;
	margin: -1px;
	cursor: pointer;
}

span.label.label-danger.childbutton:hover {
	color: black;
	border: 1px solid black;
	margin: -1px;
	cursor: pointer;
	
}

button.btn.btn-default.childbutton {
 color:#999;
}

button.btn.btn-default.childbutton:hover {
	border: 1px solid black;
	color: black;
}

table.dataTable.dt-checkboxes-select tbody tr,
table.dataTable thead th.dt-checkboxes-select-all,
table.dataTable tbody td.dt-checkboxes-cell {
  cursor: default;
}

.dropdown-header {
	font-weight:bold; 
	font-size:16px; 
	text-align:center;
}

/************************ tables *****************************/

/* this sets the regular table row so no... */
/*
.sstable tbody tr:hover, 
.sstable tbody tr td.highlighted {
	
	background-color: #D0DAEE;
	color: #0038E0;
	cursor: pointer;
	
}
*/

.sstable tbody tr.even:hover, 
.sstable tbody tr.even td.highlighted {
	background-color: #D0DAEE;
	color: #0038E0;
	cursor: pointer;
	
}

.sstable tbody tr.odd:hover, 
.sstable tbody tr.odd td.highlighted {
	background-color: #D0DAEE;
	color: #0038E0;
	cursor: pointer;
}


.sstable tbody>tr.selected:hover {
	background-color: #50549E !important;
}

.sstable tbody>tr.selected {
	background-color: #3E3F7B !important;
	color: white !important;
}

.dt-checkboxes-cell input[type='checkbox'] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px !important;
  /*margin-left:-15px !important;*/
	
}

/************************ tables *****************************/

.trialheader {
	width: 280px; 
	margin:auto; 
	background-color:red; 
	color:white; 
	text-align: center; 
	font-size:10px;
}

.trialheader > a {
	color:white;
}

.badge {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}

/*
.btn-primary {
	background-color: #235EAA;
}

.btn-primary:hover {
	background-color: #004AA5;
}
*/

/* page tabs */

	/* tab color */
	.nav-tabs>li>a {
	  background-color: #ccc; 
	  border-color: #aaa;
	  color:#444;
	}

	/* active tab color */
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	  color: black;
	  background-color: #fff;
	  border: 1px solid #888888;
	  border-bottom: 1px solid #eee;
	}

	/* hover tab color */
	.nav-tabs>li>a:hover {
	  border-color: #000000;
	  background-color: #111111;
	  color: #ccc;
	}	

.modal-dialog {
	margin: 77px auto;
}

/* this is to fix up the shared form sub menus as used on dashboard and forms pages */
.dropdown-menu.dropdown-share {
	max-width: 800px !important;
	min-width: 350px !important;
	width: 350px !important;
}
.dropdown-menu > li > a {
	white-space: normal !important;
}

.dropdown-menu > li > a:hover {
	background-color: #D0DAEE;
	color: #0038E0;
}

.dropdown-menu > li.open > a:hover {
	background-color: #D0DAEE /*!important*/;
	color: #0038E0;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 50px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  background-color: #222244;
  color: #ccc;
}

@media (max-width: 767px) {
	.container-fluid {
		padding-left: 6px;
		padding-right: 6px;
		
	}

}

.table>tbody>tr>td {
	border-top: 1px solid #f0f0f0;
}

.nowrap {
	white-space:nowrap;
}

.tdoptionvalue  {
	display: block;
	text-align: right;
	margin-left:5px;
	margin-right:20px;
	margin-top: 10px;
	width: 60px;
}

.tdoptionvalueselected {
	font-weight: bold;
	color: #337ab7;	
}