﻿@media (max-width: 979px) {
    .span2-no-collapse {
        display: block;
        float: left;
        width: 120px!important;
    }
    .span3-no-collapse {
        display: block;
        float: left;
        width: 180px!important;
    }
}

@media (min-width: 980px) {
    .span05{width:33px}
    .span2-no-collapse{width:120px!important}
    .span3-no-collapse{width:180px!important}
}

@media (min-width: 768px) and (max-width: 979px) {
    .span05{width:20px}
}

@media (min-width: 768px) {
    .well-with-padding{padding-left:100px}
}

.info-button-text {
    font-weight: normal;
}

.info-box {
    background-color: #D9EDF7;
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 2px;
}

    .info-box i {
        padding: 4px;
        padding-right: 10px;
    }



/* Userbar (View page as:) */
.userbar {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fefefe, #c0c0c0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#c0c0c0));
    background-image: -webkit-linear-gradient(top, #fefefe, #c0c0c0);
    background-image: -o-linear-gradient(top, #fefefe, #c0c0c0);
    background-image: linear-gradient(to bottom, #fefefe, #c0c0c0);
    background-repeat: repeat-x;
    border-color: #c0c0c0;
    border: 1px solid #e3e3e3;
}

.userbar-inverse .dropdown-menu li{color:#fff}
.userbar a{color:#000}


@media (min-width: 980px) {
    .container-padding{padding-top:85px}
    /*.userbar{padding-top:60px}*/
}

@media(max-width:979px) {
    .container-padding{margin-top:-20px}
}
/*@media (max-width: 979px) {
    .userbar {
        margin-top: -20px;
        margin-right: -20px;
        margin-left: -20px;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-top: 10px;
    }
}*/

/* Sosial buttons*/
.btn-social {
    padding: 10px;
    margin: 7px 0px;
}

    .btn-social > i {
        margin-right: 8px;
    }

.btn-facebook {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #002a80;
    *background-color: #0044cc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-facebook:hover,
    .btn-facebook:active,
    .btn-facebook.active,
    .btn-facebook.disabled,
    .btn-facebook[disabled] {
        color: #ffffff;
        background-color: #0044cc;
        *background-color: #003bb3;
    }

    .btn-facebook:active,
    .btn-facebook.active {
        background-color: #002a80;
    }



.btn-twitter {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-twitter:hover,
    .btn-twitter:active,
    .btn-twitter.active,
    .btn-intwitterfo.disabled,
    .btn-twitter[disabled] {
        color: #ffffff;
        background-color: #2f96b4;
        *background-color: #2a85a0;
    }

    .btn-twitter:active,
    .btn-twitter.active {
        background-color: #24748c;
    }


.btn-google {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-google:hover,
    .btn-google:active,
    .btn-google.active,
    .btn-google.disabled,
    .btn-google[disabled] {
        color: #ffffff;
        background-color: #bd362f;
        *background-color: #a9302a;
    }

    .btn-google:active,
    .btn-google.active {
        background-color: #942a25;
    }

.content-iframe { height: 1500px; border: none; }
@media (min-width: 1200px) { .content-iframe { width: 1281px; } }
@media (min-width: 980px) and (max-width: 1199px) { .content-iframe { width: 1020px; } }
@media (min-width: 768px) and (max-width: 979px) { .content-iframe {  width: 830px; } }
@media (max-width: 767px) { .content-iframe { width: 750px; } }    
@media (max-width: 480px) { .content-iframe { width: 400px; margin-left:-20px } }


.table-without-header tbody tr:first-child td {
        border-top:0;
    }