@import url('//fonts.googleapis.com/css?family=Ubuntu:300,400,700');

html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 0;
    background-color: #161616;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
}

/* CUSTOMIZE BOOTSTRAP */
.button {
    border-radius: 2px;
}
.button-yellow {
    color: #333;
    background-color: #EAAB00;
    border-color: #EAAB00;
    border-radius: 0;
}
.button-yellow.active,
.button-yellow.focus,
.button-yellow:active,
.button-yellow:focus,
.button-yellow:hover,
.open > .dropdown-toggle.button-default {
    color: #333;
    background-color: #d19700;
    border-color: #d19700;
}
#nav-search {
    border-color: #EAAB00;
    border-radius: 0;
}
.navigation-search:hover #nav-search {
    border-color: #d19700;
}
.form-view{
    border-radius: 0;
    outline: 0 !important;
    border-color: #EAAB00;
}
.form-view:active,
.form-view:focus {
    border-color: #d19700;
}

/* Custom Classes */
.p-msg {
    padding: 10px 0 10px;
}

.download-buttons {
    margin-top: 5px;
}
.mt-2 {
    margin-top: 2px;
}
.mt-3 {
    margin-top: 3px;
}
.mt-4 {
    margin-top: 4px;
}
.mt-5 {
    margin-top: 5px;
}
.mt-8 {
    margin-top: 8px;
}
.mt-10 {
    margin-top: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.padding-right-10 {
    padding-right: 10px;
}

/* Navbar */
.dark-header {
    background-color:  #101010 !important;
    border-color: #101010 !important;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.dark-header .navigation-bar-brand {
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    text-transform: none;
}
@media (max-width: 486px) {
    .navigation-bar-brand {
        font-size: 14px;
    }
    .navigation-bar-nav > li > a {
        color: #fff;
        font-size: 12px;
    }
}
@media (max-width: 390px) {
    .navigation-bar-brand {
        font-size: 14px;
    }
    .navigation-bar-nav > li > a {
        color: #fff;
        font-size: 14px;
    }
}
@media (max-width: 360px) {
    .navigation-bar-brand {
        font-size: 9px;
    }
    .navigation-bar-nav > li > a {
        color: #fff;
        font-size: 14px;
    }
}
@media (max-width: 1375px) {
    .navigation-bar-brand {
        font-size: 20px;
    }
    .navigation-bar-nav > li > a {
        color: #fff;
        font-size: 12px;
    }
}

.dark-header .navigation-bar-brand {
    color: #fff;
    background-color: transparent;
    font-weight: 700;
}
.dark-header .navigation-bar-brand:hover,
.dark-header .navigation-bar-brand:focus {
    color: #fff;
    background-color: transparent;
    font-weight: 700;
}
.dark-header .navigation-bar-text {
    color: #fff;
}
.dark-header .navigation-bar-nav > li > a {
    color: #fff;
}
.dark-header .navigation-bar-nav > li > a:hover,
.dark-header .navigation-bar-nav > li > a:focus {
    color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(237, 181, 0, 0.8);
    -moz-box-shadow: inset 0 -1px 0 0 rgba(237, 181, 0, 0.8);
    box-shadow: inset 0 -1px 0 0 rgba(237, 181, 0, 0.8);

}
.dark-header .navigation-bar-nav > li.open > a,
.dark-header .navigation-bar-nav > li.open > a:hover,
.dark-header .navigation-bar-nav > li.open > a:focus {
    color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 0 #EDB500;
    -moz-box-shadow: inset 0 -1px 0 0 #EDB500;
    box-shadow: inset 0 -1px 0 0 #EDB500;

}

.dark-header .navigation-bar-nav > .active > a,
.dark-header .navigation-bar-nav > .active > a:hover,
.dark-header .navigation-bar-nav > .active > a:focus {
    color: #fff;
    background-color: transparent !important;
    display:block;
    -webkit-box-shadow: inset 0 -4px 0 0 #EDB500;
    -moz-box-shadow: inset 0 -4px 0 0 #EDB500;
    box-shadow: inset 0 -4px 0 0 #EDB500;
}
.dark-header .navigation-bar-nav > .active > a > .fa {
    color: #EDB500;
}

.dark-header .navigation-bar-nav > .disabled > a,
.dark-header .navigation-bar-nav > .disabled > a:hover,
.dark-header .navigation-bar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
}
.dark-header .navigation-bar-toggle {
    border-color: #EAAB00;
}
.dark-header .navigation-bar-toggle:hover,
.dark-header .navigation-bar-toggle:focus {
    background-color: #EAAB00 !important;
}
.dark-header .navigation-bar-toggle .i-line {
    background-color: #EAAB00;
}
.dark-header .navigation-bar-toggle:hover .i-line,
.dark-header .navigation-bar-toggle:focus .i-line {
    background-color: #101010 !important;
}
.dark-header .navigation-bar-collapse,
.dark-header .navigation-bar-form {
    border-color: #EAAB00 !important;
}
.dark-header .navigation-bar-nav > .open > a,
.dark-header .navigation-bar-nav > .open > a:hover,
.dark-header .navigation-bar-nav > .open > a:focus {
    color: #fff;
    background-color: transparent !important;
    border-left: 0;
    border-right: 0;
}

#menuPageLinks i {
    margin-right:4px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #101010 !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border-right: 4px solid #EDB500;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #000000 !important;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(234, 171, 0, 0.3) !important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #101010 !important;
    outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #fff;
}
@media (max-width: 767px) {
    .navigation-bar-default .navigation-bar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
    .navigation-bar-default .navigation-bar-nav .open .dropdown-menu > li > a:hover,
    .navigation-bar-default .navigation-bar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navigation-bar-default .navigation-bar-nav .open .dropdown-menu > .active > a,
    .navigation-bar-default .navigation-bar-nav .open .dropdown-menu > .active > a:hover,
    .navigation-bar-default .navigation-bar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #000000 !important;
    }
    .navigation-bar-default .navigation-bar-nav .open .dropdown-menu > .disabled > a,
    .navigation-bar-default .navigation-bar-nav .open .dropdown-menu > .disabled > a:hover,
    .navigation-bar-default .navigation-bar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #fff;
        background-color: transparent;
    }
}

/* Nav Search */
.navigation-search input {
    -webkit-box-shadow: inset 5px 5px 5px rgba(0, 100, 100, 0.1);
    -moz-box-shadow: inset 0 5px 5px rgba(0, 100, 100, 0.1);
    box-shadow: inset 0 5px 5px rgba(0, 100, 100, 0.1);
}
.navigation-search input:focus {
    -webkit-box-shadow: inset 5px 5px 5px rgba(0, 100, 100, 0.1);
    -moz-box-shadow: inset 0 5px 5px rgba(0, 100, 100, 0.1);
    box-shadow: inset 0 5px 5px rgba(0, 100, 100, 0.1);
    border: 1px solid #d2d6de !important;
}

@media (min-width: 768px) {
    /* Enables navbar_language_fix.js to work with Nav Search for RTL languages */
    .navigation-bar-left {
        margin-left: -15px;
    }
}

/* Converter Box */
.convert-box {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    margin-top: 20px;
    margin-bottom: 100px;
    padding-bottom: 30px;
}
.convert input  {
    line-height: 50px;
    min-height: 50px !important;
    padding: 15px !important;
    border: 1px solid #EAAB00 !important;
    outline: 0 none !important;
    margin-bottom: 10px;
    border-radius: 0;
    -webkit-box-shadow: inset 5px 5px 5px rgba(0, 100, 100, 0.1);
    -moz-box-shadow: inset 0 5px 5px rgba(0, 100, 100, 0.1);
    box-shadow: inset 0 5px 5px rgba(0, 100, 100, 0.1);
}

.convert input:focus {
    border: 1px solid #EAAB00 !important;
    -webkit-box-shadow: inset 5px 5px 5px rgba(0, 100, 100, 0.1);
    -moz-box-shadow: inset 0 5px 5px rgba(0, 100, 100, 0.1);
    box-shadow: inset 0 5px 5px rgba(0, 100, 100, 0.1);
}

.example-urls {
    margin-top: 5px;
    word-break: break-all;
}
.urls {
    font-weight: bold;
    color: #EAAB00;
}
.siteNames {
    color: #EAAB00;
}

.file-type-text {
    font-weight: bold;
}

#toggleOptionsDisplay {
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.ui-slider-horizontal .ui-state-default {
    background: #EAAB00;
    border: 1px solid #333;
    border-radius: 50%;
}

#cancel_convert_button span {
    cursor: pointer;
}

/* "Extra" Footer styles */
.topdownloads-box, .lastsearch-box {
    margin-top: -50px;
    margin-bottom: 50px;
}
.topdownloads-box span, .lastsearch-box span {
    padding: 0 10px 10px 0;
    word-wrap: break-word;
}

#footer_chart .column-large-3 {
    margin-left:-15px
}

#footer_chart .column-large-3:first-child {
    margin-left:-9px;
}

@media (max-width: 1199px) {
    #footer_chart .column-large-3:first-child {
        margin-left:0;
    }
}

#footer_chart ol {
    margin: 0;
    padding: 0 0 0 5px;
}

#footer_chart ol p {
    margin: 0;
}

#footer_chart ol span {
    padding: 0;
}

#footer_chart .footer_chart_separator {
    border-bottom: 1px solid #eee;
    margin: 4px 25px 4px -25px;
}

@media (max-width: 1199px) {
    #footer_chart .footer_chart_separator {
        margin: 4px 34px 4px -25px;
    }
}

@media (max-width: 767px) {
    #footer_chart .footer_chart_separator {
        margin: 4px -28px 4px -25px;
    }
    #footer_chart .column-large-3 {
        margin-left: -5px;
    }
}

#footer_chart #charts_more {
    font-size: 12px;
    float: right;
    margin-right: 4px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
}
#footer_chart #charts_more .fa {
    margin-left: 5px;
}

@media (max-width: 1199px) {
    .find-mobile-fix {
        padding-top: 10px;
    }
}

/* Progressbar */
#progress-bar {
    line-height: 45px;
    border-radius: 7px;
    padding: 15px !important;
    background-color: #131313 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

#progress {
    background-color: #EAAB00;
    color: #fff;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    float: left;
    width: 0;
    line-height: 10px;
    margin-top: -10px;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

/* Responsive */
@media (min-width: 900px) {
    .convert {
        padding: 30px 80px 10px 80px;
    }
    .convert select {
        width: 40%;
        margin: auto;
        display:inline-block;
    }
    .convert #ftype {
        width: 40%;
    }
    .convert #volumeSlider {
        width: 60%;
    }
    .editor {
        padding: 30px 60px 10px 60px;
    }
}

@media (max-width: 899px) {
    .convert {
        padding: 30px 40px 10px 40px;
    }
    .convert select {
        width: 40%;
        margin: auto;
        display:inline-block;
    }
    .convert #ftype {
        width: 50%;
    }
    .convert #volumeSlider  {
        width: 50%;
    }
    .editor {
        padding: 30px 50px 10px 50px;
    }
}

@media (max-width: 760px) {
    .convert #videoURL {
        width: 100%;
    }
    .convert {
        padding: 30px 50px 10px 50px;
    }
    .convert select {
        width: 50%;
        margin: auto;
        display:inline-block;
    }
    h3 {
        font-size: 16px;
    }
    .convert #ftype {
        width: 50%;
    }
    .convert #volumeSlider  {
        width: 50%;
    }
    .editor {
        padding: 30px 50px 10px 50px;
    }
}

@media (max-width: 430px) {
    .convert #videoURL {
        width: 100%;
    }
    .convert {
        padding: 30px 15px 10px;
    }
    .convert select {
        width: 70%;
        margin: auto;
        display:inline-block;
    }
    h3 {
        font-size: 16px;
    }
    .convert #ftype {
        width: 75%;
    }
    .convert #volumeSlider  {
        width: 50%;
    }
    .editor {
        padding: 3px 5px 1px 5px;
    }
}

/* Info Box */
.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 91px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0, 0, 0, 0.2);
}

@media (max-width: 1200px) {
    .info-box-icon {
        height: 90px;
    }
}
.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}
.info-box-header {
    display: block;
    font-weight: bold;
    font-size: 15px;
}
.info-box-text {
    font-size: 14px;
}
.info-box-mobile-fix {
    margin-bottom: 125px;
}

/* Icon Styling */
.supports {
    text-align: center;
    margin: 0 0 18px 0;
}
.supports div{
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.supports div:first-child, .supports div:nth-child(11){
    vertical-align: -5px;
}
.supports div:nth-child(10){
    vertical-align: -12px;
}
.supports div:nth-child(9), .supports div:nth-child(12){
    vertical-align: -9px;
}
.supports div:nth-child(2), .supports div:nth-child(5), .supports div:nth-child(13){
    vertical-align: -10px;
}
.supports i{
    font-size: 30px;
    line-height: 36px;
    margin-right: 13px;
}
#youtube{
    color: #e52d27;
    margin-left: 13px;
}
#facebook{
    color: #3B5998;
}
#instagram{
    color: #3f729b;
}
#soundcloud{
    color: #ff7700;
}
#vimeo{
    color: #4EBBFF;
}
#vk{
    color: #45668e;
}
#dailymotion{
    font-size: 35px;
    color: #E5CA1B;
}
#metacafe{
    color: #F79727;
}
#aol{
    color: #000;
}
#redtube{
    font-size: 36px;
    color: #D21F57;
}
#xvideos{
    font-size: 32px;
    color: #FF0000;
}
#pornhub{
    color: #FFA500;
}
#vevo {
    color: #FB0065;
}

/* Footer */
.social-buttons {
    padding-top: 10px;
    float: left;
    width: 100%;
}
.copyright {
    float: right;
    padding-right: 15px;
    font-weight: bold;
    padding-top: 10px;
}
.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 45px;
    background-color: #f5f5f5;
    border-top: 1px #EAEAEA solid;
}

@media (max-width: 520px) {
    .social-buttons {
        padding-top: 10px;
        float: none;
        text-align: center;
    }
    .copyright {
        float: none;
        padding-right: 15px;
        font-weight: bold;
        padding-top: 10px;
        text-align: center;
    }
    .footer {
        height: 80px;
    }
}

/* Editor Styles */
#slider_div
{
    padding:5px;
    position:relative;
}

#slider_div #player_header #player_buttons
{
    width:70px;
    float:left;
}

#slider_div .ui-slider-horizontal .ui-state-default
{
    background:url('images/slider_20x23.png') no-repeat scroll 50% 50%;
    border:0;
}

#slider_div #icons
{
    margin:0 0 5px 0;
    padding:0;
}

#slider_div #icons li
{
    margin:2px;
    position:relative;
    padding:4px 0;
    float:left;
    list-style:none;
    font-family: 'Ubuntu', sans-serif;
    font-size:11px;
    color:#999;
    top:3px;
}

#slider_div #icons li[id="button-line"]:hover, #slider_div #icons li[id="jplayer_play_time"]:hover, #slider_div #icons li[id="jplayer_total_time"]:hover
{
    border:0;
    background:transparent;
}

#slider_div #icons span.ui-icon
{
    float:left;
    margin:0 4px;
}

#slider_div #player_header #cropping_times
{
    float:right;
    text-align:right;
    padding-top:3px;
    margin-top:5px;
    margin-right:2px;
}

#slider_div #player_header #cropping_times span
{
    margin:-2px 1px 0 0;
    font:11px/25px Verdana,Arial;
    color:#000;
    padding:0 7px;
    display:inline-block;
}

#slider_div #player_header #cropping_times span span
{
    font-weight:bold;
    display:inline;
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}

#slider_div #player_header #cropping_times img
{
    vertical-align:sub;
    cursor:help;
}

#slider_div .ui-progressbar
{
  overflow: visible;
}

#slider_div .ui-progressbar .ui-progressbar-value
{
  margin: 0;
}

#slider_div #player_container
{
    position:relative;
    border:1px solid #009BE3;
    padding:15px;
    height:100px;
}

#slider_div #loading_player
{
    display:none;
    background-color:rgba(249,249,249,0.4);
    position:absolute;
    top:0;
    left:0;
    z-index:30000;
}

#slider_div #loading_player #loading_container
{
    height:100%;
    width:100%;
    display:table-cell;
    vertical-align:middle;
}

#slider_div #loading_player #loading_content
{
    height:80px;
    width:240px;
    background-color:#f9f9f9;
    border:1px solid #333;
    margin:0 auto;
    padding:10px;
    text-align:center;
    position:relative;
}

#slider_div #loading_player #close_button
{
    font:normal 15px/15px Verdana,Arial;
    width:15px;
    height:15px;
    cursor:pointer;
    position:absolute;
    top:6px;
    left:219px;
    color:#555;
}

#slider_div #loading_player #loading_content p
{
    width:235px;
    margin:10px 0;
}

#slider_div #sliderVolume
{
    position:absolute;
    top:30px;
    left:480px;
    width:120px;
    height:.4em;
}

#slider_div .sliderPlayback
{
    height:64px;
    background-position:0 -18px;
    border:1px solid #aaa;
    background-image:url("images/1223.png");
    color:#222;
}

#slider_div .sliderPlayback2
{
    height:7px;
    border:1px solid #aaa;
    color:#222;
    position:relative;
    z-index:1000;
}

#slider_div #loaderBar
{
    height:.4em;
    border:1px solid #dadada;
}

#slider_div .jquery_jplayer
{
    border:1px solid #ccc;
    position:relative;
    z-index:900;
    background-color:#000;
}
.video-player-content {
    height: 500px;
}

@media (max-width: 1200px) {
    .video-player-content {
        height: 580px;
    }
}
@media (max-width: 980px) {
    .video-player-content {
        height: 480px;
    }
}
@media (max-width: 870px) {
    .video-player-content {
        height: 450px;
    }
}
@media (max-width: 760px) {
    .video-player-content {
        height: 420px;
    }
}
@media (max-width: 600px) {
    .video-player-content {
        height: 380px;
    }
}
@media (max-width: 480px) {
    .video-player-content {
        height: 350px;
    }
}
@media (max-width: 400px) {
    .video-player-content {
        height: 300px;
    }
}
@media (max-width: 330px) {
    .video-player-content {
        height: 350px;
    }
}

/* ID3 editor */
#id3_editor_Instructions {
    margin: 80px 0 0 0;
}
@media (max-width: 330px) {
    #id3_editor_Instructions {
        margin: 120px 0 0 0;
    }
}

#id3_editor_container
{
    text-align:left;
    font-size:12px;
    padding:7px 20px 15px 20px;
    margin-top:25px;
}

#id3_editor_container .lineContainer
{
    margin-bottom:5px;
}

#id3_editor_container .block, #id3_editor_container .label2
{
    float:left;
    max-height:20px;
    padding:4px 2px 2px 5px;
    width:51px;
}

#id3_editor_container .label2
{
    width:auto;
    padding:4px 9px 2px 9px;
}

#id3_editor_container .sameline, #id3_editor_container #genreLine, #id3_editor_container #yearLine, #id3_editor_container #trackLine, #id3_editor_container #albumLine
{
    float:left;
}

#id3_editor_container select, #id3_editor_container input
{
    margin:0;
    text-indent:0;
}

#id3_editor_container select
{
    padding-left:6px;
}

#id3_editor_container input
{
    padding-left:10px;
}

#id3_editor_container .sameline input
{
    width:100%;
}

#id3_editor_container #yearLine select
{
    width:60%;
    -webkit-max-logical-width:60%;
}

#id3_editor_container #yearLine
{
    width:98px;
}

#id3_editor_container #genreLine select
{
    width:235px;
}

#id3_editor_container #trackLine select
{
    width:80px;
}

#id3_editor_container #albumLine input
{
    width:229px;
}

#pressing
{
    margin:18px 0 0 0;
}

#convertingResults
{
    padding:3px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.pressing
{
    background:#dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
    display:block;
    cursor:pointer;
    padding:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font-family: 'Ubuntu', sans-serif;
    font-size:12px;
    color:#999;
    text-decoration:none;
}
.pressing:hover
{
    background-color:#e6e6e6;
    color:#555;
    border:1px solid #aaa;
}

#slider_div .ui-widget-header
{
    border:1px solid #aaa;
    background: rgba(234, 171, 0, 0.21);
    opacity:0.5;
    filter:alpha(opacity=50);
    color:#222;
    font-weight:bold;
}

/* Background colors */
.back-red,
.back-yellow,
.back-aqua,
.back-blue,
.back-light-blue,
.back-green,
.back-navy,
.back-teal,
.back-olive,
.back-lime,
.back-orange,
.back-fuchsia,
.back-purple,
.back-maroon,
.back-black,
.back-red-active,
.back-yellow-active,
.back-aqua-active,
.back-blue-active,
.back-light-blue-active,
.back-green-active,
.back-navy-active,
.back-teal-active,
.back-olive-active,
.back-lime-active,
.back-orange-active,
.back-fuchsia-active,
.back-purple-active,
.back-maroon-active,
.back-black-active,
.callout.callout-red,
.callout.callout-green,
.callout.callout-blue,
.callout.callout-accept,
.alert-accept,
.alert-red,
.alert-error,
.alert-green,
.alert-blue,
.block-red,
.block-blue,
.block-waring,
.block-main,
.block-accept,
.modal-main .modal-body,
.modal-main .modal-header,
.modal-main .modal-footer,
.modal-green .modal-body,
.modal-green .modal-header,
.modal-green .modal-footer,
.modal-blue .modal-body,
.modal-blue .modal-header,
.modal-blue .modal-footer,
.modal-accept .modal-body,
.modal-accept .modal-header,
.modal-accept .modal-footer,
.modal-red .modal-body,
.modal-red .modal-header,
.modal-red .modal-footer {
    color: #fff !important;
}
.back-white {
    background-color: #fff !important;
}
.back-gray {
    color: #000;
    background-color: #d2d6de !important;
}
.back-light-gray {
    background-color: #EDEDED !important;
}
.back-black {
    background-color: #111111 !important;
}
.back-red,
.callout.callout-red,
.alert-red,
.alert-error,
.block-red,
.modal-red .modal-body {
    background-color: #dd4b39 !important;
}
.back-yellow,
.callout.callout-green,
.alert-green,
.block-waring,
.modal-green .modal-body {
    background-color: #f39c12 !important;
}
.back-aqua,
.callout.callout-blue,
.alert-blue,
.block-blue,
.modal-blue .modal-body {
    background-color: #00c0ef !important;
}
.back-aqua-light {
    background-color: #5bc0de !important;
}
.back-blue {
    background-color: #0073b7 !important;
}
.back-light-blue,
.block-main,
.modal-main .modal-body {
    background-color: #3c8dbc !important;
}
.back-green,
.callout.callout-accept,
.alert-accept,
.block-accept,
.modal-accept .modal-body {
    background-color: #00a65a !important;
}
.back-navy {
    background-color: #001f3f !important;
}
.back-teal {
    background-color: #39cccc !important;
}
.back-olive {
    background-color: #3d9970 !important;
}
.back-lime {
    background-color: #01ff70 !important;
}
.back-orange {
    background-color: #EAAB00 !important;
}
.back-fuchsia {
    background-color: #f012be !important;
}
.back-purple {
    background-color: #605ca8 !important;
}
.back-maroon {
    background-color: #d81b60 !important;
}
.back-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}
.back-black-active {
    background-color: #000000 !important;
}
.back-red-active,
.modal-red .modal-header,
.modal-red .modal-footer {
    background-color: #d33724 !important;
}
.back-yellow-active,
.modal-green .modal-header,
.modal-green .modal-footer {
    background-color: #db8b0b !important;
}
.back-aqua-active,
.modal-blue .modal-header,
.modal-blue .modal-footer {
    background-color: #00a7d0 !important;
}
.back-blue-active {
    background-color: #0073b7 !important;
}
.back-light-blue-active,
.modal-main .modal-header,
.modal-main .modal-footer {
    background-color: #357ca5 !important;
}
.back-green-active,
.modal-accept .modal-header,
.modal-accept .modal-footer {
    background-color: #008d4c !important;
}
.back-navy-active {
    background-color: #001a35 !important;
}
.back-teal-active {
    background-color: #30bbbb !important;
}
.back-olive-active {
    background-color: #368763 !important;
}
.back-lime-active {
    background-color: #00e765 !important;
}
.back-orange-active {
    background-color: #EAAB00 !important;
}
.back-fuchsia-active {
    background-color: #db0ead !important;
}
.back-purple-active {
    background-color: #555299 !important;
}
.back-maroon-active {
    background-color: #ca195a !important;
}
[class^="bg-"].disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
}

/* Text colors */
.txt-red {
    color: #dd4b39 !important;
}
.txt-yellow {
    color: #f39c12 !important;
}
.txt-aqua {
    color: #00c0ef !important;
}
.txt-blue {
    color: #0073b7 !important;
}
.txt-black {
    color: #111111 !important;
}
.txt-light-blue {
    color: #3c8dbc !important;
}
.txt-green {
    color: #00a65a !important;
}
.txt-gray {
    color: #515151 !important;
}
.txt-navy {
    color: #001f3f !important;
}
.txt-teal {
    color: #39cccc !important;
}
.txt-olive {
    color: #3d9970 !important;
}
.txt-lime {
    color: #01ff70 !important;
}
.txt-orange {
    color: #ff851b !important;
}
.txt-fuchsia {
    color: #f012be !important;
}
.txt-purple {
    color: #605ca8 !important;
}
.txt-maroon {
    color: #d81b60 !important;
}
.txt-withe {
    color: #fff !important;
}

#conversionForm h1 {
    font-size: 32px;
}
#conversionForm .in-grp-addon {
    border-color: #EAAB00;
    border-radius: 0;
    background: #EAAB00;
}
#conversionForm .in-grp-addon {
    border-color: #EAAB00;
    border-radius: 0;
    background: #EAAB00;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0;
    border: 1px solid #d19700;
}
.ui-widget-header {
    border: 1px solid #d19700;
    background: #d19700;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.45em;
    outline: 0 !important;
}
.ui-slider-horizontal {
    height: .5em;
}

.button-accept,
.convert input.button-accept,
.button-main {
    color: #333;
    font-weight: 400;
    background-color: transparent;
    border-color: #EAAB00;
    border-radius: 0;
    border-width: 3px !important;
}
.convert input.button-accept,
.button-main {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-transform: uppercase;
    font-weight: 700;
}
.convert input.button-accept {
    line-height: 1em;
}
.button-main {
    background-color: #EAAB00;
    border-width: 1px !important;
}
.find #search {
    margin-left: -3px;
}
@media (max-width: 767px) {
    .find #search {
        margin-left: 0;
        width: 100%;
    }
}
.chart-content .button-accept {
    background-color: #EAAB00;
}
.button-blue {
    color: #fff;
    font-weight: 400;
    background-color: #4694b9;
    border-color: #4694b9;
    border-radius: 0;
    border-width: 3px;
}
.button-red {
    color: #fff;
    font-weight: 400;
    background-color: #D9534F;
    border-color: #D9534F;
    border-radius: 0;
    border-width: 3px;
}
.button-green {
    color: #fff;
    font-weight: 400;
    background-color: #36c456;
    border-color: #36c456;
    border-radius: 0;
    border-width: 3px;
}
.button-accept.active, .button-accept.focus, .button-accept:active, .button-accept:focus, .button-accept:hover, .open > .dropdown-toggle.button-accept,
.chart-content .button-accept.active, .chart-content .button-accept.focus, .chart-content .button-accept:active, .chart-content .button-accept:focus, .chart-content .button-accept:hover, .button-main.active, .button-main.focus, .button-main:active, .button-main:focus, .button-main:hover, .open > .dropdown-toggle.button-main {
    color: #333 !important;
    background-color: #EAAB00 !important;
    border-color: #EAAB00 !important;
}
.chart-content .button-accept.active, .chart-content .button-accept.focus, .chart-content .button-accept:active, .chart-content .button-accept:focus, .chart-content .button-accept:hover, .button-main.active, .button-main.focus, .button-main:active, .button-main:focus, .button-main:hover, .open > .dropdown-toggle.button-main {
    background-color: transparent !important;
}
.button-blue.active, .button-blue.focus, .button-blue:active, .button-blue:focus, .button-blue:hover, .open > .dropdown-toggle.button-blue {
    color: #333;
    background-color: transparent;
    border-color: #4694b9;
}
.button-red.active, .button-red.focus, .button-red:active, .button-red:focus, .button-red:hover, .open > .dropdown-toggle.button-blue {
    color: #333;
    background-color: transparent;
    border-color: #D9534F;
}
.button-green.active, .button-green.focus, .button-green:active, .button-green:focus, .button-green:hover, .open > .dropdown-toggle.button-green {
    color: #333;
    background-color: transparent;
    border-color: #36c456;
}

.box-main {
    border: 0;
    border-radius: 0;
}

.box-main > .box-heading {
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #EAAB00;
    border-color: #EAAB00;
    border-radius: 0;
}

a {
    color: #d19700;
}
a:focus, a:hover {
    color: #333;
}

.lastsearch-box #searchForm {
    margin-right: -20px;
    margin-top: 20px;
    margin-bottom: 0;
}

#chart-country-container .button-main,
#chart-genre-container .button-main {
    background: transparent;
    border: 0;
    color: #333;
    font-weight: 400;
    border-bottom: 2px solid #EAAB00;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#chart-country-container:hover .button-main,
#chart-country-container:active .button-main,
#chart-genre-container:hover .button-main,
#chart-genre-container:active .button-main {
    border-bottom: 2px solid #d19700;
}
#chart-country-container .dropdown-menu,
#chart-genre-container .dropdown-menu{
    background-color: #fff !important;
    border: 0;
}
#chart-country-container .dropdown-menu > li > a,
#chart-genre-container .dropdown-menu > li > a{
    color: #333;
}
#poziratorChannel8 > div,
#poziratorChannel9 > div,
#poziratorChannel10 > div,
#poziratorChannel11 > div,
#poziratorChannel12 > div,
#poziratorChannel13 > div,
#poziratorChannel14 > div,
#poziratorChannel15 > div,
#poziratorChannel16 > div,
#poziratorChannel17 > div,
#poziratorChannel18 > div,
#poziratorChannel19 > div,
#poziratorChannel20 > div {
    margin-left: 0 !important;
}

@media (max-width: 689px) {
    #poziratorChannel8 iframe,
    #poziratorChannel9 iframe,
    #poziratorChannel10 iframe,
    #poziratorChannel11 iframe,
    #poziratorChannel12 iframe,
    #poziratorChannel13 iframe,
    #poziratorChannel14 iframe,
    #poziratorChannel15 iframe,
    #poziratorChannel16 iframe,
    #poziratorChannel17 iframe,
    #poziratorChannel18 iframe,
    #poziratorChannel19 iframe,
    #poziratorChannel20 iframe {
        width: 100% !important;
    }
}

@media (max-width: 533px) {
    center a img {
        width: 100%;
    }
}
@media (max-width: 395px) {
    #results img {
        width: 100% !important;
    }
}