/*CROP - IMG */

	.image_area {

		  position: relative;

		}



		img {

		  	display: block;

		  	max-width: 100%;

		}



		.preview {

  			overflow: hidden;

  			width: 160px; 

  			height: 160px;

  			margin: 10px;

  			border: 1px solid red;

		}



		.modal-lg{

  			max-width: 1000px !important;

		}



		.overlay {

		  position: absolute;

		  bottom: 10px;

		  left: 0;

		  right: 0;

		  background-color: rgba(255, 255, 255, 0.5);

		  overflow: hidden;

		  height: 0;

		  transition: .5s ease;

		  width: 100%;

		}



		.image_area:hover .overlay {

		  height: 50%;

		  cursor: pointer;

		}



		.text {

		  color: #333;

		  font-size: 20px;

		  position: absolute;

		  top: 50%;

		  left: 50%;

		  -webkit-transform: translate(-50%, -50%);

		  -ms-transform: translate(-50%, -50%);

		  transform: translate(-50%, -50%);

		  text-align: center;

		}



    

    .password-strength-bar {

      width: 100%;

      height: 20px;

      background-color: #ddd;

      border-radius: 4px;

      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);

      overflow: hidden;

      margin-top:3px;

    }

    

    .strength-indicator {

      height: 100%;

      width: 0;

      background-color: #e70b0b;

      transition: width 0.5s ease, background-color 0.5s ease;

    }

    

    #password-strength-text {

      color: #666;

      font-size: 0.9rem;

    }

    

    #tip {

      font-style: italic;

      color: #666;

      font-size: 0.8rem;

      max-width: 70%;

      margin: 0 auto 10px;

    }



.obrigatorio {

  color: #ff0000;

  font-weight: bold;

}



   .elem {

   background: #fff;

   }

   .elem:hover {

   opacity: 0.5;

   box-shadow: 3px 3px 3px grey;

   }

          .navrel{
              width:67px;padding:5px;font-size:25px;box-sizing: border-box;border:1px solid #fff; background-color:#d5d5d5;padding-top: 15px;display: list-item;
          }
          .labeldados{
              font-size:10px;display:block;clear:left;
          }