.SocialIcon {
    background-image: url(/Content/img/squares-facebook.png);
    width: 20px;
    height: 20px;
    background-size: 20px;
    display: inline-block;
    float: left;
}

.SocialIconBig {
    background-image: url(/Content/img/squares-facebook.png);
    width: 32px;
    height: 32px;
    background-size: 32px;
    display: inline-block;
    float: left;
}

.siCQ {
    background-image: url(/Content/img/logosquare.png);
}

.siFB {
    background-image: url(/Content/img/squares-facebook.png);
}

.siY {
    background-image: url(/Content/img/yahoo.png);
}

.siG {
    background-image: url(/Content/img/squares-google-plus.png);
}

.siLi {
    background-image: url(/Content/img/squares-linkedin.png);
}

.embedded_image {
    max-width: 700px;
    max-height: 700px;
  /* min-width: 150px;
    min-height: 150px;*/ 
    padding: 5px;
}
/* Tooltip */
.UserLink + .tooltip > .tooltip-inner {
    background-color: #fffef2;
    color: rgba(48, 48, 48, 1);
    border: 1px solid rgba(48, 48, 48, 1);
    padding: 5px;
    font-size: 16px;
    min-width: 300px;
    height: 75px;
}

/* Tooltip on top */
.UserLink + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid rgba(48, 48, 48, 1);
}

/* Tooltip on bottom */
.UserLink + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid blue;
}

/* Tooltip on left */
.UserLink + .tooltip.left > .tooltip-arrow {
    border-left: 5px solid red;
}

/* Tooltip on right */
.UserLink + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid black;
}
/* Tooltip */
.TagLink + .tooltip > .tooltip-inner {
    min-width: 300px;
    background: none;
    color: rgba(48, 48, 48, 1);
    opacity: 1;
    padding: 0px;
}


.ToolTipTag {
    width: 300px;
}

.FavoritoBkg {
    background-color: #fff3b8;
}

.TagsSiguiendoBkg {
    background-color: #fff3b8;
}

.tabborder {
    padding: 5px;
}

.blockUsuario {
    background-color: #e0f0fc;
    padding: 5px;
    width: 300px;
    font-size: 13px;
}

.OP {
    background-color: #e0f0fc;
}

.notimportant {
    color: #aaa !important;
}

.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.gutter-4 > [class*='col-'] {
    padding-right: 4px;
    padding-left: 4px;
}

.clickable {
    cursor: pointer;
}

.TagsIgnorandoBkg {
    opacity: 0.7;
    /*fcolor:#a8a8a8;*/
}

.TopBanner_old {
    background-color: rgba(75,77,77,0.6);
    border-top: 3px solid #ff8c00;
}

body {
    padding-top: 70px;
    margin-bottom: 40px;
}

.Comment {
    border-top: 1px dotted #AAA;
}

.Answer {
    border-bottom: 1px dotted #AAA;
    min-height: 100px;
}

.HayRespuestas {
    background-color: transparent;
}

.HayAceptadas {
    color: #1e8102;
}

.OP {
    color: #1e8102;
    font-weight: bold;
}

.form-control-feedback {
    margin-right: 9px;
}

#TopBanner.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}

#TopBanner.navbar-default {
    font-size: 14px;
    background-image: none;
    background-color: rgba(75,77,77,1);
    border-width: 0;
    border-radius: 0;
    border-top: 3px solid #ff8c00;
}

    #TopBanner.navbar-default .navbar-nav > li > a {
        color: rgba(191, 191, 191, 1);
        background-color: rgba(248, 248, 248, 0);
    }

        #TopBanner.navbar-default .navbar-nav > li > a:hover,
        #TopBanner.navbar-default .navbar-nav > li > a:focus {
            color: rgba(255, 255, 255, 1);
            background-color: #ff8c00;
        }

    #TopBanner.navbar-default .navbar-nav > .active > a,
    #TopBanner.navbar-default .navbar-nav > .active > a:hover,
    #TopBanner.navbar-default .navbar-nav > .active > a:focus {
        color: rgba(48, 48, 48, 1);
        background-color: #ffb75f;
        background-image: none;
    }

    #TopBanner.navbar-default .navbar-toggle {
        border-color: #ff8c00;
    }

        #TopBanner.navbar-default .navbar-toggle:hover,
        #TopBanner.navbar-default .navbar-toggle:focus {
            background-color: #ff8c00;
        }

        #TopBanner.navbar-default .navbar-toggle .icon-bar {
            background-color: #ff8c00;
        }

        #TopBanner.navbar-default .navbar-toggle:hover .icon-bar,
        #TopBanner.navbar-default .navbar-toggle:focus .icon-bar {
            background-color: #303030;
        }



.row {
    margin-left: 0;
    margin-right: 0;
}




.glyphicon-refresh-animate {
    -moz-animation: spin2 .7s infinite linear;
    -o-animation: spin2 .7s infinite linear;
    animation: spin .7s infinite linear;
}

@keyframes spin2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}


.overlay {
    background-color: rgba(1, 1, 1, 0);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    display: none;
    z-index: 999999;
    cursor: wait;
}

.highlight {
    background-color: yellow;
}

.highlight_ani {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-name: cssAnimationhighlight;
    animation-iteration-count: 1;
}

/********* ESTADOS FLAGS POSTING ******************/


@keyframes cssAnimationUPVOTE {
    0% {
    }

    99% {
        transform: scale(1.2) translate(0,-10px);
    }

    100% {
        background-image: url('/Content/img/up_on.png');
        color: #ffe100;
    }
}

@keyframes cssAnimationhighlight {
    0% {
        background-color: #d8320d;
    }


    100% {
        background-color: white;
    }
}

@keyframes cssAnimationDOWNVOTE {
    0% {
    }

    99% {
        transform: scale(1.2) translate(0,10px);
    }
    100% {
        background-image: url('/Content/img/down_on.png');
        color: #ffe100;
    }
}

.upvote {
    width: 28px;
    height: 15px;
    background-image: url('/Content/img/up_off.png');
}

.downvote {
    width: 28px;
    height: 15px;
    background-image: url('/Content/img/down_off.png');
}

.aniUPVOTE_c {
    color: #ff8c00;
}

.aniDOWNVOTE_c {
    color: #ff8c00;
}



@keyframes cssAnimationFAV {
    0% {
    }

    99% {
        transform: scale(2);
    }

    100% {
        color: #ffe100;
    }
}

@keyframes cssAnimationANS {
    0% {
    }

    99% {
        transform: scale(2);
    }

    100% {
        color: #1e8102;
    }
}

.descrFlag {
    padding-left: 20px;
    font-size: small;
    font-style: italic;
    color: rgba(75,77,77,0.6);
}

.badge-notify {
    background: red;
    position: relative;
    top: -3px;
    left: -10px;
    font-size: 7px;
}

.badge-rep {
    background: #ff8c00;
    position: relative;
    top: -3px;
    left: -0px;
    font-size: 8px;
}

.badge-ach {
    background: #badef0;
    position: relative;color:navy;
    top: -3px;
    left: -0px;
    font-size: 8px;
}
.searchduplicates {
    font-family: "Segoe UI", "Open Sans", Roboto, Helvetica,"Helvetica Neue", Arial, sans-serif;
}

.searchduplicates-title {
    font-weight: bold;
    font-size: small;
}

.searchduplicates-by {
    font-size: x-small;
    font-style: italic;
    color: #436baa;
}

.searchduplicates-description {
    font-size: small;
    font-style: italic;
    color: rgba(75,77,77,0.6);
}

.showmore:after {
    font-family: "Glyphicons Halflings";
    content: " \e113";
}

/* Icon when the collapsible content is hidden */
.showmore.collapsed:after {
    content: " \e114";
}

.text-muted {
    color: #bababa;
}

    .text-muted a {
        color: #7eb9eb;
    }