@font-face {
    font-family: "Product Sans";
    src: url("font/product_sans.ttf");
}
@font-face {
    font-family: "Product Sans";
    src: url("font/product_sans_bold.ttf");
    font-weight: bold;
}

.circle{
  width:10px;
  height:10px;
  border-radius:100%;
}

.mdl-layout__obfuscator{
  position:fixed;
  width:100vw;
  height:100vh;
}

.flex-ticketing-anag-data{
  display:flex !important;
  justify-content:space-between;
  flex-wrap:wrap;
  flex-grow:1;
}

#podium-box {
  margin: 0 auto;
  display: flex;
  max-height:180px;
}

.podium-number {
  font-family: DaggerSquare;
  font-weight: bold;
  font-size: 4em;
  color: white;
}

.step-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.step-container>div:first-child {
  margin-top: auto;
  text-align: center;
}

.step {
  text-align: center;
}

.bg-blue {
  background-image:linear-gradient(90deg,#f7828e 0%,#fcb6ab 100%)!important;
}

#first-step {
  height: 60%;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

#second-step {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  height: 40%;
}

#third-step {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  height: 30%;
}

.centerBoth {
    display: flex;
    justify-content: center;
    align-items: center;
}

html, body {
  font-family: 'Roboto', sans-serif;
/*  font-family: "Roboto" !important;*/
  cursor:default;
  background-image: url("../img/bg.jpg") !important;
  background-size:cover;
  /*zoom:1.1; -moz-transform:scale(1.1);*/
}
main{
  margin-top:0px !important;
  padding:16px;

  background-size: cover;
  /* https://www.heropatterns.com/ */
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23a95151' fill-opacity='0.19' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  */
  /*background-color:#F5F5F5 !important;*/
}

.item-name-title{
  margin-bottom:2px;
  padding:8px;
}

main::-webkit-scrollbar-track
{

	background-color: none;
}

main::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

main::-webkit-scrollbar-thumb
{
	background-color: rgb(157,53,54);
}

.issm-header{
  background-color: rgb(45,47,55) !important;

}

.thingsContainer-searchAnags::-webkit-scrollbar-track
{

	background-color: none;
}

.thingsContainer-searchAnags::-webkit-scrollbar
{
	width: 2px;
	background-color: #f7828e;
}

.thingsContainer-searchAnags::-webkit-scrollbar-thumb
{
	background-color: rgb(157,53,54);
}

.issm-header::-webkit-scrollbar-track
{

	background-color: none;
}

.issm-header::-webkit-scrollbar
{
	width: 2px;
	background-color: #F5F5F5;
}

.issm-header::-webkit-scrollbar-thumb
{
	background-color: rgb(157,53,54);
}

.crm-drawer::-webkit-scrollbar-track
{

	background-color: none;
}

.crm-drawer::-webkit-scrollbar
{
	width: 2px;
	background-color: #352597 !important;
}

.crm-drawer::-webkit-scrollbar-thumb
{
	background-color: #352597 !important;
}

.subitemContainer::-webkit-scrollbar-track
{

	background-color: none;
}

.subitemContainer::-webkit-scrollbar
{
	width: 2px;
	background-color: #F5F5F5;
}

.subitemContainer::-webkit-scrollbar-thumb
{
	background-color: rgb(157,53,54);
}

.overflow::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: none;*/
  background-color: none;
}

.overflow::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

.overflow::-webkit-scrollbar-thumb
{
	background-color: rgb(157,53,54);
}

.overflow-h::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: none;*/
  background-color: none;
}

.overflow-h::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

.overflow-h::-webkit-scrollbar-thumb
{
	background-color: rgb(157,53,54);
}

.foundList2::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: none;*/
  background-color: none;
}

.foundList2::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

.foundList2::-webkit-scrollbar-thumb
{
	background-color: rgb(157,53,54);
}

.dialog-content::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: none;*/
  background-color: none;
}

.dialog-content::-webkit-scrollbar
{
	width: 2px;
	background-color: #F5F5F5;
}

.dialog-content::-webkit-scrollbar-thumb
{
	background-color: rgb(157,53,54);
}

.optionCreator::-webkit-scrollbar
{
	width: 2px;
	background-color: #F5F5F5;
}

.optionCreator::-webkit-scrollbar-thumb
{
	background-color: rgb(157,53,54);
}

a{
  color: white;
}

a.hover:hover{
  padding-left:4px;
  transition:all .2s;
}



.white{
  color:white;
}
.table-responsive::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: none;*/
  background-color: none;
}

.table-responsive::-webkit-scrollbar
{
	height: 6px;
	background-color: rgba(245, 245, 245, 0.1);
}

.table-responsive::-webkit-scrollbar-thumb
{
	background-color: rgb(157,53,54);
}

.border-bottom-1{
  border-bottom:1px solid  rgba(157,53,54, 0.6);
}

.noList{
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left:6px;
  padding-top:4px;
}

@media screen and (max-width: 600px) {
  .table-responsive::-webkit-scrollbar
  {
  	height: 2px;
  	background-color: #F5F5F5;
  }

  .thingsContainer-searchAnags{
   width:100% !important;
  }
  .mdl-layout-title{
    display:none !important;
  }

}

.crm-avatar {
  width: 128px;
  height: 128px;
  border-radius: 100%;
  /*box-shadow: 2px 2px 4px black;*/
  margin-top:8px;
}
.issm-layout .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}
.crm-drawer {
  border: none;

}
/* iOS Safari specific workaround */
.crm-drawer .mdl-menu__container {
  z-index: -1;
}
.crm-drawer .issm-navigation {
  z-index: -2;
}
/* END iOS Safari specific workaround */
.crm-drawer .mdl-menu .mdl-menu__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.crm-drawer-header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  height: 124px;
}
.crm-avatar-dropdown {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height:50px;
  top:50px;
}

.issm-navigation {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
background-color: #352597 !important;
}
.issm-layout .issm-navigation .mdl-navigation__link {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
          background-color: #352597 !important;
  color: white !important;
  font-weight: 500;
}
.issm-layout .issm-navigation .mdl-navigation__link:hover {
  background: rgba(38, 38, 38, 0.9) !important;
  color: #eceff1 !important;
  padding-left:44px;
  transition:all .4s;
}
.issm-navigation .mdl-navigation__link .material-icons {
  font-size: 24px;

  margin-right: 32px;
}

.issm-content {
  max-width: 1080px;
}

.issm-charts {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.issm-chart:nth-child(1) {
  color: #ACEC00;
}
.issm-chart:nth-child(2) {
  color: #00BBD6;
}
.issm-chart:nth-child(3) {
  color: #BA65C9;
}
.issm-chart:nth-child(4) {
  color: #EF3C79;
}
.issm-graphs {
  padding: 16px 32px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
/* TODO: Find a proper solution to have the graphs
 * not float around outside their container in IE10/11.
 * Using a browserhacks.com solution for now.
 */
_:-ms-input-placeholder, :root .issm-graphs {
  min-height: 664px;
}
_:-ms-input-placeholder, :root .issm-graph {
  max-height: 300px;
}
/* TODO end */
.issm-graph:nth-child(1) {
  color: #00b9d8;
}
.issm-graph:nth-child(2) {
  color: #d9006e;
}

.issm-cards {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}
.issm-cards .issm-separator {
  height: 32px;
}
.issm-cards .mdl-card__title.mdl-card__title {
  color: white;
  font-size: 24px;
  font-weight: 400;
}
.issm-cards ul {
  padding: 0;
}
.issm-cards h3 {
  font-size: 1em;
}
.issm-updates .mdl-card__title {
  min-height: 200px;
  background-image: url('images/dog.png');
  background-position: 90% 100%;
  background-repeat: no-repeat;
}
.issm-cards .mdl-card__actions a {
  color: #00BCD4;
  text-decoration: none;
}

.issm-options h3 {
  margin: 0;
}
.issm-options .mdl-checkbox__box-outline {
  border-color: rgba(255, 255, 255, 0.89);
}
.issm-options ul {
  margin: 0;
  list-style-type: none;
}
.issm-options li {
  margin: 4px 0;
}
.issm-options .material-icons {
  color: white;
}
.issm-options .mdl-card__actions {
  height: 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/* ISSM */

a {
  text-decoration:none;
}

.close-drawer{
  position:absolute;
  top:16px;
  right:16px;
}

.fix-drawer{
  position:absolute;
  top:16px;
  right:16px;
}

.pointer{
  cursor:pointer;
}

.hidden{
  display:none;
}

::selection {
  background: rgba(157,53,54,1); /* WebKit/Blink Browsers */
  color:white;
}
::-moz-selection {
  background: rgba(157,53,54, 1); /* Gecko Browsers */
  color:white;
}


.mdl-card__title-text{
  font-size:18px !important;
}

/* PAGINA DI LOGIN */

.issm-card-wide.mdl-card {
  margin:32px;
  width: 80%;
  height:500px !important;
}
.issm-card-wide > .mdl-card__title {
  color:  rgb(157,53,54);
  height: 176px;
  background: url('../img/logo.png') center / cover;
}
.issm-card-wide > .mdl-card__menu {
  color: #fff;
}

/* ###################THEMING####################### */

.issm-button{
  background-image:linear-gradient(90deg,#f7828e 0%,#fcb6ab 100%)!important;
  color:white !important;
  font-weight:bold;
}

/* BACKGROUNDS */

.issm-red-bg{
  background: rgb(157,53,54) !important;
}

.issm-black-bg{
  background-image: linear-gradient(130deg,#352597 0%,#8686FF 100%) !important;
}

.issm-orange-bg{
  background-color:rgb(240,94,35) !important;
}

.issm-green-bg{
  background-color:rgb(80,220,100) !important;
}

.issm-white-bg{
  background-color:white !important;
}

.issm-red-bg.light{
  background: rgba(157,53,54, 0.1) !important;
}

.issm-black-bg.light{
  background-color:rgba(45,47,55,0.1) !important;
}


.issm-white-bg{
  background-color:rgba(255,255,255,1) !important;
}
.issm-white-bg.light{
  background-color:rgba(255,255,255,0.1) !important;
}

.issm-black{
  background-image: linear-gradient(130deg,#352597 0%,#8686FF 100%) !important;
}
/* TEXT */
.issm-red-text{
  color: rgb(157,53,54) !important;
}

.issm-black-text{
  color:rgb(45,47,55) !important;
}

.issm-black-text.material-icons{
  color:rgb(45,47,55) !important;
}

.issm-white-text{
  color:white !important;
}

.issm-grey-text{
  color:rgba(45,47,55,0.8) !important;
}

/* CARDS BORDERS */
.mdl_card{
  border-radius: 8px !important;
}

.mdl-card.issm-black-bg{
  border-left:4px solid #f7828e !important;
}

.mdl-card.issm-white-bg {
  border-left:4px solid rgb(157,53,54) !important;
}

.mdl-card.issm-red-bg {
  border-left:4px solid rgb(45,47,55) !important;
}

/* BORDERS */

.issm-leftborder-black{
  border-left:4px solid rgb(45,47,55) !important;
  padding-left:4px !important;
}

.issm-leftborder-white{
  border-left:4px solid white !important;
  padding-left:4px !important;
}

.issm-leftborder-red{
  border-left:4px solid #f7828e;
  padding-left:4px !important;
}

.issm-topborder-red{
  border-top:4px solid rgb(157,53,54) !important;
}


.bradius4{
  border-radius:4px !important;
}
/* CAMPI DI TESTO */

.mdl-textfield.white{
  color: white !important;
}

.mdl-textfield.white .mdl-textfield__label:after{
  color: white !important;
  background-color:white !important;
}

.mdl-textfield.white .mdl-textfield__label{
  color: white !important;
}


.mdl-textfield.white .mdl-textfield--floating-label:after{
  color: white !important;
}

.mdl-textfield.white.is-focused .mdl-textfield__label {
	color: white !important;
}

/* -----------------black -------------------------- */

.mdl-textfield.black{
  color: rgb(45,47,55) !important;
}

.mdl-textfield.black .mdl-textfield__label:after{
  color: rgb(45,47,55) !important;
  background-color:rgb(45,47,55) !important;
}

.mdl-textfield.black .mdl-textfield__label{
  color: rgb(45,47,55) !important;
}


.mdl-textfield.black .mdl-textfield--floating-label:after{
  color: rgb(45,47,55) !important;
}

.mdl-textfield.black.is-focused .mdl-textfield__label {
	color: rgb(45,47,55) !important;
}

/* --------------- red ----------- */

.mdl-textfield.red{
  color: rgb(157,53,54) !important;
}

.mdl-textfield.red .mdl-textfield__label:after{
  color: rgb(157,53,54) !important;
  background-color:rgb(157,53,54) !important;
}

.mdl-textfield.red .mdl-textfield__label{
  color: rgb(157,53,54) !important;
}


.mdl-textfield.red .mdl-textfield--floating-label:after{
  color: rgb(157,53,54) !important;
}

.mdl-textfield.red.is-focused .mdl-textfield__label {
	color: rgb(157,53,54) !important;
}

/* BUTTONS */

.issm-button:hover{
  opacity:0.9;
}

/* PADDING */

.issm-padding-4{
  padding:4px;
}
.issm-padding-8{
  padding:8px;
}
.issm-padding-12{
  padding:12px;
}
.issm-padding-16{
  padding:16px;
}
.issm-padding-32{
  padding:32px;
}

.issm-margin-12lr{
  margin-left:12px;
  margin-right:12px;
}

/* FONT SIZE */


.issm-size-10{
  font-size:10px !important;
}

.issm-size-12{
  font-size:12px !important;
}

.issm-size-14{
  font-size:14px !important;
}

.issm-size-16{
  font-size:16px !important;
}

.issm-size-18{
  font-size:18px !important;
}

.issm-size-20{
  font-size:20px !important;
}


/* OVERRIDES */

.mdl-card{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  border-radius:8px !important;
}

/* HOVER BG e TEXT*/

.issm-hover-bg-red:hover{
  background-color: rgb(157,53,54) !important;
  transition: background-color .2s;
}

.issm-hover-bg-black:hover{
  background-color: rgb(45,47,55) !important;
  transition: background-color .2s;
}

.issm-hover-bg-white:hover{
  background-color: white !important;
  transition: background-color .2s;
}

.issm-hover-text-red:hover{
  color: rgb(157,53,54) !important;
  transition: background-color .2s;
}

.issm-hover-text-black:hover{
  color: rgb(45,47,55) !important;
  transition: background-color .2s;
}

.issm-hover-text-white:hover{
  color: white !important;
  transition: background-color .2s;
}


/* box shadows */

.card-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}





dialog *{
  color:rgb(157,53,54) !important;
}


dialog .mdl-textfield{
  color: rgb(157,53,54) !important;
}

dialog .mdl-textfield .mdl-textfield__label:after{
  color: rgb(157,53,54) !important;
  background-color:rgb(157,53,54) !important;
}

dialog .mdl-textfield .mdl-textfield__label{
  color: rgb(157,53,54) !important;
}


dialog .mdl-textfield .mdl-textfield--floating-label:after{
  color: rgb(157,53,54) !important;
}

dialog .mdl-textfield.is-focused .mdl-textfield__label {
	color: rgb(157,53,54) !important;
}
dialog .material-icons{
  color: rgb(157,53,54) !important;
}


/* PAGINA VISUALIZZAZIONE ANAGRAFICHE */

.anag-card-wide.mdl-card {
  margin-bottom:8px;
  width: 100%;
  height:30px !important;
}
.anag-card-wide > .mdl-card__title {
  color: rgb(157,53,54);
  height:100px;

}
.anag-card-wide > .mdl-card__menu {
  color: #fff;
}

.pagination-anag-btn {
  background-color:rgb(157,53,54) !important;
  color: white !important
}

.back-btn {
  cursor: pointer;
  background-color:rgb(157,53,54) !important;
  color: white !important;
  padding:2px !important;
  padding-right:6px !important;
  padding-left:4px !important;
  border-radius: 4px;
  transition: all .2s;
}

.back-btn:hover{
  margin-left:-8px;
  margin-right:8px;
}

/* PAGINA INFO ANAGRAFICA */
.anaginfo_info_subtitle{
  color:white !important;
  line-height:2em;
}

.issm-red{
  padding:8px;
  color:#352597;
  text-shadow: 0 0 0.5em #87F, 0 0 0.5em #87F, 0 0 0.5em #87F;
}

.anaginfo-card-wide *{
  color: white !important;
}

.anaginfo-card-wide.mdl-card {
  margin-bottom:8px;
  width: 100%;
  height:auto !important;
}
.anaginfo-card-wide > .mdl-card__title {
  color: white;
  height:auto !important;

}
.anaginfo-card-wide > .mdl-card__menu {
  color: #fff;
}

.anaginfo_info_subtitle{
  line-height:2em;
  height:auto !important;
}


/* CARD SEDE NUOVE */
.anagsede_info_subtitle{
  line-height:2em;
}


.anagsede-card-wide.mdl-card {
  margin-bottom:8px;
  max-width:300px;
  margin:10px;
  height:auto !important;
  min-height:240px;
}
.anagsede-card-wide > .mdl-card__title {
  color: rgb(157,53,54);
  height:auto !important;
}
.anagsede-card-wide > .mdl-card__title > h2{
  font-size:16px !important;
  font-weight:bold;
}
.anagsede-card-wide > .mdl-card__menu {
  color: #fff;
}

.anagsede_info_subtitle{
  line-height:2em;
  height:auto !important;
}

/* CARD SEDE VECCHIE */
.sedeinfo-card-wide.mdl-card {
  margin:4px;
  max-width: 300px;
  height:auto !important;
  min-height:320px;
}
.sedeinfo-card-wide > .mdl-card__title {
  color: rgb(157,53,54);
  height:auto !important;

}
.sedeinfo-card-wide > .mdl-card__menu {
  color: #fff;
}

.sedi-container{
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.new-sede-btn {
  background-color:rgb(157,53,54) !important;

}

.newTicketRequestTextFlex{
  display:flex;
  flex-wrap: wrap;
  justify-content:space-between;
}

.header-container{
  display:flex;
}
.mdl-card__actions{
  height:auto;
  position:absolute;
  bottom:2px;
}

.sede-actions{
  width:100%;
display:flex;
}

/* ISSM ADD SEDE CARD */

.sede-card-wide.mdl-card {
  margin:32px;
  width: 80%;
  height:560px !important;
}
.sede-card-wide > .mdl-card__title {
  color:  rgb(157,53,54);
  height: 176px;
  background: url('../img/logo.png') center / cover;
}
.sede-card-wide > .mdl-card__menu {
  color: #fff;
}

.add_item_btn{
  background-color: rgb(157,53,54) !important;
  color:white;
  position:fixed;
  bottom:64px;
  right:16px;
}

.add_item_btn > .material-icons{
  color:white !important;
}

.add_item_btn_anag > .material-icons{
  color:white !important;
}

.mdl-textfield{
  margin:0px !important;
}

thead{
  border-bottom:2px solid rgba(157,53,54,0.2) !important;
  background-image: linear-gradient(130deg,#352597 0%,#8686FF 100%) !important;
  color:white !important;
}

th{
  color:white !important;
}

tr{
  border-bottom:2px solid rgba(45,47,55, 0.2) !important;
}

td{
  color:rgb(45,47,55) !important;
}

td i{
  color:rgb(45,47,55) !important;
}



.padding-tb-8{
  padding-top:8px;
  padding-bottom:8px;
}

.add_item_btn_anag{
  background-color: rgb(157,53,54) !important;
  color:white;
  position:fixed;
  bottom:16px;
  right:16px;
}

.add_sub_item_btn{
  background-color: rgb(157,53,54) !important;
  color:white;
  position:fixed;
  bottom:20px !important;
  right:16px;
}

.add_sub_item_btn > .material-icons{
  color:white !important;
}

.add_sub_item_btn_anag > .material-icons{
  color:white !important;
}


.pointer{
  cursor:pointer;
}

dialog{
  max-height:80% !important;
  overflow:hidden !important;
  /**overflow-x:hidden !important;*/
}


.dialog-content{
  max-height:300px;
  overflow:scroll !important;
  overflow-x:hidden !important;
}

.mdl-dialog__title{

  font-size:2em;
}


.hidden-file-input { display: none; }

.loadFileSpan{
  font-size: 16px !important;
}

.issm-visible{
  display:block !important;
}

.anagBasicInfo{
  animation-duration: .2s !important;
}

.magictime{
  animation-duration: .8s !important;
}

.anagBasicInfoShow{
  display:block !important;
}

.bold{
  font-weight:bold;
}

.txt-hover{
  font-size:18px !important;
}

.txt-hover:hover{

  transition:all .3s;
  color: rgb(45,47,55) !important;
}

.txt-hover-anag{
  font-size:14px !important;
  color: white !important;
}

.txt-hover-anag:hover{
  transition:all .5s;
  opacity: 0.8;
}

.txt-hover-recents{
  font-size:14px !important;
  color: rgba(0,0,0,0.8) !important;
  padding:8px;
  border-radius:4px;
}

.txt-hover-recents:hover{
  transition:all .2s;
  background:rgba(45,47,55,0.2) !important;
}

.icon-hover:hover{
  font-weight:bold;
  transition:all .3s;
  color: rgb(157,53,54) !important;
}

.issm-item{
  transition:all .2s;
  border-radius:4px;
  padding:8px;
}

.issm-item:hover{
  background-color:rgba(45,47,55,0.2) !important;
  color:white !important;
}

.txt-sys{
    color: rgb(157,53,54) !important;

}
/*
.searchAnagInput{
  padding-top:20px;
  padding-bottom:20px;
  color:grey;
  font-size:24px;
  width:100%;
  outline: none; !important;
  border:none;
}
*/


.thingsContainer-searchAnags{
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  top:0px;
  max-height:200px;
  right:0px;
 width:400px;
 background-image: linear-gradient(130deg,#352597 0%,#8686FF 100%) !important;
 z-index:999999;
 overflow-y:scroll;
  position:absolute;
  transition:all .4s;
}

.subItemTitle{
  font-weight:bold;
  margin-left:22px;
}

.issm-button-2{
  background-image:linear-gradient(90deg,#f7828e 0%,#fcb6ab 100%)!important;
  color:white !important;
}

.subitemContainer{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:	#FFFAFA;
  z-index: 999999998;
}

.subitemCloser{
  padding:16px;
 font-size:22px;
 cursor:pointer;
 color:  rgb(157,53,54) !important;
 transition:all .2s;
}
.subitemCloser:hover{
  margin-left:-6px;
}


#accbtn > i{
  color:white !important;
}
.user-menu{
  background-image: linear-gradient(130deg,#352597 0%,#8686FF 100%) !important;
  color:white;
  font-weight:bold;
}
.user-menu:hover{
    color:rgb(157,53,54) !important;
}
.mdl-badge:after{
    background:rgb(157,53,54) !important;
}




.subItemShown{
  z-index:99999;
  display:block !important;
}

.searchAnagInput:focus{

}

/* bootstrap table responsive */
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    border-radius:8px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.headerTitle{
  color:  white !important;
  max-width:50px !important;
  text-overflow: ellipsis;
  font-size:14px;
}

.notificationContainer{
  border:2px solid white;
  border-radius:4px;
  padding:4px;
  color:rgb(45,47,55) !important;
  width:85%;
  margin:0 auto;
  margin-bottom:8px;
  background-color:white;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

@media screen and (max-width: 767px) {
    .fix-drawer{
      display:none;
    }
    .close-drawer{
      display:none;
    }
    .headerTitle{
      font-size:10px;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}




.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.dialog-max-600{
  width: auto !important;
  max-width:600px;
}

.sede-bottom-div{
  position:fixed !important;
  width:100% !important;
  bottom:0px !important;
  right:2px !important;
}



.sede-bottom-div-anag{
  position:fixed !important;
  width:100% !important;
  bottom:0px !important;
  right:2px !important;
}



.issm-auto-card-wide{
  width:100%;
}

.white-text{
  color:white !important;
}

.structName{
  color:white !important;
}

.trash{
  transition: all .2s;
  cursor:pointer;
  font-size:16px;
}


.trash:hover{
  color:rgb(157,53,54);
}

.saveStruct{
  transition: all .2s;
  cursor:pointer;
}

.saveStruct:hover{
  /*color:rgb(157,53,54);*/
}

.headerButton{
  background-image:linear-gradient(90deg,#f7828e 0%,#fcb6ab 100%)!important;
}

.mdl-chip__contact{
  background-color:rgb(157,53,54);
}

.optionCreator{
  max-height:200px;
  overflow:scroll;
  overflow-x:hidden;
}

.crm-drawer-header{
  background-color: #352597 !important;
}


.material-icons{
  color: white !important;
}

.mdl-navigation__link{
  padding-top:8px !important;
  padding-bottom:8px !important;
  text-transform: uppercase;
  color: rgb(157,53,54) !important;
  letter-spacing: 1pt;
  font-weight:400 !important;
  font-size:12px;
}

.mdl-navigation__link:hover{
  color: white !important;
}

.mdl-navigation__link:hover > .material-icons{
  color: white !important;
}

.mdl-navigation__link > .material-icons{
  margin-right:8px !important;
}

.searchInputIcon{
  color: white !important;
}

.searchInputBar{
  color: white !important;
  border-bottom:1px solid white !important;
}

.searchInputBar::placeholder{
  color: white !important;
}

.close-drawer > .material-icons{
  color: white !important;
}
.fix-drawer > .material-icons{
  color: white !important;
}

.mdl-layout__header-row{
  background-image: linear-gradient(130deg,#352597 0%,#8686FF 100%) !important;
}

.mdl-layout__drawer-button{
  background-color:transparent !important;
  color:white !important;
}

th.mdl-data-table__cell--non-numeric{
  font-weight:bold !important;

}

.hover-text-shadow:hover{
  text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.2);
}

.td-trash{
  cursor:pointer;
  transition: all .4s;
  font-size:18px;
  outline:none !important;
}

.td-trash:hover{
  transition: all .2s;
  color: rgb(157,53,54) !important;
}

.hover:hover{
  transition: all .2s;
  cursor:pointer;
  opacity:0.8;
}

.td-editStruct{
  min-width:200px !important;
  cursor:pointer;
  transition: all .4s;
  font-size:22px;
  outline:none !important;
  padding:12px;
}

.td-editStruct:hover{
  color: rgb(157,53,54) !important;
}

.div-structEdit{
  border:2px solid rgb(157,53,54) !important;
  border-radius:6px;
  padding:12px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.td-editStructText{
  cursor:pointer;
  transition: all .4s;
  font-size:18px;
  outline:none !important;
}

.td-editStructText:hover{
  color: rgb(157,53,54) !important;
}

.ticketingAnagFound{
  max-height: 200px !important;
  overflow-y:scroll;
  display:none;
}

.ticketingAnagSelected{
  display:none;
}

.ticketingAnagSelectedData{
  display:none;
}

.flex-row-between{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-content:center;
}

.searchingTicketingAnag{
  display:none;
}
.highlighted
{
  color:white !important;
}

.subitemName{
  cursor:pointer;
  transition: all .4s;
  font-size:18px;
  color: rgb(157,53,54) !important;
}

.subItemPasswordHover{
  cursor:pointer;
  transition: all .4s;
}

.subItemPasswordHover:hover{
  color: rgb(157,53,54) !important;
}

.wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(50px, 1fr));
  background-color: #fff;
  color: #444;
  max-width: 800px;
}

.settings-navigator{
  max-width:200px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.setting-list{
  padding:16px;
}

.row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(50px, 1fr));
}

div:nth-child(4) { grid-row-start: 2; }
div:nth-child(5) { grid-row-start: 3; }

.box {
  background-color: #444;
  color: #fff;
  border-radius: 5px;
  padding: 20px;
  font-size: 150%;
}


.mdl-chip {
  background-color:#F4F4F4;
  color:rgb(157,53,54);
}

.mdl-progress-issm > .progressbar {
    background-color: rgb(157,53,54) !important;
}

.mdl-progress-issm > .bufferbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(45,47,55), rgb(45,47,55)) !important;
}

.mdl-progress-issm > .auxbar {
  display:none;
    background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(157,53,54), rgb(157,53,54)) !important;
}



.mdl-switch.is-checked .mdl-switch__track{
  background-color: rgba(157,53,54, 0.5) !important;
}

.mdl-switch.is-checked .mdl-switch__thumb{
  background: rgb(157,53,54) !important;
}

.sortPlaceholder{
  border: 1px solid rgb(157,53,54);
    font-weight: bold;
    font-size: 45px;
}

hr{
  background-color: rgba(157,53,54,0.2) !important;
}

.mdl-checkbox__ripple-container .mdl-ripple{
  background:rgb(157,53,54) !important;
}

mdl-checkbox.md-default-theme.md-checked .md-icon {
      background:rgb(157,53,54) !important;
}

.itemFormPreview > div > table{
  width:400px !important;

}

.structTable{
  background: rgb(157,53,54);
}

.itemFormPreview > div > table{
  padding:8px;
  border: 1px solid rgba(157,53,54, 0.2);
  border-radius:8px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

input:-internal-autofill-selected {
background-color:transparent;
}


select option {
   background-color:rgb(45,47,55) !important;   /* add custom arrow */
}

.deleteSearch{
  cursor:pointer
}

.deleteSearch:hover{
  color:rgb(157,53,54);
}

.assoc-list-issm{
  padding:0px !important;
  font-size:14px;
  color:grey;
  min-height:0px;
}
.issm-nopadding{
  padding:0px !important;
  margin:0px !important;
}

.tr-light{
  background-color:rgb(157,53,54) !important;
  color:white !important;
  transition:all .4s;
}

.tr-linked{
 /*border-top:2px solid rgb(157,53,54) !important;
 border-bottom:2px solid rgb(157,53,54) !important;
  color:white !important;*/
  transition:all .4s;
}

.alreadyLinked{
  cursor:pointer;
  font-size:16px;
  outline:none !important;
  border: 2px solid rgb(157,53,54) !important;
  color:rgb(157,53,54);
  padding:2px;
  border-radius:4px;
}


/* CHIAMATE */

.submenuLink{
  margin-bottom:32px;
}

.gestioneTicketContainer{
  position:absolute;
  width:90vw;
  height:90vh;
  margin-top:5vh;
  margin-left:5vw;
  background-color:white;
  z-index:99999999;
}