.dot{cursor:pointer;}

.marginbottom{margin-bottom:55px}
.margintop{margin-top:55px}

.tooltip-close{display:none;}

.medium-height-block {
    min-height: 290px;
}

.actionplan-banner {
    padding: 100px 0 0 0px;
    background: #305f71; /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #305f71 0%,#000000 90%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-linear-gradient(top, #305f71 -26%, #000000 90%);
    background: linear-gradient(to bottom, #305f71 -26%,#000000 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305f71', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    position: relative;
    z-index: 9;

}

.actionplan-banner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../images/login-banner.jpg) 0 35% no-repeat;
    background-size: cover;
    background-position:bottom;
    opacity: 0.1;
}



.actionplan-banner .fase{
    font-weight:bold;
    font-size:2em;
    margin-bottom:20px;
}

.actionplan-banner  .chart-wrap{
    padding-top:10px;
}

.actionplan-banner p{
    font-size:1.5em;
    margin-bottom:8px;
}

.actionplandomande  label{
    min-height:38px;
    font-size:1.3em !important
}


.rank_singolo p{
    margin:0px;
    padding:0px;
    font-size:1.25em;
    padding-left:8px;
}

.rank_singolo.line-color p{
    color:#fff;
}


/*Polyfill styles*/


/*
.invalid input:required:invalid {
    background: #BE4C54;
    color:#fff;
}

.invalid input:required:valid {
    background: #17D654 ;
     color:#fff;
}
*/

.invalid input:required:invalid {
    border:1px solid #BE4C54;
    color:#BE4C54;
}

.invalid input:required:valid {
     border:1px solid #17D654;
    color:#666;

}



/*
    .invalid select:required:invalid {
    background: #BE4C54 ;
         color:#fff;
}

        .invalid select:required:valid {
    background: #17D654 ;
             color:#fff;
}
*/

    .invalid select:required:invalid {
    border:1px solid #BE4C54;
    color:#666;
}

        .invalid select:required:valid {
    border:1px solid #17D654;
    color:#666;
}

    .invalid textarea:required:invalid {
    border:1px solid #BE4C54!important;
    color:#666!important;
}

        .invalid textarea:required:valid {
    border:1px solid #17D654!important;
    color:#666!important;
}


.custom-check label{
    height:70px;
    line-height:28px !important;

    vertical-align:middle !important;
    padding-top:28px;
}

.custom-check .long label{
    padding-top:14px;
}

.hiddenpart{display:none;}

.pretitle{
    color:#fff;
    text-transform:uppercase;
    font-size:18px;
    margin:0px;
/*    margin-left:-20px;*/
}


.text-me.frasecorr ::-webkit-input-placeholder {/* Chrome/Opera/Safari */
    font-size: inherit;

}
.text-me.frasecorr::-moz-placeholder {/* Firefox 19+ */
   font-size: inherit;

}
.text-me.frasecorr :-ms-input-placeholder {/* IE 10+ */
   font-size: inherit;

}
.text-me.frasecorr :-moz-placeholder {/* Firefox 18- */
  font-size: inherit;
}

.certificate-icon{margin-left:12px;}

.redme{color:#b71836}

#play-button{display:none}
#pause-button{display:none}

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 35%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -1.2em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

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


.text-white{color:#fff !important}


.icon_ {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16em;
  height: 16em;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

/* Audio */

.audio { color: #ffffff; }

.audio::after,
.audio i,
.audio i::before,
.audio i::after {
  content: '';

  position: absolute;
  top: 50%;
  left: 50%;

  display: block;
  width: 0.25em;
  height: 0.5em;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: currentColor;
  border-radius: 0.125em;
}

.audio::after { -webkit-animation: audio4 1.35s infinite; animation: audio4 1.35s infinite; }

.audio i::before {
  left: -0.8125em;
  -webkit-animation: audio1 1.35s infinite;
  animation: audio1 1.35s infinite;
}
.audio i::after {
  left: 1.0625em;
  -webkit-animation: audio3 1.35s infinite;
  animation: audio3 1.35s infinite;
}

.audio i:first-child {
  margin-left: -1.875em;
  -webkit-animation: audio2 1.35s infinite;
  animation: audio2 1.35s infinite;
}

.audio i:last-child {
  margin-left: 1.875em;
  -webkit-animation: audio6 1.35s infinite;
  animation: audio6 1.35s infinite;
}

.audio i:last-child::before { -webkit-animation: audio5 1.35s infinite; animation: audio5 1.35s infinite; }

.audio i:last-child::after { -webkit-animation: audio7 1.35s infinite; animation: audio7 1.35s infinite; }

.login-block h1{font-size:27px}

@media only screen and (max-width: 480px){
	.login-page{
		background:none;
		background: #204350;
	}

 h1{font-size:27px}
}

@-webkit-keyframes audio1 {
  9% { height: 1.75em; }
  36% { height: 0.5em; }
  42% { height: 2.375em; }
  69% { height: 0.5em; }
  76% { height: 3.625em; }
  100% { height: 1em; }
}

@keyframes audio1 {
  9% { height: 1.75em; }
  36% { height: 0.5em; }
  42% { height: 2.375em; }
  69% { height: 0.5em; }
  76% { height: 3.625em; }
  100% { height: 1em; }
}

@-webkit-keyframes audio2 {
  9% { height: 5.5em; }
  36% { height: 0.5em; }
  42% { height: 5.5em; }
  69% { height: 0.5em; }
  76% { height: 6.75em; }
  100% { height: 1em; }
}

@keyframes audio2 {
  9% { height: 5.5em; }
  36% { height: 0.5em; }
  42% { height: 5.5em; }
  69% { height: 0.5em; }
  76% { height: 6.75em; }
  100% { height: 1em; }
}

@-webkit-keyframes audio3 {
  9% { height: 6.5em; }
  36% { height: 0.5em; }
  42% { height: 3.5em; }
  69% { height: 0.5em; }
  76% { height: 3.5em; }
  100% { height: 1em; }
}

@keyframes audio3 {
  9% { height: 6.5em; }
  36% { height: 0.5em; }
  42% { height: 3.5em; }
  69% { height: 0.5em; }
  76% { height: 3.5em; }
  100% { height: 1em; }
}

@-webkit-keyframes audio4 {
  9% { height: 1.875em; }
  36% { height: 0.5em; }
  42% { height: 3.75em; }
  69% { height: 0.5em; }
  76% { height: 5.625em; }
  100% { height: 1em; }
}

@keyframes audio4 {
  9% { height: 1.875em; }
  36% { height: 0.5em; }
  42% { height: 3.75em; }
  69% { height: 0.5em; }
  76% { height: 5.625em; }
  100% { height: 1em; }
}

@-webkit-keyframes audio5 {
  9% { height: 5em; }
  36% { height: 0.5em; }
  42% { height: 1.25em; }
  69% { height: 0.5em; }
  76% { height: 3.75em; }
  100% { height: 1em; }
}

@keyframes audio5 {
  9% { height: 5em; }
  36% { height: 0.5em; }
  42% { height: 1.25em; }
  69% { height: 0.5em; }
  76% { height: 3.75em; }
  100% { height: 1em; }
}

@-webkit-keyframes audio6 {
  9% { height: 6.125em; }
  36% { height: 0.5em; }
  42% { height: 6.875em; }
  69% { height: 0.5em; }
  76% { height: 2.5em; }
  100% { height: 1em; }
}

@keyframes audio6 {
  9% { height: 6.125em; }
  36% { height: 0.5em; }
  42% { height: 6.875em; }
  69% { height: 0.5em; }
  76% { height: 2.5em; }
  100% { height: 1em; }
}

@-webkit-keyframes audio7 {
  9% { height: 3.125em; }
  36% { height: 0.5em; }
  42% { height: 1.875em; }
  69% { height: 0.5em; }
  76% { height: 3.75em; }
  100% { height: 1em; }
}

@keyframes audio7 {
  9% { height: 3.125em; }
  36% { height: 0.5em; }
  42% { height: 1.875em; }
  69% { height: 0.5em; }
  76% { height: 3.75em; }
  100% { height: 1em; }
}

.alt-row{
	background:#ccc;
}

.smallColumn{
	width:200px !important;
	max-width:200px !important;

}

/* WRITINGDYNAMICS 08/03/2017 */
#timers{
	margin:auto !important;
	margin-top:45px !important;
}

/* WRITINGDYNAMICS 15/03/2017 */
.btn{
	text-transform:none !important;
} 


.profile-pic{
	width:100% !important;
	margin-left:0px !Important;
}

.remove-message{
	cursor:pointer;
}

.input-text label{
	font-weight:bold !important;
	font-size:16px !important;
	margin-top:-12px !important;
}

/*mail logger 27/12/2017 */
#maillogger td, #maillogger th{
	border:1px solid #ccc;
	padding:5px;
}

/*privacy 25/06/2018*/
.mceItemTable tr td{
	font-size:14px;
}

.text-input.invalid, p.invalid{background:#fc98ab !important}
div.invalid{border-bottom:4px solid #b61835 !important}

.bottonecorto{width:110px !important}




/*logos*/

.logo-section{
	
	margin-top:70px;
	padding-top:120px;background:white;
	padding-bottom:80px;
}

.logo-section p, .logo-section a,  .logo-section h2{
	color:black !important;
	margin-bottom:40px;
}

.logo-section .full-name{
	color:black
}



.logo-section .logo-description{
	font-size:16px !important;
}

.logo-section .logo-pic{
	margin-bottom:18px;
}

.logo-section .logo-description strong{
	font-size:18px !important;
}

.logo-logo-pic{
	max-width:250px;
}

.tutor-section .container {
		
}

.logo_cont{background:#f4f4f4;
padding:40px !important;
min-height:400px;
}

.logo-logo-pic{width:100% !important;max-width:100% !important;}