/*
 * (C) 2015 Asfalt Records. All rights reserved.
 * (C) 2015 Maciej Maj. All rights reserved.
 */

/* global classes - START */
body {
	padding-bottom:20px;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.fit-content {
	width:1%;white-space:nowrap;padding-left:10px!important;padding-right:10px!important;
}
/* global classes - END */

/* albums.php - START */
.breadcrumb {
	margin-top: -21px;
}

.breadcrumb img {
	height: 12px;
}

.panel {
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	width: 250px;
}

#enableNewArtist {
	display: inline;
	float: right;
	cursor: pointer;
}

#newArtist {
	display: none;
}

#albumsContainer {
	margin-left: 290px;
}

#albumsContainer .title, #albumsContainer .artist {
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#albumsContainer .producent, #albumProducent {
	font-size:10px;
}

#albumsContainer .albumContainer {
	background-color: #ECF0F1;
	width: 250px;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
}

#albumsContainter .menu {
	margin-bottom: 10px;
}

#albumsContainer .coverArt {
	width: 230px;
	height: 230px;
	margin: 10px 0px;
}

#albumsContainer a {
	color: #2C3E50;
}

#albumsContainer .btn {
	font-weight: bold;
	width:100%;
	margin-top:10px;
	color:#fff;
}

.modal .modal-footer .help-block {
	float:left;
}
/* albums.php - END */

/* budget.php - START */
#budgetContainer {
	margin:10px;
}

#budgetContainer #albumInfo {
	background-color: #ECF0F1;
	width: 200px;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	float: left;
}

#budgetContainer #albumInfo #albumTitle, #budgetContainer #albumInfo #albumArtist {
	font-weight: bold;
}

#budgetContainer #albumInfo #albumCoverContainer {
	margin:10px 0;
}

#budgetContainer #albumInfo #albumTags {
	text-align:left;
	font-size:12px;
	color:#919191;
}

#budgetContainer #albumBudget {
	background-color: #ECF0F1;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
	float: right;
	position: absolute;
	left: 230px;
	/* Firefox */
	width: -moz-calc(100% - 260px);
	/* WebKit */
	width: -webkit-calc(100% - 260px);
	/* Opera */
	width: -o-calc(100% - 260px);
	/* Standard */
	width: calc(100% - 260px);
}

#budgetContainer #albumBudget h1 {
	font-size:19px;
	text-align:center;
	font-weight:bold;
	margin-top:0px;
}

#budgetContainer input, #budgetContainer select {
	display:inline;
	font-size:13.5px;
}
#budgetContainer span {
	font-size:13.5px;
}

#budgetContainer #albumBudget h2 {
	font-size:17px;
	font-weight: bold;
}

#budgetContainer #albumBudget table {
	width:100%;
	font-size:13.5px;
}

#budgetContainer #albumBudget table thead {
	background-color: #fff;
}

#budgetContainer #albumBudget table tr {
	background-color:rgba(255,255,255,0.6);
	border-bottom:3px solid #ECF0F1;
}

#budgetContainer #albumBudget table tr:hover {
	background-color:rgba(255,255,255,0.5) !important;
}

#budgetContainer #albumBudget table tr td:not(:first-child), #budgetContainer #albumBudget table tr th:not(:first-child) {
	border-left:3px solid #ECF0F1;
}

#budgetContainer #albumBudget table tr th {
	text-align:center;
}

#budgetContainer #albumBudget table tr .form-control {
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:2px;
	text-align:center;
}

/* budget.php - END */

/* settings.php - START */
#settingsContainer {
	margin:10px;
}

#settingsContainer #settingsContent {
	background-color: #ECF0F1;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
	float: right;
	position: absolute;
	left: 280px;
	/* Firefox */
	width: -moz-calc(100% - 310px);
	/* WebKit */
	width: -webkit-calc(100% - 310px);
	/* Opera */
	width: -o-calc(100% - 310px);
	/* Standard */
	width: calc(100% - 310px);
}

#settingsContainer #settingsContent h1 {
	font-size:19px;
	text-align:center;
	font-weight:bold;
	margin-top:0px;
}
#settingsContainer #settingsContent h2 {
	font-size:17px;
	font-weight: bold;
}
#settingsContainer #settingsContent table {
	width:100%;
	font-size:13.5px;
}

#settingsContainer #settingsContent table thead {
	background-color: #fff;
	font-weight: bold;
}

#settingsContainer #settingsContent table tr {
	background-color:rgba(255,255,255,0.6);
	border-bottom:3px solid #ECF0F1;
}

#settingsContainer #settingsContent table tr:hover {
	background-color:rgba(255,255,255,0.5);
}

#settingsContainer #settingsContent table tr td:not(:first-child), #settingsContainer #settingsContent table tr th:not(:first-child) {
	border-left:3px solid #ECF0F1;
}

#settingsContainer #settingsContent table tr th {
	text-align:center;
}

#settingsContainer #settingsContent table tr .form-control {
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:2px;
	text-align:center;
}

#budgetContainer #albumInfo #albumCoverContainer img {
	width:100%;
}

/* settings.php - END */

select.form-control + .chosen-container.chosen-container-single .chosen-single {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-image:none;
}

select.form-control + .chosen-container.chosen-container-single .chosen-single div {
    top:4px;
    color:#000;
}

select.form-control + .chosen-container .chosen-drop {
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    margin: 2px 0 0;

}

select.form-control + .chosen-container .chosen-search input[type=text] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container .chosen-results {
    margin: 2px 0 0;
    padding: 5px 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    margin-bottom: 5px;
}

select.form-control + .chosen-container .chosen-results li , 
select.form-control + .chosen-container .chosen-results li.active-result {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    /* white-space: nowrap; */
    background-image:none;
}
select.form-control + .chosen-container .chosen-results li:hover, 
select.form-control + .chosen-container .chosen-results li.active-result:hover,
select.form-control + .chosen-container .chosen-results li.highlighted
{
    color: #FFF;
    text-decoration: none;
    background-color: #428BCA;
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height:auto;
    padding:5px 0;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice {

    background-image: none;
    padding: 3px 24px 3px 5px;
    margin: 0 6px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    /* white-space: nowrap; */
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top:8px;
    right:6px;
}

select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices,
select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single,
select.form-control + .chosen-container .chosen-search input[type=text]:focus{
    border-color: #66AFE9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
}

select.form-control + .chosen-container-multi .chosen-results li.result-selected{
    display: list-item;
    color: #ccc;
    cursor: default;
    background-color: white;
}

.modal-body {
	max-height: calc(100vh - 212px);
	overflow-y: auto;
}