/*--------------------------------
Application Customizations
----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Inika:400,700);

@font-face { font-family: Cambria; src: url('/fonts/Cambria.ttf');}
/* @font-face { font-family: CambriaBold; src: url('/fonts/Cambria Bold.ttf'); } */
/* @font-face { font-family: CambriaItalic; src: url('/fonts/Cambria Italic.ttf'); } */
/* @font-face { font-family: CambriaBoldItalic; src: url('/fonts/Cambria Bold Italic.ttf'); } */

/*
body {
  padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar 
}
*/
	
h1, h2, h3, h4, h5, h6 {
	font-family: Inika, 'Times New Roman', Times, serif; 
	font-weight: normal;
}
h1 {font-size:2.4em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.8em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.1em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

#page {
    margin-top:20px;
}

#footer {
    margin-bottom:10px;
}
.viewHeader {
	margin-top:12px;
	font-size:18px; 
	text-transform:lowercase;
}

.viewHeaderModel {
	font-size:32px;
	text-transform:uppercase;
}

.viewHeaderTitle {
	font-size:24px; 
	font-style: oblique;
	text-transform:normal;
	color:#fb6338;
}

.avatar {
    /* this element needs to be able to take differently sized images and fit
    them into the correctly sized box */
    display:inline-block;
    border:1px solid #ddd;
    background:#eee;
    width:164px;
    height:164px;
    /* to letterbox an image, use object-fit:contain; */
    object-fit:contain; /* contain, fill, cover, none */
    /* to crop an image, use object-fit:cover plus some help */
    object-fit:cover;
    overflow:hidden;
    /* opject position is optional but may help with cropping out eyes in headshots */
    /* object-position:center top; */
    object-position:center 25%;
    margin:0px;
    border-radius:10px;
}

.avatar-small {
    /* this element needs to be able to take differently sized images and fit
    them into the correctly sized box */
    display:inline-block;
    border:1px solid #ddd;
    background:#eee;
    width:40px;
    height:40px;
    /* to letterbox an image, use object-fit:contain; */
    object-fit:contain; /* contain, fill, cover, none */
    /* to crop an image, use object-fit:cover plus some help */
    object-fit:cover;
    overflow:hidden;
    /* opject position is optional but may help with cropping out eyes in headshots */
    /* object-position:center top; */
    object-position:center 25%;
    margin:0px;
    border-radius:6px;
}

.media-object {
    border-radius:6px;
}
/*---------------------------
List view customizations
-----------------------------*/

div.sorter {
	float:right;
}

div.summary {
	float:left;
}

div.pagination {
	width:100%;
	padding:0px;
	margin:0px;
	/* text-align:right; */
}

/*---------------------------

Bootstrap customizations

-----------------------------*/


/* overrides default list-view class */
/* adapted from bootstrap 'well' class */
div.list-view {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

div.view 
{
	background:white;	
	border-top:1px solid #ddd;
	padding:6px;
        overflow:hidden;
}

div.view.ready {
	background:#cbffcb;
}

div.view.notready {
	background:#ffcbcb;
}

div.view_talent {
	padding:4px;
	text-align:center;
}

div.columns2 {
	float:left;
	width:392px;
	height:190px;
	margin:4px;
}

div.columns3 {
	float:left;
	width:220px;
	height:190px;
	margin:4px;
}

div.columns4 {
	float:left;
	width:192px;
	height:190px;
	margin:4px;
}

div.columns5 {
	float:left;
	width:152px;
	height:190px;
	margin:4px;
}

div.columns6 {
	float:left;
	/* width:125px; */
	/* height:200px; */
        width:15%;
        height:170px;
	margin:4px;
}

div.columns7 {
	float:left;
	width:104px;
	height:190px;
	margin:4px;
}

div.view img {
	border:1px solid #ddd;
	background:#eee;
	/*width:92px;*/
	/*height:130px; */
}

div.view .avatar {
    /* this element needs to be able to take differently sized images and fit
    them into the correctly sized box */
    display:inline-block;
    border:1px solid #ddd;
    background:#eee;
    width:128px;
    height:128px;
    /* to letterbox an image, use object-fit:contain; */
    object-fit:contain; /* contain, fill, cover, none */
    /* to crop an image, use object-fit:cover plus some help */
    object-fit:cover;
    overflow:hidden;
    /* opject position is optional but may help with cropping out eyes in headshots */
    /* object-position:center top; */
    object-position:center 25%;
    margin:0px;
}

div.view .empty_avatar {
	display:inline-block;
	border:1px solid #ddd;
	background:#eee;
	width:128px;
	height:128px;
	margin:0px;
}

div.view .title {
	display:block;
	font-size:20px;
	/* font-weight:bold; */
	padding-bottom:4px;
        white-space:normal;
}

div.view .ghost {
	color:#eee; 
	font-size:32px;
	font-weight:bold;
}

div.view ul 
{
	list-style-type:none;
	margin:0px;
	padding:0px;	
}

div.view li 
{
	display:inline;
	vertical-align:top;
	margin-right:10px;
}

/**
 * Override the gap between the Main navbar and the Operations navbar
 */
.navbar {
    margin-bottom: 0px;
}

/**
 * Custom list view for condensed display.  This would be used for 
 * placing a list view in a panel. 
 */
div.list-view-condensed {
  min-height: 20px;
  padding: 0px;
  margin: 0px;
  background-color: #f5f5f5;
  border: none;
}

/********************************
 * Customize the sortable widgets
 ********************************/

.sortable {
	/* border:1px dotted blue; */
	list-style: none;
	padding:4px; 
	height:560px;
	overflow-y:scroll; 
}

.sortable li {
	/* border:1px dotted red; */
	display: block; 
	float: left; 
	/* margin: 2px 2px 2px 0px; */
	/* padding: 2px; */
	margin:0px;
	padding:0px;
}

.sortable img {
	display:block;
	border: 1px solid #ddd;
	background: #eee;
	margin: 0px;
	padding: 0px;
	height:120px;
}

.empty_thumbnail {
	display: block; 
	border: 1px solid #ddd;
	background: #eee;
	width: 90px;
	height: 132px;
	margin: 0px;
	padding: 0px;
}

/*************
 * end Sortable customization
 *************/
 
.filter-container-hidden {
	display:none;
}

/*****************
 * Customizing Bootstrap
*******************/

.col-lg-hide { display:none; }
.col-md-hide { display:none; }
.col-sm-hide { display:none; }
.col-xs-hide { display:none; }

 /*********************
  * end markup stolen from Bootstrap 3.0
  **********************/
 
.dashboard-portlet {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	margin-right: 10px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  }

.dashboard-table {
	  width:100%;
  }
.dashboard-table tr {
	border-top:1px solid #08c;
	margin:0px;
	padding:0px;
}
.dashboard-table td {
	margin:0px;
	padding:2px;
}
.dashboard-table td.right {
	text-align:right;
}