div.avatar {
  display: block;
    font-size: 0.5625em;
    text-decoration: none;
    color: #fff;
    float: right;
}

.spinner span {

  position: absolute;

  right: 20%;

  top: 50%;

}

.spinner-topo {

    position: fixed;

    background: #000;

    height: 100%;

    width: 100%;

    z-index: 9999;

    opacity: 0.4;

}

.bg-cinzan {

	background-color: #CACCD9;

}

.erro-login {

	color:red;

	text-align: center;

	padding: 1em 0;

}

.ng-enter {

  -webkit-transition:0.5s linear all!important;

  transition:0.5s linear all!important;

}



.img-ribbon {

  position: absolute;

  right: 0;

  top: 0;

  z-index: 22;

  background: url('../images/indisponivel.png') no-repeat top right;

  width: 100%;

  height: 100%;

}



[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {

  display: none !important;

}



.txt-color-vermelho {

  color:red;

}



a {

  cursor: pointer!important;

}



.check-enviado a {

  cursor: default!important;

}



.c-pointer {

  cursor: pointer!important;

}



.btn-remover-foto {

  margin-top: 1em;

  display: none;

}



.estado-container {

  background: #fff;

  display: none;

}



.tt-sessoes span {

    padding:9px;
    font-family: 'gilroy-bolduploaded_file';
    font-size: 18px;

}



.tt-sessoes span:hover  {

  color:#FF142D;

}

.tt-sessoes span.active {

  background: #0D4194;
  color: #fff;

}



.owl-next {

  position: absolute;

  right: 0;

  bottom: 3em;

}



.owl-prev {

  position: absolute;

  left: 0;

  bottom: 3em;

}

.pre-i {

  padding: 12px;

  position: absolute;

  right: 5px;

  top: 0;

}



.toggle-bg {

  background: #ababab;

  border-radius: 2em;

  border: 0.12em solid #ababab;

  display: block;

  /* ...So that we can set a height and width */

  float: right;

  /* ...So that it doesn't take up the full width of the page */

  height: 30px;

  /* You can change this later if you want */

  position: relative;

  /* Required to allow the switch to move around */

  width: 2.9em;

  /* This can be changed later as well */

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  position: relative;

}

.toggle-bg:hover {

  border-color: #d9d9d9;

}

.toggle-bg.on {

  background: #FF142D;

  border-color: #FF142D;

}

.toggle-bg input {

  margin: 0;

  padding: 0;

  width: 4.8em;

  height: 100%;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  opacity: 0;

  position: absolute;

  left: 0;

  top: 0;

  cursor: pointer;

  z-index: 2;

  /* We want the input to be over the span.switch, which we'll give a z-index of 1 */

  /*IE*/

  zoom: 1;

  filter: alpha(opacity=0);

  /* initial toggle position */

  /* final relative toggle position */

}

.toggle-bg input:checked ~ .switch {

  left: 0;

}

.toggle-bg input ~ :checked ~ .switch {

  left: 1.18em;

}

.toggle-bg input:checked {

  z-index: 0;

}



.switch {

  background: white;

  border-radius: 2em;

  border: 0.1em solid #fff;

  display: block;

  float: left;

  height: 1.5em;

  width: 1.5em;

  left: 0em;

  position: relative;

  -moz-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  z-index: 1;

  /* Remember, it must be below the invisible inputs */

}

.switch.on {

  box-shadow: -0.2em 0.2em 0.5em rgba(0, 0, 0, 0.06), 0.4em 0.4em 1.5em rgba(0, 0, 0, 0.08);

}

.switch.off {

  box-shadow: 0.2em 0.2em 0.5em rgba(0, 0, 0, 0.06), -0.4em 0.4em 1.5em rgba(0, 0, 0, 0.08);

}



.toggle-alternate {

  clear: both;

  margin: 1em 0 0;

  width: 4.48em;

}

.toggle-alternate input {

  width: 6.24em;

}

.toggle-alternate input ~ :checked ~ .switch {

  left: 2.46em;

}



.toggle-alternate label {

  font-weight: 300;

  font-size: .9em;

  text-transform: uppercase;

  position: absolute;

  top: 0.55em;

}



.toggle-bg label.on {

  left: .75em;

  color: white;

  text-shadow: 0 0.1em 0 #00dc61;

}



.toggle-bg label.off {

  right: .55em;

  color: #aaa;

}

.modal-form .box-form-checking {

  padding: 0 0 15px;

}

.modal-form .add-trailer {

  display: block;

  margin: 0 auto;

  padding: 0.4em;

  width: 90%;

}

.ngdialog.ngdialog-theme-default .ngdialog-content {

  max-width: 510px;

}

.modal-form .add-trailer a {

  padding: 0;

}

.modal-footer {

  border-top-left-radius: 0;

    border-top-right-radius: 0;

    display: block;

    height: 80px;

    padding: 15px;

}

.modal-footer button {

  height: 50px;

}

.trailers-wrapper {

  overflow:scroll;

  height: 300px;

}

.modal-form ul.listar-filmes-vinheta {

  padding: 0;

}

.modal-form ul.listar-filmes-vinheta li {

    border: none;

    border-bottom:1px solid #d8d8d8;

    margin-bottom: 0px;

    padding: 12px 20px;

    width: 100%;

    float: left;

}

.modal-form ul.listar-filmes-vinheta li h3 {

  float: left;

  font-size: 1em;

  width: 100%;

  margin-bottom: 0px;

}

.txt-color-cinza-claro {

  color: #ababab;

}