/*------------------------------------------------------------------
[Master Stylesheet]

Project: Gravity
Version: 1.0
Last change: 05/09/15 [first release]
Primary use: App & Mobile Website
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Utility
2. Base Elements
3. Page Transition
4. Layout
	4.1. Grid
	4.2. Header
	4.3. Drawer
5. Elements
	5.1.Accordion
	5.2.Progress Bar
	5.3.Card
	5.4.Table
	5.5.Searchbar
	5.6.Badge.7.Tab
6. Page Specific
	6.1.Home
	6.2.Gallery
	6.3.Blog
	6.4.Article
	6.5.Player
	6.6.Profile
	6.7.Login
	6.8.Messages
	6.9.Settings
	6.10.Calendar
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
1. UTILITY
-------------------------------------------------------------------*/
.title {
	display: block;
	font-weight: bold;
}
.valign-wrapper {
    display: table;
}
.valign-wrapper .valign {
    display: table-cell;
    vertical-align: middle;
}
.clr {
	clear: both;
}
.left {
	float: left;
	margin-left:16px;
}
.right {
	float: right;
	margin-right:16px;
}
.tright {
	text-align:right !important;
	align:right !important;
}

.transparent-header {
	background-color: transparent;
	position: absolute;
	box-shadow: none;
}
.no-accent-color {
	color: rgba(0,0,0,.54);
}
.minilogo {
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 44px;
    border-radius: 22px;
    background-color: #F5F5F5;
    margin-right: 16px;
    margin-top:8px;
    float: left;
}
.user1 {
	background-image: url('https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/user.jpg');
}
.user2 {
	background-image: url('https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/sub-user.jpg');
}

/*------------------------------------------------------------------
2. BASE ELEMENTS
-------------------------------------------------------------------*/
html {
    background-color: #f1f4f5;
    font-weight: 300;
    color: rgba(0,0,0,.54);
}
html, body {
	font-family: "Roboto";
	font-weight: 300;
}
a {
	text-decoration: none;
}
img {
	width: 100%;
	height: auto;
}
ul {
	margin: 0;
	padding: 0;
}
header {
	color: #ffffff !important;
}
header a button i {
	color: #fff;
}
header .mdl-layout__header-row button {
	margin-left: 8px;
}
.mdl-menu a li {
	color: rgba(0,0,0,.54);
}
.mdl-layout__container {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important;
}
.mdl-layout__content {
	width: 100%;
}
.mdl-textfield {
	width: auto;
}
.mdl-layout__header-row .no-accent-color {
	color: #fff;
}
.mdl-layout-title {
	font-weight: 300;
}

/*------------------------------------------------------------------
3. PAGE TRANSITION
-------------------------------------------------------------------*/
.animsition, .animsition-overlay {
	position: static;
	min-height: 100vh;
}

/*------------------------------------------------------------------
4. LAYOUT
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
4.1. GRID
-------------------------------------------------------------------*/
.

/*------------------------------------------------------------------
4.2. HEADER
-------------------------------------------------------------------*/
.no-drawer {
	position: absolute;
}
.no-drawer .mdl-layout__header-row {
	padding-left: 16px;
}
.no-drawer .mdl-layout-title {
	padding-left: 22px;
}

/*------------------------------------------------------------------
4.3. DRAWER
-------------------------------------------------------------------*/
.mdl-collapse__content .mdl-navigation__link {
  font-weight: 300;
}
#user-menu {
	position: absolute;
	right: 16px;
	bottom: 9px;
	display: inline-block;
}
.user img {
	border-radius: 100%;
	width: 64px;
	margin-bottom: 16px;
}
.sub-user {
	float:right;
	width:40px;
	border-radius:100%;
}
.user-name {
	margin-bottom: 2px;
	font-size: 14px;
	font-family: 'Roboto';
	font-weight: 400;
	display: block;
}
.user-mail {
	font-size: 14px;
	font-family: 'Roboto';
	font-weight: 100;
	display: table;
}
.drawer-separator {
    height: 1px;
    background-color: #DCDCDC;
    margin: 8px 0px;
}
.mdl-layout__drawer {
	border-right: none;
}
.drawer-profile {
	box-shadow: none;
	width: 100%;
	border-radius: 0;
}
.drawer-profile i {
	color: #fff;
}
.drawer-profile > .mdl-card__title {
    color: #fff;
    height: auto;
    display: block;
}
.mdl-layout__drawer .mdl-navigation span {
	float: left;
	line-height: 24px;
}
.mdl-layout__drawer .mdl-navigation i {
	float: left;
	margin-right: 32px;
}
.mdl-layout__drawer-button {
	line-height: 56px;
	height: 48px;
}
.mdl-layout__drawer-button i {
	height: 32px;
	line-height: 32px;
	font-size: 24px;
}

/*------------------------------------------------------------------
5. ELEMENTS
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
5.1. ACCORDION
-------------------------------------------------------------------*/
.mdl-navigation__link.mdl-collapse__button {
  cursor: pointer;
}

.mdl-collapse.mdl-collapse--opened {
  margin-top: 0;
}

.mdl-collapse__content .mdl-navigation__link {
		padding-left: 90px !important;
}

.mdl-navigation__link.mdl-collapse__button {
  min-height: 24px;
}

.mdl-collapse.mdl-collapse--opened + .mdl-collapse.mdl-collapse--opened {
  border-top: none;
  margin-top: 0;
}

.mdl-collapse .mdl-collapse__content-wrapper {
  overflow: hidden;
}

.mdl-collapse .mdl-collapse__content {
  transition-property: margin-top;
  transition-duration: 0.4s;
}

.mdl-collapse .mdl-collapse__icon {
  transition-property: transform;
  transition-duration: 0.4s;
  color: rgba(0,0,0,0.3);
  position: absolute;
  right: 0;
  margin-top: 0;
  margin-right: 20px !important;
}

.mdl-collapse.mdl-collapse--opened .mdl-collapse__icon {
  transform: rotate(-180deg);
}

.mdl-collapse.mdl-collapse--opened .mdl-collapse__content {
  margin-top: 0 !important;
}

/*------------------------------------------------------------------
5.2. PROGRESS BAR
-------------------------------------------------------------------*/
.mdl-progress > .progressbar {
    background-color: rgb(233, 30, 99);
    z-index: 1;
    left: 0;
}
.mdl-progress > .bufferbar {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)),
                      -webkit-linear-gradient(left, rgb(233, 30, 99), rgb(233, 30, 99));
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)),
                      linear-gradient(to right, rgb(233, 30, 99), rgb(233, 30, 99));
    z-index: 0;
    left: 0;
}
}.mdl-progress: not(.mdl-progress__indeterminate) > .auxbar {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)),
                      -webkit-linear-gradient(left, rgb(233, 30, 99), rgb(233, 30, 99));
    background-image: linear-gradient(to right, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)),
                      linear-gradient(to right, rgb(233, 30, 99), rgb(233, 30, 99));
}
.mdl-progress.mdl-progress__indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-color: rgb(233, 30, 99);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

/*------------------------------------------------------------------
5.3. CARDS
-------------------------------------------------------------------*/
.mdl-card, .mdl-card__title-text, .mdl-card__supporting-text {
	display: block;
}
.mdl-card__title-text {
	position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    display: block;
}
.mdl-card__menu {
	color: #fff;
}
.card-author {
	float:left;
}
.card-author span:first-child {
	display: block;
	margin-top: 4px;
}
.mdl-card {
	width: 100%;
    max-width: 100%;
    min-height: 0;
}
.mdl-card__title-text {
	font-weight: 400;
}
.mdl-card__title a {
	color: #ffffff;
}
.mdl-card__supporting-text {
	width: auto;
}
/*
.mdl-card .mdl-button--fab {
	position: absolute;
	right: 16px;
	bottom: -28px;
}
*/
/*.mdl-card__actions .mdl-button {
	float: right;
}
*/
.mdl-card__supporting-text {
	border-top: 1px solid rgba(0,0,0,.1);
}

/*------------------------------------------------------------------
5.4. TABLE
-------------------------------------------------------------------*/
/*
.mdl-data-table {
	width: 100%;
	display: block;
}
thead, tbody, .mdl-data-table__cell--non-numeric {
	width: 100%;
}
*/
/*------------------------------------------------------------------
5.5. SEARCHBAR
-------------------------------------------------------------------*/
.mdl-layout__header .mdl-textfield__input {
	border-color: #ffffff;
}

/*------------------------------------------------------------------
5.6. BADGE
-------------------------------------------------------------------*/
.mdl-menu .mdl-badge[data-badge]:after {
	top: 2px;
	right: 10px;
	position: absolute;
}
.mdl-menu .mdl-badge {
	margin-right: 0;
}

/*------------------------------------------------------------------
5.7. TAB
-------------------------------------------------------------------*/
.tab-link {
    margin: 0;
    border: none;
    padding: 0 12px;
    float: left;
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255,255,255,.6);
    overflow: hidden;
}

/*------------------------------------------------------------------
6. PAGE SPECIFIC
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
6.1. HOME
-------------------------------------------------------------------*/
.launch {
	background: url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/home.jpg) center / cover;
	height: 100vh;
	text-align: center;
}
.launch h2, .launch span {
	color: #ffffff;

}
.launch h2 {
	margin: 0;
	font-weight: 100;
	letter-spacing: 5px;
}
.launch span {
	font-size: 16px;
	font-weight: 100;
	letter-spacing: 5px;

}

/*------------------------------------------------------------------
6.2. GALLERY
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
6.3. BLOG
-------------------------------------------------------------------*/
.load-more {
	color: #757575;
	float: right;
	margin: 16px 16px 32px 0;
}
.load-more button {
	background: #f5f5f5;
	margin-left: 16px;
}
.load-more button i {
	color: #757575;
}
/* bg image */
.imaged .mdl-card__title {
	color: #fff;
	padding: 0;
	display: block;
	position: relative;
}
.imaged .mdl-card__title img {
	position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}
/* bold text */
.amazing .mdl-card__title {
    background-color: #263238;
    position: relative;
}
.amazing h3.quote {
	margin: 0;
}
.amazing h3.quote:before {
    content: '“';
}
.amazing h3.quote:after {
    content: '“';
}
.amazing h3.quote:before, .amazing h3.quote:after  {
    display: block;
    font-size: 3em;
    margin-top: 0.5em;
}

/*------------------------------------------------------------------
6.4. ARTICLE
-------------------------------------------------------------------*/
.article {
	position: absolute;
	top: 80px;
	padding: 16px;
	margin: 0;
}
.article h4 {
	font-size: 24px;
	color: #ffffff;
	margin-top: 0;
	margin-left: 16px;
}
.article-content {
	padding: 16px;
	background: #ffffff;
	border-radius: 2px;
}
.article-bg {
	background: url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/9.jpg) center / cover;
	height: 250px;
	width: 100vw;
}
.author {
	margin-bottom: 16px;
}
.share {
	float: right;
	margin-top: 6px;
}
.comment-count {
	margin-top: 32px;
	display: block;
}
.comment {
	margin-bottom: 32px;
}
.comment p {
	margin-top: 10px;
	margin-left: 60px;
	font-size: 13px;
}
.reply {
	margin-left: 60px;
}
.reply p {
	margin-top: 10px;
	margin-left: 60px;
	font-size: 13px;
}

/*------------------------------------------------------------------
6.5. PLAYER
-------------------------------------------------------------------*/
.player-info {
	padding: 22px 16px;
	position: relative;
}
.player-info h4 {
	margin: 0 0 8px;
	font-weight: 300;
	color: #ffffff;
}
.player-info span {
	font-weight: 300;
	color: #ffffff;
}
.player-info button {
	position: absolute;
	top: -28px;
	right: 16px;
}
.player-controls {
	padding: 16px 32px;
	color: #ffffff;
	font-size: 24px;
}
.player-contents, .player-featured {
	color: rgba(0,0,0,.54);
	padding: 16px 0;
}
.player-contents p {
	padding-left: 16px;
	margin: 0;
	position: relative;
}
.player-featured p {
	padding-left: 16px;
	margin: 0;
	position: relative;
}
.player-contents ul {
	padding-left: 0;
}
.player-contents li {
	display: block;
	padding: 16px;
	color: rgba(0,0,0,.54);
	cursor: pointer;
	position: relative;
}
.player-contents li:last-child {
	margin-bottom: 72px;
}
.player-contents p > button, .player-featured p > button {
	position: absolute;
	right: 16px;
	top: -6px;
}
.player-contents li a {
	position: absolute;
	right: 16px;
	top: 10px;
}
.player-contents li:hover {
	background-color: #e0e0e0;
}
.player-contents li:first-letter {
	margin-right: 32px;
	color: rgba(0,0,0,.3);
}
.player-featured .mdl-card {
	padding-bottom: 4px;
}
.player-featured img {
	margin-bottom: 3px;
}
.player-featured span {
	color: rgba(0,0,0,.54);
	font-size: 14px;
	font-weight: 300;
	padding: 0 10px;
	display: block;
}
.playing-now {
	height: 72px;
	width: 100%;
	position: fixed;
	bottom: 0;
	background-color: #fff;
	color: rgba(0,0,0,.54);
	z-index: 4;
}
.playing-now span {
	font-size: 14px;
	padding-left: 16px;
}
.playing-now img {
	height: auto;
	width: 72px;
}
.playing-now button {
	position: absolute;
	right: 16px;
	top: 17px;
}

/*------------------------------------------------------------------
6.6. PROFILE
-------------------------------------------------------------------*/
.profile-page {
	position: relative;
}
.contact-info {
	padding: 22px 0;
    position: absolute;
    background-color: transparent;
    bottom: 0;
    width: 100%;
}
.contact-info h3 {
	margin: 0 0 0 16px;
	font-weight: 300;
	color: #ffffff;
}
.contact-info span {
	font-weight: 300;
	color: #ffffff;
}
.contact-info button {
	position: absolute;
	top: 53px;
	right: 16px;
}

.contact-about {
	padding: 38px 16px 16px;
	text-align: center;
	background: #f1f4f5;
	color: rgba(0,0,0,.54);
}
.contact-about .mdl-card {
	padding: 16px;
	margin-bottom: 16px;
}
.contact-about .mdl-card span {
	display: block;
}
.about.mdl-card button {
	margin-bottom: 16px;
}
.contact-about table {
	margin-bottom: 16px;
}
.movie-controller {
	padding: 16px;
	height: 32px;
}
.contact-about .mdl-card.movie {
	padding: 0;
	text-align: left;
	color: rgba(0,0,0,.54);
	font-size: 12px;
	font-weight: 100;
}
.contact-about .mdl-card.movie button:first-child, .contact-about .mdl-card.movie span {
	float: left;
}
.contact-about .mdl-card.movie button, .contact-about .mdl-card.movie .mdl-slider__container {
	float: right;
}
.movie .mdl-slider__container {
	width: 100px;
}
.movie .mdl-slider {
    width: calc(100% - 20px);
    margin: 0 10px;
}
.movie .mdl-slider__background-flex {
    width: calc(100% - 20px);
    margin: 0 10px;
}
.movie span {
	line-height: 32px;
	padding-left: 16px;
}
.mdl-slider__container {
	margin-top: 7px;
}
.mdl-card.weather {
	padding: 0;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	font-weight: 100;
	background: url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/2.jpg);
	position: relative;
}
.mdl-card.weather > span {
	padding: 16px;
	font-size: 16px;
}
.mdl-card.weather h2 {
	font-size: 100px;
	font-weight: 100;
	margin: 80px 0;
}
.mdl-card.weather h2:after {
	content: "°";
	position: absolute;
}
.mdl-card.weather h4 {
	margin: 0;
}
.mdl-card.weather button {
	line-height: 260px;
	position: absolute;
	top: 35%;
}
.mdl-card.weather button.left {
	left: 16px;
}
.mdl-card.weather button.right {
	right: 16px;
}
.mdl-card .weather-info {
	padding: 16px;
	background: #ffffff;
	color: rgba(0,0,0,.54);
}
.title {
	margin-top: 32px;
	margin-bottom: 16px;
	display: block;
	text-align: left;
}

/*------------------------------------------------------------------
6.7. LOGIN
-------------------------------------------------------------------*/
.login-bg {
	background: url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/10_blur.jpg) center / cover;
	height: 100vh;
	overflow: hidden;
	padding: 0 16px;
	width: calc(100% - 32px);
}
.login {
	background: #ffffff;
	border-radius: 2px;
	margin-top: 16px;
}
.account-navigation i {
	color: #ffffff;
}
.account-info {
	padding-top: 16px;
	padding-bottom:16px;
	color: #ffffff;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	width:100%;
	position:fixed;
	z-index:2;
	top:0;
	overflow-y:scroll;

}


.account-head {
	padding-top: 16px;
	padding-bottom:16px;
	color: #ffffff;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	position:fixed;
	z-index:999;
	top:0;
	overflow-y:auto;
	width:100%;
}

.center-container-header {
	position: absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
	padding-top: 16px;
	padding-bottom:16px;
	color: #ffffff;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	z-index:999999;
	top:0;

}
.account-head >.left ,.account-head >.right  {

}

.account-info span {
	display: block;
	margin-left: 32px;
	font-size: 16px;
	font-weight: 300;
}
.minilogo-account {
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 56px;
    border-radius: 100%;
    background-color: #F5F5F5;
    margin: 8px 16px 32px 32px;
}
.account-data {
	padding: 16px 48px 32px;
}
.account-data form {
	margin-bottom: 32px;
}
.account-data .mdl-textfield {
	width: 100%;
}

/*------------------------------------------------------------------
6.8. MESSAGES
-------------------------------------------------------------------*/
.chat .message p {
  margin-bottom: 0;
}
.chat span {
  font-size: 12px;
}
.chat ul {
  padding: 16px;
}
.chat ul li {
  width: 100%;
  position: relative;
  display: inline-block;
  margin-bottom: 16px;
}
.chat ul li img {
  float: left;
}
.chat ul li .message {
  margin-left: 72px;
  position: relative;
  padding: 8px 16px;
}
.chat ul li.message-right img {
  float: right;
}
.chat ul li.message-right .message {
  margin-right: 72px;
  margin-left: 0;
  color: rgba(0,0,0,.54);
}
.chat ul li.message-left img {
	margin-left: 16px;
	margin-right: 0;
}
.chat ul li.message-left .message {
  color: rgba(0,0,0,.54);
  background-color: #ffffff;
}
.chat ul li.message-right .message:before {
  content: "";
  width: 0;
  height: 0px;
  position: absolute;
  right: 1px;
  top: 0;
  margin-right: -10px;
  border-top: 12px solid #4CAF50;
  border-right: 10px solid transparent;
}
.chat ul li.message-left .message:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  left: 1px;
  top: 0;
  margin-left: -10px;
  border-top: 12px solid #fff;
  border-left: 10px solid transparent;
}
.chat ul li:last-child {
	margin-bottom: 72px;
}
.write-message {
	height: 72px;
	width: 100%;
	position: fixed;
	bottom: 0;
	background-color: #fff;
	color: rgba(0,0,0,.54);
	z-index: 100;
}
.write-message .mdl-button--mini-fab.send {
	position: absolute;
	right: 16px;
	top: 16px;
}
.write-message .mdl-textfield {
	margin-left: 8px;
	width: calc(100% - 136px);
}
.write-message button {
	margin-left: 16px;
}

/*------------------------------------------------------------------
6.9. SETTINGS
-------------------------------------------------------------------*/
.settings .title {
	padding: 8px 16px;
	background-color: #dddddd;
}
.settings i {
	float: left;
    margin-right: 32px;
}
.settings p {
	margin: 0;
}
.settings span {
    float: left;
    line-height: 26px;
}
.settings li {
	width: calc(100% - 32px);
	list-style-type: none;
	padding: 16px;
	border-bottom: 1px solid #dddddd;
}
.settings label {
	float: right;
	margin-right: 16px;
}
.settings .mdl-slider__container {
	width: 180px;
	float: right;
	margin-top: 5px;
	margin-right: -16px;
}
.settings .mdl-switch {
	width: auto;
}
.settings .mdl-icon-toggle {
	width: 32px;
	margin-right: 0;
}

/*------------------------------------------------------------------
6.10. CALENDAR
-------------------------------------------------------------------*/
.calendar-day {
	width: calc(100% - 32px);
	background: #fff;
	padding: 16px 16px 0 16px;
	border-bottom: 1px solid #eee;
}
.calendar-day span {
	display: block;
}
.calendar-day > span {
	margin-left: 66px;
	margin-bottom: 16px;
}
.calendar-date {
	width: 50px;
	float: left;
}
.calendar-date span:first-child {
	font-size: 20px;
	color: #000;
	font-weight: 400;
}
.calendar-activity {
	width: calc(100% - 98px);
    float: right;
    margin-bottom: 16px;
    padding: 16px 32px 16px 16px;
    border-radius: 2px;
    color: #fff;
    position: relative;
}
.calendar-activity .mdl-button {
	position: absolute;
	top: 2px;
	right: 8px;
	padding: 0;
	height: auto;
	min-width: 0;
}
.calendar-activity .mdl-button:hover {
    background-color: transparent;
}
.calendar-activity a i {
	opacity: 0.6;
	color: #fff;
	font-size: 18px;
}
.calendar-activity span {}
.calendar-hour {
	font-weight: 100;
	font-size: 12px;
}
.now {
	padding: 0;
	width: calc(100% - 32px);
}
.now .circle {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	float: left;
}
.now .line {
	height: 2px;
	width: 100%;
	float: left;
	position: relative;
	top: -6px;
}
/*.teal {
	background-color: #4DB6AC;
}
.cyan {
	background-color: #0097A7;
}

.green {
	background-color: #9CCC65;
}

.red {
	background-color: #E57373;
}
*/

/* MEDIA QUERIES */
@media screen and (max-width: 1024px) {

.mdl-layout__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.mdl-layout__drawer-button {
	color: #ffffff;
}

}


@media (max-width: 839px) and (min-width: 480px) {

.mdl-cell--4-col {
    width: calc(33.33333% - 16px);
}
.gallery .mdl-cell--4-col {
    width: calc(33.33333% - 4px);
}
.gallery .mdl-cell--6-col {
    width: calc(50% - 4px);
}
.gallery .mdl-cell--8-col {
    width: calc(66.66666% - 4px);
}
.gallery .mdl-cell--12-col {
	width: calc(100% - 4px);
}

}


@media (max-width: 479px) {

.mdl-cell--4-col {
    width: calc(33.33333% - 16px);
}
.gallery .mdl-cell--4-col {
    width: calc(33.33333% - 4px);
}
.gallery .mdl-cell--6-col {
    width: calc(50% - 4px);
}
.gallery .mdl-cell--8-col {
    width: calc(66.66666% - 4px);
}
.gallery .mdl-cell--12-col {
	width: calc(100% - 4px);
}

}

@media (max-width: 340px) {
.account-data .mdl-button {
	float: none;
	margin-top: 16px;
}
}

.add-account img{
    margin-top: -36px;
}
        .tools a
        {
            text-decoration: none;
        }
        #colors_sketch
        {
            border: 1px solid #ccc;
        }
.padTop20{
	padding-top:20px

}
.center{
	text-align: center !important;

}
svg {
    fill: inherit;
}
/*
.mdl-textfield__input {
    padding: 15px 10px 0px 10px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;

*/

}
.hidden {
 display:none;

}
.showed {
 display:block;

}
.border-none{
	border:none !important;

}
.scrolly:hover{
	max-height:15em;
	overflow-y:auto;

}
.scrolly{
	max-height:15em;
	overflow-y:auto;
	width:100%;

}
.scrolly>tbody{
	max-height:15em;
	width:100%;

}

// validation
.mdl-textfield.is-invalid .mdl-textfield__input {
		border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
		color: rgba(0, 0, 0, .26);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
		color: rgb(63, 81, 181);
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
		background-color: rgb(63, 81, 181);
}

/*Validation styles based on MDL*/

.ng-invalid.ng-invalid.ng-touched {
		border-color: rgb(222, 50, 38);
		box-shadow: none;
}

.ng-invalid.ng-invalid.ng-touched + label {
		color: rgb(222, 50, 38);
		font-size: 12px;
}

.ng-invalid.ng-invalid.ng-touched + label:after {
		background-color: rgb(222, 50, 38);
}

.ng-invalid.ng-invalid.ng-touched ~ .mdl-tooltip--validation {
		background-color: rgb(222, 50, 38);
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus {
		border-color: rgb(255, 193, 7);
		box-shadow: none;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus + label {
		color: rgb(255, 193, 7);
		font-size: 12px;
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus + label:after {
		background-color: rgb(255, 193, 7);
}

.ng-invalid.ng-invalid.ng-touched.ng-dirty:focus ~ .mdl-tooltip--validation {
		background-color: rgb(255, 193, 7);
}


.ng-valid.ng-touched:not(:focus) + label::before {
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 24px;
		/* Preferred icon size */

		display: inline-block;
		width: 1em;
		height: 1em;
		line-height: 1;
		text-transform: none;
		letter-spacing: normal;
		word-wrap: normal;
		/* Support for all WebKit browsers. */

		-webkit-font-smoothing: antialiased;
		/* Support for Safari and Chrome. */

		text-rendering: optimizeLegibility;
		/* Support for Firefox. */

		-moz-osx-font-smoothing: grayscale;
		/* Support for IE. */

		font-feature-settings: 'liga';
		content: "done";
		position: absolute;
		right: 0px;
		bottom: 20px;
}
.ng-valid.ng-touched:not(:focus) + label.CheckedMoreLeft::before {

		right: 40px !important;
}

/*Basic styles*/

.list-unstyled {
		padding-left: 0;
		list-style: none;
}

body{
	/*
	position:fixed;
height: 100%;
*/
overflow-y: hidden;
overflow-x: hidden;
}

.demo-card-image.mdl-card {
	background: url('https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/logo.png') center
	background-size: 80px 60px;
  background-repeat: no-repeat;;
}
.demo-card-image > .mdl-card__actions {
	height: 52px;
	padding: 16px;
	background: rgba(0, 0, 0, 0.2);
}
.demo-card-image__filename {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}
table.viewContract{
 /*table-layout:fixed;*/
display:table;
width:auto!important;

}
td.wordwrap{
	word-wrap:break-word;


}

.account-data{
	/*margin-top:70px*/
}
.list-data-content{
	margin-top:65px
}
/* signature pad */
.Alto,.Alt, .RPS, .Mol{
 color:#db4227; !important;

}
.Black{
 color:black; !important;

}

.amaranto,.Medio{
	color:#670000 !important;
}
.Basso,.Bas,.RPI, .Non, .Lim{
 color:green !important;

}
.Poc {
	color:#F0E68C !important;
   
}
.Abb, .Med{
	color:orange !important;
   
}
   
.smallFont{
	font-size:9px !important;
}
.smallIcon{
	paddint-top:5px;
	font-size:16px !important;
}
.center2{
	height: 50px;
	 width: 50px;
	 margin: -50px 0 0 -50px;
	 left: 50%;
	 top: 50%;

	 position:fixed;
}
.hide{
	display:none;
}
.content-data-ax{
 position:absolute; top:0px; bottom:10px;     width:100%; overflow-y: auto;overflow-x: hidden;

}

.ta-text{
	clear:both;
}
.ta-toolbar .btn-group {
    margin-bottom: 5px;
}
.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
    margin-left: 5px;
}
.btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
#toolbarWC,#toolbarCC{
	display:none !important;
}
.ta-scroll-window > .ta-bind {
    border-bottom: 1px solid #cbcbcb;
}
.material_row_selected{
	background-color:#808080 !important;
	color:#000000 !important;
}
.auto-complete-position-relative{
	position:relative !important;
	color:#FFFFFF;
	background-color:#a0a0a0;
	z-index:999999999;
}
.auto-complete-position-relative tbody tr:hover{
	background-color:#808080 !important;
	color:#000000 !important;
}
.auto-complete-position-relative tbody tr td {
	height: 26px !important;
}

.ACWrapper{
	position:relative"
}
.ACScroll{
	max-height:200px;
  overflow:auto;  
}
/*
.auto-complete-position tbody tr:hover{
	background-color:#808080 !important;
	color:#000000 !important;
}

.auto-complete-position{
	position:absolute !important;
	color:#FFFFFF;
	background-color:#a0a0a0;
	z-index:999999999;
}

.auto-complete-position tbody tr td {
    height: 26px !important;
}
*/
.auto-complete-position{
	position:relative !important;
	color:#FFFFFF;
	background-color:#a0a0a0;
	z-index:999999999;
	max-height:15em;
	width:100%;
}
.auto-complete-position tbody{
	max-height:15em;

}
.auto-complete-position tbody tr:hover{
	background-color:#808080 !important;
	color:#000000 !important;
}
.auto-complete-position tbody tr td {
	height: 2em !important;
}

.riskTable{
	width:100%
}
.triskTable> thead >tr>th{
	max-width: 0;
	overflow: hidden;
	white-space: normal;

}
.riskTable >tbody>tr> td:nth-child(1){
	width:65%;
	max-width: 0;
	overflow: hidden;
	white-space: normal;
}
.riskTable> tbody>tr> td:nth-child(2){
	width:20%;
	max-width: 0;
	overflow: hidden;
	white-space: normal;
}
.riskTable> tbody>tr> td:nth-child(3){
	width:15%;
	max-width: 0;
	overflow: hidden;
	white-space: normal;
}

@charset "utf-8";
/* CSS Document */
.main-heading{
	text-align: center;
	padding-top: 4px;
	font-size: 18px ;
	font-weight: bold ;
}
.grey-gradient{
	background: #FFF;
    background: -webkit-linear-gradient(#FFF, #c5c4c4);
    background: -o-linear-gradient(#FFF, #c5c4c4);
    background: -moz-linear-gradient(#FFF, #c5c4c4);
    background: linear-gradient(#FFF, #c5c4c4);
}
.dark-blue-bg{
	background:#1c224b;
}
.add-account{
	width:150px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 999;
}
.add-account-container{
	position:relative;
	margin-top: 50px;
	min-height: 110px;
}
.add-customer-data{
	/*background:#f0f0f0;*/
	padding:0px
}
.add-customer-data .mdl-card{
/*	padding:20px; */
}
.add-customer-data .mdl-textfield__input{
	border-bottom:1px solid #cbcbcb;
	/*
	border-radius:3px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	*/

}
/*
.mdl-textfield__label{
	top:29px;
	left:0px;
	padding-left:10px;
}

.mdl-textfield__label {
    bottom: -20px;
	font-size: 14px;
	display: block;
	text-aling:center;
	padding:20px:
}
.mdl-textfield{
	padding:20px 0 0 0 !important;
}
*/
.center-align{
	text-align:center;
	margin-bottom:60px;
}
.orange {
	color:#E5A430 !important;

}
.blue {
	color:#1c224b !important ;

}
.green{
	color:#3D674B !important;
}
.azure{
	color:#3D67AF !important;
}
.gray{
	color:#636366 !important;
}
.red{
	color:red !important;
}
.orange-btn{
	background:#E5A430 !important;
	text-transform:capitalize !important;
}
.blue-btn{
	background:#1c224b !important;
	text-transform:capitalize !important;
}
.gray-btn{
	background:#636366 !important;
	text-transform:capitalize !important;
}
.azure-btn{
	background:#3D67AF !important;
	text-transform:capitalize !important;
}

.green-btn{
	background:#3D674B !important;
	text-transform:capitalize !important;
}
.red-btn{
	background:red !important;
	text-transform:capitalize !important;
}
.green-checkbox{
	display: inline-block;
	width: 12px;
	padding-left: 5px;
}
.blue-th{
	background:#1c224b !important;
	text-transform:capitalize !important;
	color:#dcdcdc !important;
	font-size:18px !important;
	font-weight:200 !important;
}
.green-th{
	background:#3D674B !important;
	text-transform:capitalize !important;
	color:white !important;
	font-size:16px !important;
	font-weight:700;
}
.yellow-row{
	color:black;
	background:#3D674B !important;
	text-transform:capitalize !important;
}
.gray-row{
	color:white;
	background:#636366 !important;
	text-transform:capitalize !important;
	font-weight:bold;
}
.gray1-row{
	color:white;
	background:#c0c0c0 !important;
	text-transform:capitalize !important;
	font-weight:bold;
}
.azure-row{
	color:black;
	background:#3D67AF !important;
	text-transform:capitalize !important;
}

.account-data.add-customer-data form {
    margin-bottom: 24px;
}
.customer-listing1{
}
.customer-listing2{
	background-image:url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/customer-listing2.png);
	margin-right:8px;
}
.customer-listing3{
	background-image:url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/customer-listing3.png);
	margin-right:8px;
}
.customer-listing4{
	background-image:url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/customer-listing4.png);
	margin-right:8px;
}
.customer-listing5{
	background-image:url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/customer-listing5.png);
	margin-right:8px;
}
.customer-listing6{
	background-image:url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/customer-listing6.png);
	margin-right:8px;
}
.customer-listing7{
	background-image:url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/customer-listing7.png);
	margin-right:8px;
}
#customer-listing .mdl-card__supporting-text{
	font-size:10px;
	padding: 10px 6px;
}
#customer-listing .mdl-grid{
	padding:5px;
}
#customer-listing span strong{
	font-size:13px;
}
.status-header{
	display:inline-block;
	width:70px;
	color:#383838;
}

.mr-top-22px{
	margin-top:22px;
}
.mdl-button--icon {
    font-size: 18px;
    height: 27px;
    min-width: 27px;
    width: 27px;
}
.mdl-textfield--expandable{
	padding:1px 0 0 !important;
}
.mdl-textfield.mdl-textfield--expandable .mdl-button {
    top: 2px;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
	margin-top:10%;
}

/* The Close Button */
.modal-close-btn{
	position:relative;
}
.close {
    color: #FFF;
    float: right;
    font-size: 28px;
    font-weight: bold;
	position: absolute;
	top: -52px;
	right: -19px;
	border:2px solid #FFF;
	border-radius:50%;
	padding: 3px 5px;
}


.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
	border:2px solid #000;
    cursor: pointer;
}
.change-pwd-btn{
	width:96%;
}
.customer-email{
	margin-top:18px;
	margin-left:8px;
}
.radio-toolbar input[type="radio"] {
    display:none;
}
.radio-toolbar input[type="radio"] + label{
    background:url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/unchecked-checkbox.png) no-repeat right center;
	width:auto;
	height:20px;
	display: inline-block;
	padding-right: 30px;
}

.radio-toolbar input[type="radio"]:checked + label{
	background:url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/checked-checkbox.png) no-repeat right center;
	width:auto;
	height:20px;
	display: inline-block;
	padding-right: 30px;
}



.radio-toolbar label {
    display:inline-block;
    background-color:#ddd;
    padding:4px 11px 4px 0;
    font-family:Arial;
    font-size:14px;
	margin-right: 10px;
}
.kyc01-head{
	font-size:15px;
}
.agent-img-bg{
	background:url(https://amlpp.euriskoformazione.com/dev/ui-amlapp/img/agent-img-bg.png) left top;
	background-size: cover;
}
.view-agent{
	padding:10px 12px;
	color: #383838;
}
.tax-login{
	text-align:center;
}
.font18{
	font-size:18px;
}
.tax-login .mdl-textfield__input {
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
	background:#FFF;
	color: #000;
	width: 96%;
padding-left: 10px;
}
.tax-login .mdl-textfield {
    width: 100%;
}
.tax-login-button{
	margin-top:20px;
}
.tax-login-button a{
	width:95%;
	font-size: 18px;
}
.forgot-pwd{
	margin:20px 0 5px 0;
}
.forgot-pwd a{
	color:#FFF;
}
.signup-container{
	margin-top:40px;
}
.signup-container h6{
	color:#1c224b;
}
.signup-container a{
	border-radius:20px;
	padding-left: 30px;
	padding-right: 30px;
}
.data-seperator-header{
	font-weight: bold;
	color: rgb(56, 56, 56);
	margin: 0px;
}

@media screen and (max-width: 350px) {
	.long-email{
	display: block;
	width: 100px;
	word-wrap: break-word;
}
.main-heading {
    font-size: 19px !important;
}
.customer-email{
	margin-top:18px;
	margin-left:4px;
}
.account-info {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

}
@media screen and (max-width: 360px) {
	#my-agent .mdl-card__supporting-text {
    font-size: 11px;
}
}
.mdl-card__actions {
  display: flex;
  box-sizing:border-box;
  align-items: center;
}
.mdl-card__actions > .mdl-button--icon {
  margin-right: 5px;
  margin-left: 5px;
}


@media only screen and (max-width: 480px) {
/*
  table, thead, tbody, th, td, tr {
      display: table;
  }

  thead {
    display: none;
  }

  // mdl specifics

  .mdl-data-table tbody tr {
    height: auto;
  }

  .mdl-data-table tbody tr:nth-child(even) {
    background-color: #eee;
  }

  .mdl-data-table td,
  .mdl-data-table td:first-of-type {
    padding-left: 50%;
  }

  .mdl-data-table td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding: 6px 18px 0;
    white-space: nowrap;
    content: attr(data-label);
    text-align: left;
    color: rgba(0, 0, 0, 0.541176);
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
  }

  .mdl-data-table td:last-of-type {
    padding-right: 18px;
  }
*/
}
.inline, table tr td {
/*	max-width: 0;*/
	    overflow: hidden;
			/*
	    text-overflow: ellipsis;
			*/
	    white-space: normal;
}
.input_in_table_n {
	font-size:13px;
	text-align: right;
}
#containerf {
  display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: space-between; /* switched from default (flex-start, see below) */
}
#containerf > div {
  width: 100%;

	padding:16px;

}
.gridAx {
  display: flex;
  flex-wrap: wrap;
	width:100%;
}
.margin-left-auto{
	margin-left: auto;
}

.gridAX-item {
  flex-grow: 1;
}
.gridAX-item-min {
  flex-grow: 1;
}
.gridAx-item70 {
  flex-grow: 5;
	max-width:95%

}
.gridAx-item50 {
  flex-grow: 5;
	max-width:80%;

}
.gridAx-item100 {
  flex-grow: 5;
	max-width:100%;

}
.toright {
  right: 0px!important;
	left:auto!important;
	font-size:10px!important;
}
.toright1 {
  right: 0px!important;
	top:auto!important;
	margin-top:35px;
	left:auto!important;
	font-size:10px!important;
}
.meno30Top{
	margin-top:35px;
}

#heading {
	width:100%;
	text-align:center;

}

#left {
	float:left;
	width:100px;
}

#center {
	display: inline-block;
	margin:0 auto;

}

#right {
	float:right;
	width:100px;
}
main{
	overflow-y:hidden !important
}
.center-cropped {
		height:300px
}

.center-cropped img {
	/*
    height: 100%;
    min-width: 100%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
	*/
	object-position: center; /* Center the image within the element */
	/*object-fit: none; /* Do not scale the image */
}
.asset-upload{
	border:1px solid #cbcbcb;
	min-width:200px;
	min-height:200px;
	padding:10px;
}
canvas#DocCanvas { display:block;  background:#fff; border:1px solid #ccc;}
.docCanvasDialog{
	  width:100%;
		height:100%;
		min-height:100%;
	}
.docCanvasContainer{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Ch */
}
#canvasDocContainer{

}
.imported{
	    border-bottom: 1px solid green !important;
}

.image_270 {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg);
}
.image_90 {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
}
.image_180 {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
}
.loadImg{
	height:100%;
 width:100%;
	object-fit:scale-down;
}
.cropCanvas{
	border:1px solid blue;
	position: absolute;
	resize: both;
	overflow: auto;
}
.signature{
	border:1px solid #cbcbcb;

  padding-left:2px!important;
	padding-right:2px!important;
}
.signature-container{
  margin: 0px auto;
  text-align: center;
	width:100%;
	height:100%;
	align-items: center;
	display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.signature-pad {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
  font-size: 10px;
  width: 100%;
  height: 100%;
	width:900px;
	height:300px;
  max-width: 900px;
  max-height: 300px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
  border-radius: 4px;
  padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 2px;
	padding-right: 2px;
}
.signature-pad::before,
.signature-pad::after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 40%;
  height: 10px;
  bottom: 10px;
  background: transparent;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

.signature-pad::before {
  left: 20px;
  -webkit-transform: skew(-3deg) rotate(-3deg);
          transform: skew(-3deg) rotate(-3deg);
}

.signature-pad::after {
  right: 20px;
  -webkit-transform: skew(3deg) rotate(3deg);
          transform: skew(3deg) rotate(3deg);
}

.signature-pad--body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #f4f4f4;
	height:90%;
	width:100%;
}

.signature-pad--body
canvas {

  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}
.signature-pad--actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
}
.tview td:nth-child(1) {
	width:180px;
 /* your stuff here */
}
.tview td:nth-child(2) {
 width:400px;
 text-align:left;
/* your stuff here */
}
.pr16 {
	padding-right:16px;
}
.back-button {
    position: absolute;
    color: #fff;
    background-color: inherit;
}
.back-button {
    line-height: 56px;
    height: 48px;
}
@media screen and (min-width: 1025px)
.back-button {
    line-height: 54px;
}
.back-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 56px;
    font-family: Helvetica,Arial,sans-serif;
    margin: 8px 12px;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 4;
}
.card-ax{
	padding:16px;
}
.size24{
	font-size:42px;
}
.pad0{
	padding:0!important;
}

.checkBoxHeader.is-checked .mdl-checkbox__box-outline {
	border: 2px solid #fff !important;
}
.checkBoxHeader .mdl-checkbox__ripple-container .mdl-ripple  {
     background: #fff;
}
.subHeader{
	background:#fff;
	border:1px solid #1c224b;
	color:#1c224b;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    padding: 16px 30px;
}
input:disabled, textarea:disabled {
    color: rgb(35, 35, 35) !important;
}
.mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgb(35,35,35)!important;
    cursor: auto;
}
.mdl-textfield__label{
	top:10px;
}
.Owner{
	font-size:18px;
}
.accordion{
	color:#1c224b;
	font-weight:bold;

}
.accordionMini{
	color:#1c224b;
	font-weight:bold;
	font-size:11px;
	padding: 5px !important;

}
.presenti{
	color:#1c224b;
	font-size:11px;
	font-weight:normal !important;

}
.accordion div{
	font-weight:normal;

}
.subHeader .mdl-switch__label,.subHeader i {
    font-size: 12px !important;

}
.subHeader label {position: relative;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    margin: 0;
    }
.infinite-scroll{
	height:200px;
}
.menuFilter{
	width:300px;
	resize:both;
}
.notMyContract{
	background-color:#f5f5f5 !important;
}
.intb{
	font-size:13px;
	color:color: rgba(0,0,0,.54);
	margin-right:10px;
}
/*.mdl-layout__header{
	position:fixed !important;

}
*/
.animsition-loading-message {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: 50px;
		margin-left: -200px;
    z-index: 2;
		width:400px;
		text-align:center;
		font-size:14px;
}
.text-color-white{
	color:white!important;

}
.table-header{
	font-family: "Roboto","Helvetica","Arial",sans-serif;
	font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em;
		color:white;
		height:48px;
		text-align: center;
		width:100%;
		text-transform: uppercase;
}
.floating-button {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #1c224b;
		color:white;
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    box-shadow: 0px 2px 5px #666;
		z-index:99999999;
}
.floating-button1 {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #1c224b;
		color:white;
    position: fixed;
    bottom: 30px;
    right: 70px;
    cursor: pointer;
    box-shadow: 0px 2px 5px #666;
		z-index:99999999;
}
.floating-button2 {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #1c224b;
		color:white;
    position: fixed;
    bottom: 30px;
    right: 110px;
    cursor: pointer;
    box-shadow: 0px 2px 5px #666;
		z-index:99999999;
}

.mdl-button:hover {
    background-color: rgba(28,34,75,0.3);
}
.mdl-dialog__title{
	font-size:1.8rem;
}
.mdl-dialog__subtitle {
    font-size: 1.5rem;
    padding: 24px 24px 0;
    margin: 0;
}
.mdl-dialog__content{
	overflow:auto;
	max-height: 70%;
}

.mdl-dialog{
	width:85%;
	height:85vh;
}
.control-label{
	font-weight:bold;
	font-size:14px !important;
	text-align: left !important;

}
.mdl-data-table-ax td {
    height: 32px;
}
.mdl-data-table-ax td {
    height: 32px;
		padding:7px;
}
.mdl-data-table-ax tbody tr {
    height: 32px;
}
.dialogRifNorma{
	color:black;
	border: 1px solid;
	padding: 10px;
	margin-bottom:14px;
	box-shadow: 5px 10px #888888;
}
.dialogRifNormaInt {
	color:black;
	padding: 10px;
	font-size:10px;
  border-left: 6px solid red;
  background-color: lightgrey;
}
.big-button{
	font-size:44px !important;
	width:50px !important;
	height:50px!important;

}
.big-icon{
	font-size:44px !important;

}
.big-button .big-icon {
transform: translate(-22px,-22px) !important;
line-height: 44px !important;
width: 44px !important;