/* MOBILE FIRST */
	/* OS CSS PARA DESKTOP ESTAVAO NA QUERY MEDIA > 768px

    /* GLOBAIS */
    html, body {

    background-color: #e9e9e9;
               color: #666666;
         font-family: 'Abel', sans-serif;
/*         font-family: 'Abel', sans-serif;*/
         font-weight: 100;
              margin: 0;
          margin-top: 0;
          min-height: 350px;

    }

    .center_object{
      align: center;
    }

    a {
    	text-decoration: none;
    }/* a */

    .uppercase {
    	text-transform: uppercase;
    }/* uppercase */


    .links_icones {
    	color          : #fff;
    	text-decoration: none;
    }/* links_icones */

    .links_icones:hover {
    	color          : #fff;
    	text-decoration: none;
    }

    .links_icones:visited {

    	color          : #fff;
    	text-decoration: none;

    }

  .full-height {
    	height: 100vh;
	} /* full-height */

  .flex-center {
	     	align-items: center;
	    		display: flex;
	   	justify-content: center;
	}/* flex-center */

	.btn_menu {
		position: absolute;
			left: 10px;
		 	 top: 10px;
		 z-index: 99993;
  	  	   color: #fff;
	} /* btn_menu */

	.center_obj {
		   align-items: center;
  			   display: flex;
  		flex-direction: row;
  		     flex-wrap: wrap;
  	   justify-content: center;
       width: 100%;
	} /* center_obj */

	#barra_topo {
		position: fixed;
		  height: 75px;
		 z-index: 999;
 		   width: 100%;
	}/* #barra_topo */

	.form-group-style {
		background-color: #ddd;
	    	      border: 1px solid #ccc;
	   		     padding: 10px;
	       border-bottom: 3px solid #ccc;
	}/* form-group-style */


	.listagem {
		font-size: 18px;
	} /* listagem */

	.top_bar {

	    		position: absolute;
	    	      height: 50px;
	    		   width: 100%;
		background-color: #1777D9;
    		border-color: #53A4F5;
	    	border-width: 0px 0px 3px;
	    	border-style: solid;
	    		   color: #fff;
	}/* top_bar */

	h2 {
		position: relative;
			 top: -5px;
	} /* h2 */

	.invisivel {
		display: none;
	}/* invisivel */

	.btn_acao {
			    width: 40px;
		border-radius: 0px; !important;
			   margin: 0px; !important;
	}/* btn_acao */

	.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
	}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: #29d;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
  transform: translateX(100%) translateY(-100%) rotate(45deg);
  pointer-events: none;
}

.pace.pace-active .pace-activity {
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
  transform: translateX(50%) translateY(-50%) rotate(45deg);
}

.pace .pace-activity::before,
.pace .pace-activity::after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 30px;
    left: 50%;
    display: block;
    border: 5px solid #fff;
    border-radius: 50%;
    content: '';
}

.pace .pace-activity::before {
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-right-color: rgba(0, 0, 0, .2);
    border-left-color: rgba(0, 0, 0, .2);
    -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;
    animation: pace-theme-corner-indicator-spin 3s linear infinite;
}

.pace .pace-activity::after {
    bottom: 50px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-top-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
    -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite;
    animation: pace-theme-corner-indicator-spin 1s linear infinite;
}

@-webkit-keyframes pace-theme-corner-indicator-spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@keyframes pace-theme-corner-indicator-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}


	/* Hide HTML5 Up and Down arrows. */
	input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
	    -webkit-appearance: none;
	                margin: 0;
	}

	input[type="number"] {
	    -moz-appearance: textfield;
	}


	.modal-header {
		background-color : #1777D9;
		border-bottom    : 1px solid #53A4F5;
		color            : #fff;
	}/* modal-header */

  /* INICIO ALTERAÇÃO 17/05/2017 */
  tbody{
    overflow : scroll;
    height : limit;
  }
  /*
  .table_itens{
    overflow : scroll;
    height : limit;
    max-width: 100%;
  }
  */
  tr {
    overflow : scroll;
    height : limit;
  }
  /* FIM    ALTERAÇÃO 17/05/2017 */

 	/* END OF CARD */


	/* DESKTOP */
	/* PARA devices MAIORES QUE 768*/
	@media all and (min-width: 768px) {

  		.listagem {
  	     /* font-size: 16px; */
  		}

  		.form-group-style {

  			background-color: #ddd;
  	    	border: 1px solid #ccc;
  	    	border-radius: 5px;
  	    	padding: 10px;
  	    	margin: 0px 10px 10px 10px;
  	    	border-bottom: 3px solid #ccc;
  		}
  	}


    #MolduraIframe{
      // Defina as resoluções para adaptar o tamanho conforme cada caso

      width : 100%;
      height : 400;
      /*frameborder : 0;*/
      border  : 0;
      /*@media (max-width:100px) {
        width: 100%;// Defina o tamanho que o objeto terá com tal resolução
      }*/
    }
    .checkbox label:after,
    .radio label:after {
        content: '';
        display: table;
        clear: both;
    }

    .checkbox .cr,
    .radio .cr {
        position: relative;
        display: inline-block;
        border: 1px solid #a9a9a9;
        border-radius: .25em;
        width: 1.3em;
        height: 1.3em;
        float: left;
        margin-right: .5em;
    }

    .radio .cr {
        border-radius: 50%;
    }

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

    .checkbox label input[type="checkbox"],
    .radio label input[type="radio"] {
        display: none;
    }

    .checkbox label input[type="checkbox"] + .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr,
    .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }


/*  NAVBAR */
/* navbar */
.navbar-default {
  /*
    background-color: #F8F8F8;
    border-color: #E7E7E7;
    */
    background-color: #2377a8;
    border-color: #2377a8;
}
/* title */
.navbar-default .navbar-brand {
    /*color: #777;*/
    color:#ffffff
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    /* cor dos itens  do li & a*/
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #349cd8;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #D5D5D5;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #CCC;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #ff0000;
    }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #ff0000;
    }
}