@import url("analisi-risultati.css");
@import url('/css/fonts_googleapi/?family=Raleway');
body{
  font-family: 'Raleway', sans-serif;
  padding-bottom: 40px;
  background-color: #f5f5f5;
  color:#8f8f8f;
  height: 100%;
  margin: 0;

  }

h1 { font-family: 'Raleway', sans-serif; font-weight: 400; color:#004D58; }
h2, h3, { font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 25px; color: #004D58; }


p{font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 15px; text-align: justify;padding: 8px; line-height: 22px; color: #8f8f8f }
h4{font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 20px; color: #8f8f8f;}
h5{font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 18px; color: #8f8f8f;}


legend{
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
}

#inProgressDialog {
/*display:none;*/
position:fixed;
z-index:1051;
top:0;
left:0;
height:100%;
width:100%;
background-color: rgba( 255, 255, 255, .8 );
}

.loadingSpinnerIconBig {
  font-size: 100px!important;
  position: absolute;
  top: 45%;
  left: 48%;
  color:#004D58;
}

.infoLoading {
    font-size: 16px!important;
    position: absolute;
    top: 57%;
    left: 38%;
    color: #004D58;
    width: 450px;
    text-align: center;
}

.btn-dietro{
  font-family: 'Source Sans Pro', sans-serif;
  background-color: #fff;
  border: 1px solid #dedede;
   padding: 6px 20px 6px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

.btn-dietro:hover{
  /*font-family: 'Source Sans Pro', sans-serif;*/
  background-color: #dedede;
  border: 1px solid #dedede;
    padding: 6px 20px 6px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid #dedede;
 
}

/* elementi grafici dashboard */

.answerInBranch {

  min-height:450px; 
  border: 2px solid #e3e3e3;
}

.questionTextSurvey {
  background-color:#ededed; 
  padding:10px;
}

.typeAnswerSurvey {
  font-size:12px; 
  background-color:#ededed; 
  padding:10px; 
  margin-top:-20px; 
  margin-bottom:15px;
}


.containerGraph {

  background-color:#f5f5f5; 
  min-height:350px; 
  padding-top:10px;

}

.containerGraphSimple {
  background-color:#f5f5f5; 
  margin-left:0px; 
  margin-bottom:15px; 
  padding-top:10px;
}


.labelNoDataGraphAreaView {
  display:none; 
  padding-left:10px;
}

.textAlignLeft {
  text-align:left;
}

.connectTosimpleInBranch {
  margin-bottom:18px; 
  margin-top:15px;
}

.containerSurveyDynamic {
  border: 2px solid #e3e3e3;
}

.listAnswerDynamic {
  margin-top:-30px; 
  margin-bottom:0px;
}

.listAnswerDynamicConnect{
  margin-bottom:18px;
}

.connectTosimpleDynamic {
  margin-bottom:18px; 
  margin-top:30px;
}

.connectTosimple {

  margin-bottom:18px; 
  margin-top:-23px;
}


.accordion-heading span{font-size: 25px; }

#footerbar {
            /*background-color:#12a39c;*/
            position:fixed;
            width:100%;
            height:35px;
            bottom:0;
            left:0;
            text-align:center;
            line-height:35px;
            z-index:11;
        }
        .copyright{
            text-align:center; font-size:10px; color:#000;
        }

    .clearfix {
    *zoom: 1;
    &:before,
    &:after {
    display: table;
    content: "";
    }
    &:after {
    clear: both;
    }
    }

.red{
  color: red;
}

.box_round {
  -webkit-border-radius: 5px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 5px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
  background-color: #eee;
  border: 1px dotted #ccc;
  padding: 5px;

}



.crediti-top {
  -webkit-border-radius: 5px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 5px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
  background-color: #93be0f;
  border: 1px dotted #ccc;
  padding: 5px;
  text-align: center;
  color: #fff;
  white-space:nowrap;
}


.crediti-low {
  -webkit-border-radius: 5px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 5px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
  background-color: #03342c;
  border: 1px dotted #ccc;
  padding: 5px;
  text-align: center;
  color: #fff;
  white-space:nowrap;
}


.atterraggio{font-family: 'Raleway', sans-serif; font-weight: 100; font-size:18px; line-height:35px;}


    /*  .loginbox {
        max-width: 400px;
        padding: 55px;

      }*/

      .form-box{
        margin: 0 auto; 
        width:100%;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;

      padding-bottom: 15px;          

      }

    /*  .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }
*/
      .center {
        text-align: center;
      }

      .left{text-align: left;}

      .right{text-align:right;}

      .justify {
        text-align: justify;
      }

      .message{
        min-height: 10px;
        font-size: 15px;
      }

.sidebar{background-color: #000;} 

.font{text-shadow: 2px 1px 2px #eee;color:#7e7e7e;}  

.dotted{border:1px solid #eee; padding:5px;}

.error {
    color:#b94a48!important;
  }

  .errorTagsinput{
    border-color:#b94a48 !important;
  }

 .border-bottom{border-bottom:1px solid #ccc; width:100%;padding:5px;} 



 .btn-invia{
 
    text-align: center;
    margin:10px;
    border: 0;
    font-size: 17.5px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: pointer;
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}



.caret-white {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.masterClassVideoStepLeft{
  width: 65px !important;
}

.btn-salva{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 15px;
  background-color: #9C495D;
  border: 1px solid #9C495D;
  padding: 6px 20px 6px 20px;
  color: #fff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius:25px;
  text-align: center;
  cursor: pointer;
/*  margin-left: 1em;*/
}


.btn-salva:hover{
  border: 1px solid #9C495D;
  background-color: #ffffff!important;
  text-decoration: none;
  color: #9C495D!important;
}

.modalNotApprovate{
  width: 100%;
  margin-left: -50%;
}

.underlineText{
  text-decoration: underline;
}

.requireButton{
  vertical-align:bottom;
}