/*Header*/
.navbar
{
	background-color:white;
	border-bottom: 0 !important;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.5);
}
.navbar-default .navbar-nav>li>a{
	border-top:4px solid white;
	color:black;
}
.navbar{
	border-radius:0 !important;
}
.btn-primary{
	background-color: #40b5a2;
	background-image : none;
}
.dem-submit{
	background-color: #40b5a2;
}
.dem-submit:hover{
	background-color:#4AD1BB;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary.active, .open .dropdown-toggle.btn-primary{
	border-color: #205950;
	background-color: #40b5a2;
	background-image : none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{
	border-color: #40b5a2;
	background-color:#4AD1BB;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	background-color: #40b5a2;
	border-top: 4px solid white;
}
.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a{
	background: #40b5a2 !important;
}
.nav>li>a:hover, .nav>li>a:focus{
	background-color: #40b5a2;
}
/*Index*/
.container, .row-fluid{
	margin:0 auto;
}
a.bigbtn{
	width:80%;
	max-width:500px;
}
/*Fake ID Generator*/
.alert-generator{
	width:500px;
	margin:0 auto;
}
/*Event feed*/
#event_feed{
	width:550px;
        margin: 0 auto;
}
#event_feed_OLD{
	width:550px;
	margin:0 auto;
	height:300px;
	margin-top:100px;
	overflow-y: scroll;
	margin-bottom:100px;
}
#event_feed_OLD img{
	float:right;
	margin-right:20px;
	width:80px;
	height:80px;
}
#event_feed_OLD ul li{
	height:100px;
}
#event_feed ul li p{
	margin-top:30px;
}
/*Gallery*/
#gallery{
	width:90%;
}
#gallery_inner{
	margin:0 auto;
}
.gallery_img{
	width:100%;
	height:auto;
}
.imgsize1
{
	width: 100%;
	height:auto;
}
.imgsize2
{
	width: 50%;
	height:auto;
}
.imgsize3{
	width: 33.333%;
	height:auto;
}
.imgsize4{
	width: 25%;
	height:auto;
}
.imgsize5{
	width: 20%;
	height:auto;
}
.imgsize6{
	width: 16.666%;
	height:auto;
}
.imgsize7{
	width: 14.286%;
	height:auto;
}
#gallery_options{
	position:fixed;
	top:70px;
	right:0px;
	width:10%;
	float:right;
	height:100%;
}
#gallery_options button, #gallery_options select{
	width:70%;
	height:3vw;
	margin-left:15%;
	margin-top: 1vw;
}
#gallery_options button{
	font-size:0.9vw;
	padding:0;
}
#gallery_options select{
	margin-top: 0.5vw;
	height:3vw;
}
#gallery_options label{
	width:70%;
	margin-left:15%;
	margin-top: 1.5vw;
	text-align:center;
}
.gallery_names{
	color:white;
	position:absolute;
	bottom:0%;
	left:0;
	width:100%;
	background-color:black;
	text-align:center;
  	font-size: 2.0vw;
}
.imglink{
	position:relative;
	display:inline-block;
}
.invisiblediv
{
	background-color:#4CFF9D;
	color:black;
}
.floatright
{
	float:right;
}
.floatleft
{
	float:left;
}
.newex{
	color:#FF3C4A;
	font-size:1.2em;
	display:none;
}
.neweximg{
	border:2px solid #FF3C4A;
	border-right:1px solid #FF3C4A;
	border-left:1px solid #FF3C4A;
}

/*Search*/
#search_form{
	padding-top:30px;
	width:90%;
	max-width:500px;
	margin:0 auto;
}
.control-label{
	margin-top: 15px !important;
}
#agebtw .control-label{
	margin-top:0px !important;
}
#search_results
{
	width:90%;
	max-width:500px;
	margin:0 auto;
}
#search_results .nav{
	margin-left:0 !important;
}
#search_results .nav-tabs>li.active>a, #search_results .nav-tabs>li.active>a:hover, #search_results .nav-tabs>li.active>a:focus{
	border: 1px solid #808080;
	border-bottom-color: transparent;
}
#search_results .nav-tabs{
	border-bottom: 1px solid #808080;
}
#search_results .nav-tabs>li>a:hover{
	border-color:#eee #eee #808080;
}
#search_results .nav-tabs>li>a{
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
#results_container{
	padding-top:20px;
}
.resultbox
{
	border:1px solid #808080;
	border-radius:5px;
	margin-bottom:20px;
	background-color:white;
        min-height: 140px;
}
.resultbox.purged { padding-top: 10px; }

.resultbox p{
	position:relative;
	z-index:20;
	float:left;
	padding: 20px 10px 10px 10px;
	width:70%;
}
.resultbox a.btn{
	margin-top:10px;
}
.imgbox:after{
	content:'';
	display:block;
	clear: both;
}
.search_img{
	position:absolute;
	top:50%;
	margin-top:-12%;
	width:24%;
	height:auto;
}
.event_img{
	position:absolute;
	top:50%;
	margin-top:-12%;
	margin-left:-12%;
	width:24%;
	height:auto;
}
.search_name{
	display:block;
}
.imgbox{
	position:relative;
	z-index:10;
}
#search_form label span{
	font-size: 0.7em;
}
#advancedsearchtoggle{
	padding-top:10px;
}
#inputBreaches p, #agebtw p{
	float:left;
}
#inputBreaches input{
	display:inline;
	width:60px;
	margin:0px 10px 0 10px;
}
#agebtw input{
	display:inline;
	width:70px;
	margin:0px 10px 0 10px;
}
#exactDOB input{
	width:100%;
}
#agebtw, #exactDOB{
	float:left;
	padding-left: 10px;
}
#agebtw, #exactDOB, #agediv select{
	margin-top: 10px;
}
#agediv label[for="selectAge"]{
	padding-top: 17px !important;
}
#selectAge{
	float:left;
}
#inputBirthDateAdvanced{
	display:inline;
}
#inputBirthDate{
	width:235px;
}
#excdate_min,
#excdate_max {
    display: inline;
    width: 235px;
}
#radiosGender label, #radiosStatus label{
	width:30%;
	display:block;
	float:left;
}
/*Profile*/
.stopblue a, .stopblue a:active, .stopblue a:focus, .stopblue a:hover {
	color:black;
	!important text-decoration:none;
}
#profile{
	position:relative;
	border:2px solid #9dd1c9;
	border-radius:25px;
	padding:4% 4% 4% 4%;
	margin:2% 4% 2% 4%;
}
#profile .link{
	color:blue;
	text-decoration:underline;
}
#profile img
{
	clear:both;
	float:left;
	margin-right:25px;
	margin-bottom:10px;
}
.smallprofilepic{
	width:100%;
	height:auto;
	max-width:300px;
	max-height:300px;
}
.bigprofilepic{
	width:100%;
	height:auto;
	max-width:400px;
	max-height:400px;
}
#profile_basic{
	margin-top:10px;
}
#profile_more{
	margin-top:30px;
	margin-left:10px;
}
.dontdisplay{
	display:none;
}
@media print {
  #profile_more {display: block;}
  #profile img {width:200px;
	height:200px;}
  a[href]:after {
    content: none !important;
  }
  .noprint { display: none; }
}
#profile_more span:first-child{
	float:left;
	padding-right:15px;
	border-right:1px solid black;
	margin-right:15px;
}
.profilebtt{
	margin-top:10px;
        margin-right:10px;
}
#remove{
	padding-top:10px;
	clear:both;
}
#history{
	padding-top:10px;
	clear:both;
}
#confirmrecorddiv table{
	margin-bottom:20px;
}
#confirmrecorddiv h3{
	margin-bottom:20px;
}
.historytable{
	margin-top:10px;
	clear:both;
	table-layout:fixed;
	background-color:white;
}
.historytablecontainer{
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
}
.historytable th{
	color:black;
	background-color:#9dd1c9;
	border: 2px solid white;
	border-top:2px solid #9dd1c9;
	border-bottom:2px solid #9dd1c9;
	padding:0px 2px 0px 2px;
}
.historytable th:first-child{
	border-left:2px solid #9dd1c9;
}
.historytable th:last-child{
	border-right:2px solid #9dd1c9;
}
.historytable th.border-fix{
	border-right:2px solid #9dd1c9;
}
.historytable td{
	border: 2px solid #9dd1c9;
	padding:3px 3px 3px 3px;
}
#removetoggle, #historytoogle, #addrecordtoogle, #attachfiletoggle, #advancedsearchtoggle, #modifyrecordtoggle{
	display:block;
	clear:both;
	text-decoration:none;
	color:black;
	font-weight:bold;
}
.icon{
	position:relative;
	float:left;
	margin-right:5px;
	display:block;
}
.collapsed{
	top:6px;
	width:4px;
	height:7px;
	background:url('../img/collapsed_expanded.png');
}
.expanded{
	top:8px;
	width:7px;
	height:4px;
	background:url('../img/collapsed_expanded.png') bottom left;
}
.delete{
	display:block;
	margin:1px 3px 0px 3px;
	width:9px;
	height:9px;
	background:url('../img/delete.png');
}
.profilepdf{
	display:block;
	width:16px;
	height:16px;
	background:url('../img/pdf_icon.gif');
}
#addrecordtoogle{
	margin-top:15px;
}
.plusrecord{
	top:5px;
	width:9px;
	height:9px;
	background:url('../img/plus_minus.png');
}
.minusrecord{
	top:8px;
	width:10px;
	height:3px;
	background:url('../img/plus_minus.png') bottom left;
}
#addnewrecord_form{
	margin-top:15px;
}
.alert-addrecord, .alert-recordsuccess{
	margin-top:15px;
	clear:both;
}
.theclear{
	display:block;
	clear:both;
}
/*Add self exclude*/
.rotate90{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
.rotate180{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}
.rotate270{
	transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
}
#photoframe{
	width:300px;
	height:300px;
	text-align: center;
	font: 0/0 a;
}
#photoframe:before{
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#CW_previewimg_photo_{
	width:100%;
	height:auto;
	max-height:100%;
	display: inline-block;
	vertical-align:middle;
        z-index:10;
}
#cropframe{
	position:absolute;
	outline:2px dashed green;
	display:none;
	z-index:20;
}
#cropframe:hover{
	cursor: pointer;
}
.imgblur
{
	position:absolute;
	background-color :rgba(255, 255, 255, 0.70);
	display:none;
	z-index:15;
}
/*Api DOC*/
ul, ol{
	font-size:14px;
}
.tile.tile-sense {
  background-color: #40B5a2;
}
.box-flash {
  font-size: 14px;
  font-style: bold;
  background-color: #40B5a2;
  height: 30px;
  width: auto !important;
  vertical-align: middle;
  padding-left: 30px;
  padding-top: 4px;
  color: white;
}

div.alert.alert-info,
div.alert.alert-danger
{
  color: black;
}

div.subheader {
  width: 100%;
  text-align : right;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 40px;
  background-color: #40b5a2;
  color: white;
}

a:hover, a:focus {
  color: #226BAA;
}

a.dem-submit:hover, a.dem-submit:focus, a.dem-back:hover, a.dem-back:focus {
  color: white;
}

.dem-back, .dem-submit { height: 100%; }

.dupimgdiv {
 padding: 2px 2px 2px 2px;
 border: 1px solid black;
 float: left;
 text-align: center;
 margin-left: 10px;
}

/* Hacks removed from inline styles to enable content-security-policy header */
.textcenter { text-align: center; }
.padtop15{ padding-top: 15px; }
.padtop20{ padding-top: 20px; }
.padtop30{ padding-top: 30px; }
.padtop100 { padding-top: 100px; }
.bold { font-weight: bold; }
.redbold { color: red; font-weight: bold; }
.fullwidth { width: 100%; }
.btn120 { width: 120px; }
.btn140 { width: 140px; }
.btn150 { width: 150px; }
.btn180 { width: 180px; }
.btn200 { width: 200px; }
.btn220 { width: 220px; }
.btn240x32 { width: 240px; height: 32px; }
.displaynone { display: none; }
.justified { text-align: justify; }
.marginleft80 { margin-left: 80px; }
.height80  { height:  80px; }
.height140 { height: 140px; }
.height200 { height: 200px; }
.helpimage { border: 1px solid black; padding: 4px 4px 4px 4px;}
.marginleft50 { margin-left: 50px; }
.marginleftauto { margin-left: auto; }
.marginrightauto { margin-right: auto; }
.margintop0 { margin-top: 0px; }
.width80pc { width: 80%; }
.width120 { width: 120px; }
.senseicon { color: #40B5A2; font-size: 50pt; }
.font13em { font-size: 1.3em; }
.font18px { font-size: 18px; }
.opsiteheader { text-align: center; padding-bottom: 20px; font-size: 1.4em; font-weight: bold; }
.opsiteheader2 { text-align: center; padding-bottom: 20px; font-size: 1.4em; font-weight: normal; }
.opsiteheader3 { text-align: center; font-size: 1.4em; font-weight: normal; }
.inline310 { display: inline; width:310px; }
.inline380 { display: inline; width:380px; }
.top10left20 { margin-top: 10px; padding-left: 20px; }
.valignmid { vertical-align: middle; }

div#counter
{
  position: fixed;
  padding: 4px 4px 4px 4px;
  top: 0px;
  left: 0px;
  background-color: red;
  color: white;
  text-align:left;
}

div.training
{
 position:fixed;
 bottom: 250px;
 right: -220px;
 text-align: center;
 opacity:0.3;
 font-size: 4em;
 z-index:-99;
 color:red;

/* Safari */
-webkit-transform: rotate(90deg);

/* Firefox */
-moz-transform: rotate(90deg);

/* IE */
-ms-transform: rotate(90deg);

/* Opera */
-o-transform: rotate(90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    margin-top: 15px;
}

.highlight { background-color: #ffc0cb; };
