.btnWrap{
	white-space:normal !important;
	max-width:173px;
	border: #000023;
}


.animate-if {
	background:white;
	border:1px solid black;
	padding:10px;
}

.animate-show,
.animate-hide {
	-webkit-transition:all linear 1s;
	-moz-transition:all linear 1s;
	-ms-transition:all linear 1s;
	-o-transition:all linear 1s;
	transition:all linear 1s;
}

.animate-show.ng-hide-remove,
.animate-hide.ng-hide-add.ng-hide-add-active {
	opacity: 0;
	display: block !important;
}

.animate-hide.ng-hide-add,
.animate-show.ng-hide-remove.ng-hide-remove-active {
	opacity: 1;
	display: block !important;
}


.ngfade.ng-hide {
	opacity: 0;
}

.ngfade.ng-hide-remove,
.ngfade.ng-hide-add {
	/*display: inline !important; !* or inline-block, as appropriate *!*/
}

.ngfade.ng-hide-remove {
	transition: all linear 10000ms;
}

.ngfade.ng-hide-add {
	transition: all linear 1800ms;
}

.selectwidthauto
{
	width:auto !important;
	display: inline-block;
}







.staff-srch-inpt  {
	margin-bottom:2px;
	margin-top:2px;
	}

.showGreyBackground {
    background-color: grey;
}

.showGreenBackground {
    background-color: #62a2a4;

}

.showGreyBackground {
	background-color: #9ba4a3;
}
.lightGreyBackground {
    background-color: #f2f2f2;
}

.showBlueBackground {
	background-color: #92abed;
}
.showRedBackground {
	background-color: crimson;
}


[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

.sortorder:after {
  content: '\25b2';   // BLACK UP-POINTING TRIANGLE
}
.sortorder.reverse:after {
  content: '\25bc';   // BLACK DOWN-POINTING TRIANGLE
}

.item, .placeholder {
    padding: 2px;
    width: 50px;
    height: 20px;
    border: 1px solid #333;
    background: #EEE;
}
.placeholder {
    background: #AEF;
}

.chosen-container .chosen-choices .search-field:only-child input {
    width: 100% !important;
}
	.cb {
	    list-style: none;
	    padding: 4px;
	    display:inline-block;
	    background-color: #0066FF;
	    color: white;
	    border: 1px solid lightgray;
		border-radius: 8px;
		font-size: 11px;
	}

		.cbSelected {
	    list-style: none ;
	    padding: 4px;
	    display:inline-block;
		background-color:green;
	    color: white;
	    border: 1px solid black;
		border-radius: 8px;
		font-size: 12px;
	}

			.cbHide {
	    display: none;
	}

			.cbSelectedError {
	    list-style: disc ;
	    padding: 3px;
	    display:inline-block;
	    background-color: red;
	    color: white;
	    border: 2px solid white;
		border-radius: 8px;
		font-size: 11px;
	}


	.cb:hover{
		background-color: #444a4a;
		color: #FFF;
	}


div.dotted {border-style: dotted;}
div.dashed {border-style: dashed;}

.header-fixed {
    width: 100%;
}

.my-events > tbody > tr {
	min-height: 110px !important;
}

.header-fixed > thead,
.header-fixed > tbody,
.header-fixed > thead > tr,
.header-fixed > tbody > tr,
.header-fixed > thead > tr > th,
.header-fixed > tbody > tr > td {
    display: block;
}

.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.my-events > tbody {
    overflow-y: auto;
    overflow-x: hidden;
    min-height:20px;
    max-height:330px; 
}

.app-events > tbody {
    overflow-y: auto;
    overflow-x: hidden;
    min-height:20px;
    max-height:300px; 
}

.dropdown-menu-roster-btn {
	min-width:133px !important;
}

.schedule-header-row {
	font-size: 13px;
}

.schedule-start-time {
	padding-right: 0px !important;
}

.schedule-to {
	padding-left: 0px !important; 
	padding-right: 0px !important;
}

.schedule-to-span {
	padding: 9px !important;
}

.schedule-end-time {
	padding-left: 0px !important;
}

.schedule-label {
	float:left;
}

.schedule-day {
	float:left;
	display:block;
	text-transform: lowercase; 
}

.schedule-day:first-letter { 
	text-transform: uppercase; 
}

.schedule-date-time {
	background-color: #FFF !important;
	cursor: pointer;
}

.schedule-input-container {
	position:relative;
}

.app-events > tbody > tr > td,
.app-events > thead > tr > th {
    width: 16.65%;
    float: left;
}

.my-events > tbody > tr > td,
.my-events > thead > tr > th {
    width: 12.40%;
    float: left;
}

.cancel-search {
	color: #bbb;
    font-size: 18px;
    margin: auto;
    top: 3px;
    cursor: pointer;	
}

#rcorners3 {
    border-radius: 25px;
    border: 2px solid #73AD21;
    background-position: left top;
    background-repeat: repeat;
    padding: 20px; 

}
.nav-bar-z-fix {
	z-index: 1;
}

  .navbar-default .navbar-nav > .active > a {
      text-decoration:underline;
      background: #0080ff;
   }

.input-mini { width: 40px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; }

.approvalTables {
	overflow-y: auto;
	height: 100px;

}
.selectwidthauto
{
     width:auto !important;
}

.issuesTable {
	overflow-y: auto;
	min-height: 100px;
  	max-width: 100%;
  	background-color: transparent;
  	resize:both;
}

.roster-item {
	width:100%;
}

.roster-message {
	margin-left: 0px !important;
	margin-right: -30px !important;
}

.bench-message {
	margin-left: 0px !important;
	margin-right: -30px !important;
}

.scrollbar-modal-dialog {
	overflow-y:initial !important;
}

.scrollbar-modal-body { 
	overflow-y:auto;
	overflow-x:hidden;
}

.scrollbar-modal-scroll-ht {
	height:540px;
}

.multi-roster-warning {
	padding-bottom:10px;
}

.issuesTextarea {
		width:100% !important;
		height:45px !important;
}


.issuesCommentText {
		width:100% !important;
  		resize:vertical; max-height:300px; min-height:65px;
}
.attestationsDescription {
		width:100% !important;
  		resize:vertical; max-height:300px; min-height:65px;
}

.alertTextArea {
	height: 80px !important;
	-moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 75%;
}


/* div#container textarea { */
/*     min-width: 270px; */
/*     width: 270px; */
/*     height: 22px; */
/*     line-height: 24px; */
/*     min-height: 22px; */
/*     overflow-y: hidden; fixes scrollbar flash - kudos to @brettjonesdev */
/*     padding-top: 1.1em; fixes text jump on Enter keypress */
/* } */

.approvalTables {
	overflow-y: scroll ;
    background: #CEE;
    background-position: left top;
    background-repeat: repeat;
    padding: 1px;
    width: 500px;
    height: 100px;
}

#addressesTable {
	    line-height: 7px;
	    background-color: azure;
}

/* used in the application schedule page */
#scheduleTable {
	    line-height: 7px;
        background-color: azure;
}

#scheduleTableDiv {
	    overflow-y: scroll;
	    height: 345px;
}
.tableRowSel {
	color: black;
	background-color: Azure;
	font-weight: bolder;
}

.tableRowNoSel {
	color: gray;
	background-color: #D6CECE;
	font-weight:normal;
}
#schedCal {
/* 	height: 200px; */
/* 	width: 200px; */
}

.sch-alert {
	margin: 10px !important;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {

  line-height: 10px;
}



#upload {
    background-repeat: repeat-x;
    background-color: silver;
}


.help-tip{
	position: absolute;
	top: 18px;
	right: 18px;
	text-align: center;
	background-color: #3377B2;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 26px;
	cursor: default;
}

.help-tip:before{
	content:'?';
	font-weight: bold;
	color:#ffffff;
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;

	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{	/* The tooltip */
	display: none;
	text-align: left;
	background-color: #000023;
	padding: 20px;
	width: 300px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -4px;
	color: #FFF;
	font-size: 13px;
	line-height: 1.4;
}

.help-tip p:before{ /* The pointer of the tooltip */
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#000023;
	right:10px;
	top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100; }
}

.btn-shadow {
  border-color: #d43f3a;
  border: 2px solid #000000;
  box-shadow: 10px 10px 5px #888888;
}


.btn-circle, .btn-circle-3d{
  border-radius: 50% !important;
}

.btn-primary.btn-circle{
  -webkit-box-shadow: 0px 0px 3px 1px #245580;
  -moz-box-shadow:    0px 0px 3px 1px #245580;
  box-shadow:         0px 0px 3px 1px #245580;
}

.btn-info.btn-circle{
  -webkit-box-shadow: 0px 0px 3px 1px #28a4c9;
  -moz-box-shadow:    0px 0px 3px 1px #28a4c9;
  box-shadow:         0px 0px 3px 1px #28a4c9;
}

.btn-success.btn-circle{
  -webkit-box-shadow: 0px 0px 3px 1px #3e8f3e;
  -moz-box-shadow:    0px 0px 3px 1px #3e8f3e;
  box-shadow:         0px 0px 3px 1px #3e8f3e;
}

.btn-danger.btn-circle{
  -webkit-box-shadow: 0px 0px 3px 1px #b92c28;
  -moz-box-shadow:    0px 0px 3px 1px #b92c28;
  box-shadow:         0px 0px 3px 1px #b92c28;
}

.btn-warning.btn-circle{
  -webkit-box-shadow: 0px 0px 3px 1px #e38d13;
  -moz-box-shadow:    0px 0px 3px 1px #e38d13;
  box-shadow:         0px 0px 3px 1px #e38d13;
}

.btn-default.btn-circle{
  -webkit-box-shadow: 0px 0px 3px 1px #ccc;
  -moz-box-shadow:    0px 0px 3px 1px #ccc;
  box-shadow:         0px 0px 3px 1px #ccc;
}

  .center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}


.table th.leftCell,
.table td.leftCell {
  text-align: left;
}

.table > tbody> tr > td > textarea {
		width:377px;
		height:25px;
		}


		.table > tbody> tr > td > input {
/* 			width: 150px; */
/* 			align: center; */
		}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
/*    padding: 1px; */
/*   line-height: 1; */
/*   vertical-align: top; */
/*   border-top: 1px solid red; */
/*   border-right: 1px solid blue; */
    word-wrap:break-word ;
}
/*   width: auto; */

/*   .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { */


/*      } */