/*INDEX*/
#content-wrapper {
  width: 55%;
}

#filter-wrapper {
  /* overflow-y: scroll; */
  max-width: 45%;
}

.cardContainer {
  width: 50rem;
}

.line-height-1 {
  line-height: 1;
}

.right-left-0 {
  right: 0;
  left: 0;
}

span.indexSpanSongVersion:empty:before {
  content: "\00a0";
  /* unicode zero width space character*/
}

@font-face {
  font-family: 'Artnoova';
  font-style: normal;
  src: url("../fonts/Artnoova-Light.woff2") format('woff2');
}


/*MODAL INDEX*/
#modalSaveAllBtnId[disabled] {
  background-color: #868e96;
  border-color: #868e96;
}

/* #lightBlue{
    max-height: 166px;
} */

/**POPOVER */
.popover {
  box-shadow: rgba(0, 0, 0, 0.6) 0 10px 10px;
}

#genreColId .popover,
#stileColId .popover,
#prezzoColId .popover,
#linguaColId .popover,
#genss1ColId .popover,
#producerSpanId .popover,
#editoriDivId .popover {
  width: 94%;
  max-width: none;
}


.popover-header {
  background-color: #868e96;
  color: white;
}

.bs-popover-bottom .popover-header::before {
  border-bottom: 0px;
}

.bs-popover-bottom .arrow:after {
  border-bottom-color: #868e96;
}

#modalEditorsContainerRows {
  overflow-x: hidden;
}

#modalCostiContainerRows {
  overflow-x: hidden;
}

/**INTERPRETER POPOVER */
#modalInterpreterDivRowId .popover {
  width: 600px;
  max-width: none;
}





/**FONT INPUT */

/**SONG TITLE*/
#modalSongTitle {
  height: 31px;
  max-height: 31px;
  font-size: 22px;
  color: #000000;
}

/**FONT INPUT DATE */

/**DATE PUBBLICAZIONE*/
#modalGmReintegrationInputId,
#modalMp3ReintegrationDateId {
  height: 38px;
  max-height: 38px;
}

/**PRODUCERS and DISC DATE*/
.lightGreen input[type=date],
#modalUscitaDiscoDateId {
  height: 31px;
  max-height: 31px;
}






/** LOG MESSAGES APP MODAL*/
.terminalBackground {
  font: 15px Inconsolata, monospace;
  height: 100px;
}

#modalAppLogMsgStatus {
  border-radius: 20px;
}



div.dataTables_wrapper div.dataTables_paginate {
  width: 50%;
  float: right;
}

.buttons-excel {
  margin: 10px 0px;
  background: #407bff;
  border-radius: 3px;
  border: none;
  padding: 5px;
  color: #fff;
  font-weight: bold;
}

/* TAGS INPUT */

.bootstrap-tagsinput {
  width: 100%;
}

.bootstrap-tagsinput .tag {
  color: #222;
  background: #eee;
  padding: 2px 4px;
  border: 1px solid #aaa;
  border-radius: 8px;
  font-weight: bold;
  margin: 2px 0;
  display: inline-flex;
}

.bootstrap-tagsinput .tag [data-role="remove"]::after {
  content: "\f057";
  font-family: "Font Awesome 5 Free";
  font-size: 1.4em;
  color: #000;
  padding: 0;
  margin-left: 2px;
}

.tt-menu {
  background: rgb(255, 255, 255);
  border: 1px solid #aaa;
  width: 220px;
  cursor: pointer;
}

.tt-suggestion {
  padding: 5px;
}

.tt-suggestion:hover {
  background: #eeeeee;
}


.login-font {
  font-family: Artnoova;
  letter-spacing: .1rem;
}

.login-input::placeholder {
  opacity: 0.4;
  font-family: Artnoova;
  font-size: x-large;
  letter-spacing: .1rem;
}

.login-title {
  font-size: xx-large;
}

.login-button {
  font-size: larger;
  padding: 0px 6px;
}


.login-page {
  background-color: #A9A9A9;
}

.grigio {
  background-color: #f5f5f5;
}

.verde {
  background-color: #c5f4be;
}

.verde .disabled {
  font-size: 4px;
}

.giallo {
  background-color: #fdefc1;
}

.arancio {
  background-color: #fed8b1;
}

.blu {
  background-color: #b5dafd;
}

.acqua {
  background-color: #99eaeb;
}

.rosa {
  background-color: #f8c9fe;
}

.sopra {
  padding-top: 3px;
}

.sotto {
  padding-bottom: 3px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.section-title {
  position: relative;
  top: -20px;
}

/*DATATABLE ROWS STYLE*/
/*.table-data2.table thead th {
    color: #555; 
}


.table-data2.table tbody {
    background: #fff;
}

table.dataTable.display tbody tr.odd{
    background-color: #40484e ;
}

table.dataTable.hover tbody tr.odd:hover, table.dataTable.display tbody tr.odd:hover{
	background-color: #40484e ;
}


table.dataTable tbody tr{
    background-color: #4a525a ;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover{
	background-color: #4a525a ;
}

.table-data2.table tbody td {
    color: #ced4da   ;
}

.table-data2.table tbody td.desc {
    color: #4272d7;
}


.table-data-feature .item { 
	background: #dc3545;
	height: 70px;
    width: 70px;
}


.table-data-feature .item i {
    color: #808080;
}*/