html{
  font-family:ProximaNova-Medium,Arial,sans-serif;
  font-size:100%;
}
body{
  line-height:1;
  background-color:#0a1016;
  color: white;
}

.form-control-plaintext {
    background-color: #0a1016;
    border: none;
    color: white;
}

.tag {
  padding-right: 0;
  padding-left: 0;
}

label {
    text-transform: uppercase;
    font-size: 14px;
}

table, tbody, th, td, th, p{
  margin:0px;
  color:rgb(180,180,180);
}

td{
  padding: 8px 32px;
  vertical-align: middle;
  white-space: pre-wrap;
  width: 10%;
  text-wrap: normal;
  word-wrap: break-word;
}
tr{
  border-bottom: 1px solid rgba(200,200,200,0.1);
  vertical-align: baseline;
}

th{
  text-align: left;
  padding: 7px 32px;
}

.title, .data{
  font-size: 12px;
  margin: 0;
  text-align: left;
  min-width: 140px;
}


img {
    width: 51px;
    height: 76px;
}

.table thead tr {
   font-size: 14px;
}

.filterbtn[value="off"] {
    border: 0px none;
    border-radius: 14px;
    outline: currentcolor none medium;
    opacity: 0.8;
    margin: 4px 3px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    min-width: 70px;
    transition: background 30ms ease-in-out 0s;
    background: rgb(61, 68, 73) none repeat scroll 0% 0%;
    color: rgb(196, 196, 196);
}
.filterbtn[value="cannes"], .filterbtn[value="venice"], .filterbtn[value="oscar"], .filterbtn[value="globe"], .filterbtn[value="guldbagge"],
.filterbtn[value="AACTA"], .filterbtn[value="BAFTA"], .filterbtn[value="berlin"], .filterbtn[value="sundance"], .filterbtn[value="cesar"],  
.filterbtn[value="bodil"], .filterbtn[value="donatello"], .filterbtn[value="jussi"], .filterbtn[value="poff"], .filterbtn[value="EFA"],
.filterbtn[value="USA"], .filterbtn[value="UK"], .filterbtn[value="Estonia"], .filterbtn[value="Germany"], .filterbtn[value="Spain"],  
.filterbtn[value="France"], .filterbtn[value="Finland"], .filterbtn[value="Sweden"], .filterbtn[value="Italy"], .filterbtn[value="Norway"],
.filterbtn[value="Iceland"], .filterbtn[value="Australia"], .filterbtn[value="Denmark"], .filterbtn[value="world"] {
    border: 0px none;
    border-radius: 14px;
    outline: currentcolor none medium;
    opacity: 0.8;
    margin: 4px 3px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
    min-width: 70px;
    transition: background 30ms ease-in-out 0s;
    background: rgb(117, 0, 221) none repeat scroll 0% 0%;
  color: white;
  border: 0px none;
}

button{
  display: block;
  margin: 40px auto 70px;
  border:none;
  line-height: 1;
  color:#fff;
  border-radius: 24px;
  background:#00dd80;
  padding:12px 32px;
  cursor:pointer;
}
button:hover {
  background-color: #8c00db;
}


#imdb-slider.ui-slider-horizontal .ui-slider-range {
    background: rgb(253, 197, 103) none repeat scroll 0% 0%;
}

#rt-slider.ui-slider-horizontal .ui-slider-range {
    background: rgb(225, 26, 66) none repeat scroll 0% 0%;
}

.ui-slider-horizontal {
    height: .2em;
}

.ui-widget.ui-widget-content {
    border: none;
}


.ui-widget-content {
    background: rgb(124, 129, 132) none repeat scroll 0% 0%;
}

.ui-slider-horizontal .ui-slider-handle {

    top: -.5em;

}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {

    border-top-left-radius: 10px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {

    border-bottom-right-radius: 10px;

}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {

    border-bottom-left-radius: 10px;

}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {

    border-top-right-radius: 10px;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

    border: none;

}

input {
    background: #0a1016;
    border: none;
    color: white;
    font-size: 15px;
}

form {
    padding: 10px 10px 10px 15px;
}

#overlay img { display: none; }

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loading {
    display:    none;
    position:   statics;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    opacity:   0.2;
    background: #0a1016 
                url('loading.svg') 
                50% 10% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.loading {
    display: block;
}