/* Insert Your Custom CSS Here */

/* don't display validation tick mark for group of checkboxes */
.checkbox-group .fa-check:before { content: ""; }

/* add some spacing between email and password input fields */
#login_form #email-input-wrapper { margin-bottom: 10px; }

/* add some padding to dropzone for gallery upload */
#dropzone_upload_gallery { padding: 30px; border: 3px dashed #ffffff; }

div.dz-drag-hover { border: 3px dashed #428bca !important;}

div.preview-container { margin-bottom: 10px; }

#photo_description { margin-top: 10px; }

#galleryphotos div { width: 200px; height:200px; display: inline-block; margin: 2px; }

#photo_gallery_modal .modal-footer { padding: 5px; }

/* style for tagging students on photos */
#photo_gallery_modal .gallery-photo {
	position: relative;
}
.taggable img {
	cursor: crosshair;
}
.photoTagger, .tag {
  position:absolute;
}
.faceBox, .box {
  border:solid 3px white;
  width:60px;
  height:60px;
  float:left;
}
.tagged .box {
	display: none;
}
.tagged:hover .box {
	display: block;
}
.tag.point .box {
	display: block;
}
.typeaheadWrapper {
	position: absolute;
	left: 50%;
	top: 100%;
}
.typeaheadContainer {
	position: relative;
	left: -50%;
	top: 4px;
	background: #ffffff;
	border: 1px solid #ffffff;
}
.typeaheadContainer:after, .typeaheadContainer:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.typeaheadContainer:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.typeaheadContainer:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 6px;
	margin-left: -6px;
}

.ui-autocomplete.ui-front {
	z-index: 1100;
}

.tagged-students img { width: 50px; }

table.table-smallwidth th {
	padding: 8px !important;
}

.nowrap {
	white-space: nowrap;
}

.fixed-width-text-display {
	white-space: nowrap;
    /*width: 100%;                   /* IE6 needs any width */
    overflow: hidden;              /* "overflow" value must be different from  visible"*/ 
    -o-text-overflow: ellipsis;    /* Opera < 11*/
    text-overflow:    ellipsis;
}

.african-phone-mask, .us-phone-mask { letter-spacing: 2px; }

#report_result { overflow: auto; }

/* animate loading icon */
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.completed { text-decoration: line-through; }

.content-list .list-wrapper>li.read { background: #F9F9F9 }
.content-list .list-wrapper>li.read:hover { background: #F5F5F5 }
.content-list .list-wrapper>li.read a { color: #5e656b }


/* Select 2 */
.select2-results li {
  padding: 5px !important;
  margin: 0 !important;
}
.select2-results li:hover {
  background-color: #F5F5F5;
  cursor: pointer;
}
.select2-results a {
  color: #666;
  padding: 0 !important;
  margin: 0 !important;
}
.select2-results a {
  clear: both;
}
.select2-results .menu-icon {
  display: block;
  float: left;
  text-align: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 12px;
}
.select2-results .menu-text {
  display: block;
  margin-left: 55px;
  text-transform: none;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.select2-results .menu-info {
  display: block;
  font-size: 11.4px;
  font-style: italic;
  color: #939ba2;
  text-transform: capitalize;
}

.selected-student {
    margin-right: 5px;
    float: left;
}

.selected-student .menu-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 5px;
}

.btn.second-line {
  margin-top: 1px;
}

table.floatThead-table {
    border-top: none;
    border-bottom: none;
    background-color: #FFF;
}

.report-fields-container {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}

.report-fields-container>div {
  margin-bottom: 20px;
}

.delete_sponsor_dashboard_faq_form button {
  padding: 0; 
  background-color: transparent; 
}

.delete_sponsor_dashboard_faq_form button:hover {
  background-color: inherit; 
}