/* fix */
    
    [ng\:cloak],
    [ng-cloak],
    .ng-cloak {
        display: none !important;
    }
    
	[ng-cloak].splash {
	  display: block !important;
	}
	
	.splash {
	  display: none;
	}

	
    html,
    body {
        height: 100%;
    }
    
    .navbar-right {
        max-height: 65px;
    }
    /* Geral */
    
    .coluna {
        background: #ccc;
    }
    
    .coluna:hover {
        background: yellow;
    }
    
    .div-table {
        margin: 2px;
        padding-top: 6px;
    }
    
    .hover {
        background-color: #eee;
    }
    
    .input-group-addon {
        border-radius: 0px;
        background-color: #FFF;
    }
    
    .input-group .glyphicon {
        position: static !important;
    }
    
    .nav>li>a:hover {
        background-color: #F9F9F9;
    }
    
    .zebra:nth-child(odd) {
        background-color: rgba(235, 235, 235, 1);
    }
    
    table .header-fixed {
        position: fixed;
        top: 70px;
        z-index: 1020;
        /* 10 less than .navbar-fixed to prevent any overlap */
        border-bottom: 1px solid #d5d5d5;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
        /* IE6-9 */
    }
    
    .border-cinza {
        border-color: #D8D8D8;
    }
    
    .fundo-azul {
        background: #22baf5;
        color: #fcfcfc !important;
    }
    
    .fundo-azul:hover {
        background: #3bc8ff !important;
    }
    
    .fundo-azul:focus {
        background: #3bc8ff !important;
    }
    
    .altura-50 {
        height: 50px !important;
    }
    
    .primary-color {
        background-color: #337ab7;
    }
    
    .tamanho-60 {
        width: 60px;
    }
    
    .tamanho-40 {
        width: 40px;
    }
    
    .largura-45perc {
        width: 45%;
    }
    
    .text-link-branco {
        color: white;
        text-decoration: none;
    }
    
    .text-red {
        color: red;
    }
    
    .text-preto {
        color: #000;
    }
    
    .text-verde {
        color: #00AB00;
    }
    
    .text-cinza {
        color: #B7B7B7;
    }
    
    .text-laranja {
        color: orange;
    }
    
    .text-roxo {
        color: purple;
    }
    
    .text-cor-link {
        color: #337ab7;
    }
    
    .linkHover:hover {
        background-color: #f3f3f3;
    }
    
    .link {
        cursor: pointer
    }
    
    .divisor {
        border-bottom: #eee solid 1px;
        margin-bottom: 15px;
    }
    
    .col-centered {
        float: none;
        margin: 0 auto;
    }
    
    .font-size-14 {
        font-size: 14px;
    }
    
    .form-control {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    }
    
    .btn {
        border-radius: 0px;
    }
    
    @media (min-width: 992px) {
        .fundo-md-center {
            background-position: center;
        }
    }
    
    .panel-padrao>.panel-heading {
        color: #fff;
    }
    
    .AnimarRotacaoVolta {
        -webkit-animation: cssAnimationVolta 0.2s 1 ease;
        -moz-animation: cssAnimationVolta 0.2s 1 ease;
        -o-animation: cssAnimationVolta 0.2s 1 ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    
    @-webkit-keyframes cssAnimationVolta {
        from {
            -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
        }
        to {
            -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        }
    }
    
    @-moz-keyframes cssAnimationVolta {
        from {
            -moz-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
        }
        to {
            -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        }
    }
    
    @-o-keyframes cssAnimationVolta {
        from {
            -o-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
        }
        to {
            -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        }
    }
    
    .AnimarRotacao {
        -webkit-animation: cssAnimation 0.2s 1 ease;
        -moz-animation: cssAnimation 0.2s 1 ease;
        -o-animation: cssAnimation 0.2s 1 ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    
    @-webkit-keyframes cssAnimation {
        from {
            -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        }
        to {
            -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
        }
    }
    
    @-moz-keyframes cssAnimation {
        from {
            -moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        }
        to {
            -moz-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
        }
    }
    
    @-o-keyframes cssAnimation {
        from {
            -o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
        }
        to {
            -o-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
        }
    }
    /* Avaliacao Institu */
    
    .icone-certo {
        width: 46px;
        float: right;
    }
    
    @media (min-width: 992px) {
        .icone-certo {
            margin-top: 21px;
        }
    }
    
    @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
    body {
        padding-top: 80px;
        font-family: 'Roboto', sans-serif;
        background-color: rgb(251, 251, 251);
    }
    
    main {
        padding-top: 10px;
    }
    
    section {
        margin-bottom: 20px;
    }
    
    .space-right-5 {
        padding-right: 5px;
    }
    
    .space-all-10 {
        padding: 10px;
    }
    
    .space-right-10 {
        padding-right: 10px;
    }
    
    .space-right-20 {
        padding-right: 20px;
    }
    
    .space-left-5 {
        padding-left: 5px;
    }
    
    .space-margin-left-5 {
        margin-left: 5px;
    }
    
    .space-margin-bottom-10 {
        margin-bottom: 10px;
    }
    
    .space-margin-top-4 {
        margin-top: 4px;
    }
    
    .space-margin-top-15 {
        margin-top: 15px;
    }
    
    .box-center {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .text-azul {
        color: blue;
    }
    /* Panel */
    
    .panel-shadow {
        -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.08);
        box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.08);
    }
    /* Navbar */
    
    .navbar-branco {
        background-color: #FFFFFF;
        border-color: #EAEAEA;
    }
    
    .navbar {
        height: 80px;
    }
    
    .navbar-toggle {
        margin-top: 16px;
    }
    
    .navbar .badge {
        background-color: #3392D2;
    }
    
    @media (min-width: 768px) {
        .navbar-nav {
            margin-top: 14px;
        }
    }
    
    .navbar-collapse {
        background-color: #fff
    }
    /* Brand */
    
    .navbar-brand {
        padding: 5px 10px;
    }
    /* Loadings */
    
    .faltou {
        color: #FF6C6C;
        font-size: 21px;
        margin-right: 12px;
    }
    
    .faltou:hover {
        color: #e74c3c;
        text-decoration: none;
    }
    
    .presente {
        font-size: 21px;
        color: #00B825;
        margin-right: 12px;
    }
    
    .presente:hover {
        color: #2ecc71;
        text-decoration: none;
    }
    
    .tituloLegenda {
        color: #FFF !important;
        font-weight: bold !important;
        background-color: #67C2FF !important;
    }
    
    .espera {
        font-size: 21px;
        color: blue;
    }
    
    .espera:hover {
        color: blue;
        text-decoration: none;
    }
    
    .scrollToTop {
        width: 100px;
        height: 130px;
        padding: 10px;
        text-align: center;
        background: transparent;
        font-weight: bold;
        color: #444;
        text-decoration: none;
        position: fixed;
        top: 100%;
        right: 1px;
        display: none;
        margin-top: -85px
    }
    
    .scrollToTop:hover {
        text-decoration: none;
    }
    
    .corretaStyle {
        background-color: #82ff82;
    }
    
    .erroStyle {
        background-color: #ff9292;
    }
    
    input[type='number'] {
        -moz-appearance: textfield;
    }
    
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }


    .panel-mensagem{
        background-color: #337ab7;
        color: #ffffff;
    }



/* ******************* info button -> e-mail na página de perfil ******************* */

    * {
      transition: all .2s ease;
    }

    .extra-info {
      display: none;
      font-size: 11px;
        position: absolute;
      top: 0;
      left: 50px;
    }

    .info:hover .extra-info {
      display: block;
    }

    .info {
      font-size: 20px;
      padding-left: 5px;
      width: 20px;
      border-radius: 15px;
    }

    .info:hover {
      background-color: white;
      padding: 0 0 0 5px;
      width: 315px;
      text-align: left !important;
    }
/* ******************* info button -> e-mail na página de perfil ******************* */