.light-label label {font-weight:normal;color:#999;font-size:14px;}
.form-control{color:black}
/*.btn-sp {
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
*/
.spacer10 {margin-top: 10px;}
.spacer20 {margin-top: 20px;}
.spacer40 {margin-top: 40px;}
.bg-grey{background:#f5f5f5;}

.fixed-header-spacer {margin-top: 80px;}

.divider{border-top:1px solid #ddd;}
.vert-center{display: table-cell;vertical-align: middle;} /*use on container div, content must be height:100%;*/


.list-thumbnail{background:#fff; max-height:62px; max-width:62px; border:1px solid #ddd;}
/*.thumbnail-sm{height:188px;width:188px;background:white;padding:2px;border-radius:4px;}*/
/*.thumbnail-med{height:278px;width:278px;background:white;padding:2px;border-radius:4px;}*/
/*.thumbnail-sm img {max-width:180px;max-height:180px;}/*NOPE - set specific px count to avoid table-cell/centering issues in IE*/
/*.thumbnail-med img {max-width:270px;max-height:270px;}/*NOPE - set specific px count to avoid table-cell/centering issues in IE*/
/*.list-thumbnail img {max-width:60px;max-height:60px;}/*NOPE - set specific px count to avoid table-cell/centering issues in IE*/
/*.thumbnail-detail{height:373px;width:373px;background:white;padding:2px;}*/
/*.thumbnail-detail img {max-width:365px;max-height:365px;}/*NOPE - set specific px count to avoid table-cell/centering issues in IE*/
/*.thumbnail-detail img{max-width:100%;max-height:500px;}*/
.shoot-list td{max-width:200px;}

.panel-footer{background:#f5f5f5;}
/*.col-xs-2{padding-right: 4px;padding-left: 4px;}*/

/*labels*/
.status{
    position:absolute;
    top:14px;
    left:15px;
    border-radius:0px 3px 3px 0px;
    padding:4px 8px;
    opacity:1.0;
    box-shadow:1px 1px 1px 0px rgba(0,0,0,0.1);
}
.done{background-color:black;}
.archived{background-color:gray;color:#bbb}
.label-warning-2{background-color: #FF99CC}


/* filetype labels */

.filetype{
    position: absolute;
    top: 40px;
    left: 15px;
    border-radius: 0px 3px 3px 0px;
    padding: 4px 8px;
    opacity: 1.0;
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
}
.pdf{background-color:black;color:white;}
.jpeg{background-color:red;color:white;}
.gif{background-color:green;color:white;}
.png{background-color:blue;color:white;}
.tif{background-color:orange;color:white;}

/* thumbnail results hover and center vert stuff*/

.square {
    width: 50%;
    background-size: contain !important;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.inner-container{
    /* display:none; */
    opacity:0;
    transition: all .1s ease-in;;
    position: absolute;
    bottom: 11px;
    width:100%;
    padding-right:30px; /*2x the width of a div padding*/
}

@media (min-width: 768px) {
    .outer:hover .inner-container {
        /* display: inline; */
        opacity:100;
        bottom: 21px;
        transition: all .1s ease-out;
    }
}

.inner{
    padding:10px 15px;
    background:rgba(256, 256, 256 ,0.9);
    border-top:solid 1px #ddd;
    border-left:solid 1px #ddd;
    border-right:solid 1px #ddd;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #ddd;
}

/*fit thumbnail-sm into width*/
/*.col-xs-2{padding-right: 6px;padding-left: 6px;width:202px;}
.col-xs-2:nth-child(6n+1) {margin-left:10px;}
*/
/*.col-xs-2:nth-child(6n+0) {margin-right:10px;}*/

#advancedSearch label{color:black}

/* custom message display */
#customMsg{
    position:fixed;
    top:10px;
    width:100%;
    z-index:3000;
    overflow:hidden;
}
#customMsg div{
    width:300px;
    margin:0px auto;
}


#downloadMsg{
    position:fixed;
    top:10px;
    width:90%;
    left:5%;
    z-index:3;
    margin:0px auto;
}


/* ====== Custom Check Box Style ====== */
/*it seems the has-js specificity is what allows for hiding the actual checkbox*/

@media (min-width: 1200px) {
    .btn-group-resp > .btn {
        padding:5px 10px;
    }
    .has-js .label_check{
        font-size:16px;
        padding:2px 0px;
        height:30px;
        width:34px;
    }
}

.has-js .label_check {
    color:#ccc;
}

.has-js label.c_on {
    border: 1px solid #cccccc;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.has-js label.c_on:hover{
    background:#47a447;
}

.has-js .label_check input,
.has-js .label_radio input { position: absolute; left: -9999px; }

/*list checkbox*/
.table tbody > tr > td.vert1{vertical-align: middle;}
.has-js .label_check-list{padding:1px 3px;font-size:8px;color:white;height:auto;width:auto;}
.label_check-list:hover {color:#ccc;}

/* ====== END Check Box Style ====== */


/*Somewhat responsive*/

/*.container{width:100%;xmin-width:1240px;}
.col-xs-3{max-width:310px;}

@media (min-width: 768px) {
.col-xs-3{width:100px;}
}

*/
.pointer{cursor: pointer;
}
.text-core {
    min-height: 20px !important;
}
#multiTagModal input,#multiTagModal textarea{
    width:100% !important;
    /*	height: 30px !important;*/
}
.text-wrap{
    width:100% !important;
}
.indProgress{
    background: #5a308d;
    height: 10px;
}
.imageOverlay{
    position: relative;
}
.centeredPlayButton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.centeredPlayButton i{
    font-size:60px;
    color:#fff;
    cursor: pointer;
}
.centeredPlayButton i:hover{
    color:green;
}
.img-thumbnail img {
    max-width: 100%;
}
#searchNav{
    display:none;
}

/* CUSTOM MEDIA QUERIES */
@media (min-width: 768px) {
    .pull-right-sm {
        float: right;
    }
}

/* CUSTOME SELECTIZE CSS */

.form-group-sm .selectize-input {padding-top: 3px; padding-bottom: 3px; min-height: 24px; overflow: inherit; }
.form-group-sm .selectize-input input {}
.selectize-control.multi .selectize-input > div {padding:0px 6px}


/* IMAGEVIEW MODAL */
@media (min-width: 768px) {

	.modal, .img-modal{
		overflow-x:hidden; 	/* this corrects a weird left scrolling thing */
	}
	.img-modal .modal-dialog {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 8px;
		background:transparent;
		}

	.img-modal  .panel{
		border:none;
		border-left:1px solid #ddd;
		-webkit-box-shadow:none;
		box-shadow:none;
		margin-bottom:0px;
		}

	.img-modal .modal-body{
		padding:0px
		}

	.img-modal .panel-body{
		height: calc(100vh - 16px);
		overflow-y: auto;
		}

	.img-modal .thumbnail{
		border:none;
		height: calc(100vh - 16px);
		overflow-y: hidden;
		margin-bottom:0px;
		padding:0px;
		background:#f5f5f5;
	}

	.img-modal .thumbnail img{
		max-height:calc(100vh - 48px);
		overflow-y: scroll;
		padding-top:36px;
	}

	.img-modal .thumbnail img {
		/* vertical-align: middle; */
		max-width: 94%;
		/* display: inline-block; */
		/* height: 50%; */
		position: absolute;
		top: 0;
		bottom: 0;
		left:0;
		right:0;
		margin: auto;
		}

	.img-modal .modal-content{
		border:none;
	}
	.img-modal .col-md-9{
		padding-right:0px;
	}
	.img-modal .col-md-3{
		padding-left:0px;
		/* min-width:200px; */
	}
}

/* collection manager table */
.muted-link{color:#aaa}
.muted-link:hover{color:#333}
.plain-link{color:#666;}
.link-bg{
    background:#f3f3f3;
    border-radius:4px;
    padding:6px 0px;
    border:1px solid #ddd;
}