.navbar{
	background-color: #61777F;
}
.center_txt{
	text-align: center;
}
.checkbox_td label{
	display: block;
}
.logo-img{
	height: 80px;
}
.form_btns .btn{
	width: 25%;
}
.btn_bar .btn-group{
	margin-right: 15px;
}
.button_hdr{
	padding-top: 5px;
	padding-bottom: 5px;
	height: 50px;
}
.btn-group div{
	margin-right: 15px;
}
.btn-toolbar{
	vertical-align: middle;
}
.btn-toolbar span{
	padding-right: 15px;
	padding-left: 20px;;
}
table.paddler_list td{
	padding-left: 1rem;
}
div.vertical_scroll{
	overflow: scroll;
	height: 75vh;
}
div.horizontal_scroll{
	width: vmax;
	overflow: scroll;
}
div.bb_color{
	margin-top: 5px;
	height: 81px;
	border: 1px solid gray;
	position: relative;
}
.flex-container {
    display: flex;
}
.flex-child {
    flex: 1;
}
.flex-child2 {
    flex: 1;
} 
.flex-child:first-child {
    margin-right: 20px;
} 
.flex-child2:first-child {
    margin-right: 5px;
} 
#malefemale-count{
	text-align: right;
	position: absolute;
	top:-8px;
	right:3px;
}
span.label-bold{
	font-weight: bold;
	color: blue;
	font-size: 14pt;
	margin-right: 5px;
}
.front-back-counts,
.left-right-counts{
	margin: 10px 0px;
	border: 1px solid gray;
}
.front-back-counts div{
	text-align: center;
	background-color: #A7C7E7;
}
#front-back-diff,
#left-right-diff{
	margin-left: 3px;
	margin-top: -8px;
	width: 100px;
	position: absolute;
	font-weight: bold;
	color: blue;
}
#front-back-diff{
	margin-top: -15px;
}
#front-back-diff span,
#left-right-diff span{
	font-weight: normal;
}
.left-right-counts div{
	text-align: center;
	background-color: lightgoldenrodyellow;
}
.front-back-counts span,
.left-right-counts span{
	font-weight: bold;
}
img.drag-handle{
	float:left;
	height: 79px;
	margin-right: 10px;
}
img.bb_paddlerlist{
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	height: 80px;
}
table.bb_paddlerlist th{
	text-align: center ;
	font-size: 12pt;
	margin: 0;
}
div.bb_paddlerlist_title{
	text-align: center;
}
span.bb_paddlerlist{
	font-weight: bold;
	font-size: 14px;
}
div.bblist_r{
	background-color: #fadbd8;
}
div.bblist_l{
	background-color: #d6eaf8/*#A7C7E7*/;
}
div.bblist_b{
	background-color: #d5f5e3 /*#C3B1E1*/;
}
div.boatoutline-middle{
	text-align: center;
	font-weight: bold;
	display: block;
	line-height: 65px;
	height: 65px;
	margin-top: 3px;
	margin-bottom: 3px;
	display: flex;
}
div.drop-hover{
	background-color: lightgrey;
}
div.drop-complete{
	background-color:#C1E1C1;
}
div.drop-clear{
	background-color: white;
}
div.drop-left,
div.drop-right{
	flex: 1;
	border: 3px solid black;
	line-height: normal;
	padding-top: 10px;
	font-weight: normal;
}
div.boatoutline-head{
	background-image: url('../images/boathead.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 250px;
	height: 170px;
	text-align: center;
	padding-top: 60px;
}
div.caller_box, div.steerer_box{
	border: 1px solid lightgrey;
	height: 50px;
}
div.caller_box{
	margin:20px 68px;
}
div.steerer_box{
	margin:-20px 68px;
}
div.boatoutline-tail{
	background-image: url('../images/boattail.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 250px;
	height: 170px;
	text-align: center;
	padding-top: 60px;
}
img.boatoutline-middle{
	width:250px;
	height:80px;
}
div.boat_list{
	margin-top: 40px;
}
div.boat_list td{
	vertical-align: middle;
}
div.boat_info, div.event_info{
	background-color: black;
	color: lightgrey;
	font-size: 14pt;
	padding-top: 5px;
	padding-bottom: 5px;;
}
div.boat_info{
	margin-left: -24px;
	margin-right: -24px;
}
div.event_info{
}
.reg-form-title-row{
	padding-top: 40px;
	font-size: 17pt;
}
.reg-evt-date{
	font-size: 13pt;
}
.my-form-col{
	/*background-color: #48cf6a;*/
	padding-top: 30px;
}
.full-height { 
    height: -o-calc(100vh - 50px); /* opera */
	height: -webkit-calc(100vh - 50px); /* google, safari */
	height: -moz-calc(100vh - 50px); /* firefox */
}
.full-width{
	width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.boat_view div{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:40px;
	border: 1px solid gray;
}
.boatview_caller_steerer{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:40px;
	border: 1px solid gray;
	text-align: center;
}
.pdlr_profile_img{
	height: 250px;
	padding: 10px
}
label.cameraButton {
  display: inline-block;
  margin: 1em 0;

  /* Styles to make it look like a button */
  padding: 0.5em;
  border: 2px solid #666;
  border-color: #EEE #CCC #CCC #EEE;
  background-color: #DDD;
}

/* Look like a clicked/depressed button */
label.cameraButton:active {
  border-color: #CCC #EEE #EEE #CCC;
}

/* This is the part that actually hides the 'Choose file' text box for camera inputs */
label.cameraButton input[accept*="camera"] {
  display: none;
}

    
.tools{
    margin-top: 20px;
    
}
.tools span{
    float: left;
    display: inline-block;
    padding: 5px 20px;
    background-color: #f40;
    color: #fff;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
}
.clearfix {
    *zoom: 1;
}
.clearfix:before{
    content: " ";
    display: table;
}
.clearfix:after{
    content: " ";
    display: table;
    clear: both;
}
.cropPoint{
    position: absolute;
    height: 8px;
    width: 8px;
    background-color: rgba(255,255,255,0.7);
    cursor: pointer;
}
.imageBox {
    position: relative;
    height: 600px;
    width: 600px;
    border: 1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move;
    box-shadow: 4px 4px 12px #B0B0B0;
}