body {
  padding-top: 80px;
}

.navbar-brand {
    padding: 15px 8px;
}

.starter-template {
  padding: 8px 0px;
  text-align: center;
}

.container {
	padding-right: 0px;
	padding-left: 0px; 
}

 .container>.navbar-header {
	padding-right: 15px;
	padding-left: 15px; 	
}

.btn-cromo {
	width: 50px;
    height: 46px;
    margin: 0 3px 3px 0;
}

.btn-repetida {
    background-color: yellowgreen;
	color: #fff;
    border-color: #4cae4c;
}
 
.btn-repetida:hover, .btn-repetida:focus, .btn-repetida:active, .btn-repetida.active, .open > .dropdown-toggle.btn-repetida {
    background-color: yellowgreen;
	color: #fff;
    border-color: #4cae4c;
}
 
.btn-repetida:active, .btn-repetida.active {
    background-color: yellowgreen;
	color: #fff;
    border-color: #4cae4c;
}

.btn-header {
	margin-top: 8px;
}

.importCromoMenu li {
	width: 300px;
}

.importCromoMenu textarea {
	height: 200px;
	width: 100%;
}

.compareCromoMenu li {
	width: 240px;
}

.compareCromoMenu textarea {
	height: 110px;
	width: 100%;
}

.tooltip-contagem {
	width: 280px;
	max-width: unset;
}

.flag {
	display: inline-block;
	width: 62px;
	font-family: monospace;
	font-size: medium;
    line-height: 2em;
}

.flag img {
	width: 32px;
}

.btn-check span.glyphicon-ok {
	opacity: 0;				
}

.btn-check.active span.glyphicon-ok {
	opacity: 1;				
}

.dropdown-menu {
	left: -60%;
}

#loading {
	  opacity:    0.5; 
	  background: #000; 
	  width:      100%;
	  height:     100%; 
	  z-index:    10;
	  top:        0; 
	  left:       0; 
	  position:   fixed; -color: grey;
}

/* LOADING ANIM */
i {
  height: 2em;
  width: 2em;
  border-radius: 100%;
  background: #fff;
  display: block;
  margin: 25% auto;
  position: absolute;
  left: 50%;
  animation: spin 2s ease infinite;
}
i:before, i:after {
  content: '';
  display: block;
  position: absolute;
  height: inherit;
  width: inherit;
  background: inherit;
  border-radius: inherit;
  animation: spin 2s ease infinite;
}
i:before {
  left: -2.3em;
}
i:after {
  left: 2.3em;
}

@keyframes spin {
  0% {
    top: 0;
    transform: rotate(0deg);
  }
  50% {
    top: -4em;
    transform: rotate(-180deg);
  }
  100% {
    top: 0;
    transform: rotate(-360deg);
  }
}