#map {
    width: 100%;
    height: 640px;
}
body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#scrollwrapper {
    
}
.socialcard {
    display:none;
}
.socialcard .ctitle {
    border-top:2px solid #000;
    position:relative;
    line-height:26px;
    height:28px;
    
}
    .socialcard .ctitle .catcount {
        font-weight: 900;
    }
        .socialcard .ctitle .cname {
        background-color: #000;
        color:#fff;
        display:inline-block;
        position:absolute;
        right:0;
        padding:0 20px;
        text-align:center;
        text-transform:uppercase;
    }

.catcount {
    
}

.section {
    padding: 20px 0 15px 15px;
    position: relative;
}

    .section .col {
        -webkit-columns: 3 200px;
        -moz-columns: 3 200px;
        columns: 3 200px;
        -webkit-column-gap: 3em;
        -moz-column-gap: 3em;
        column-gap: 3em;
        padding: 0;
        
        /*-moz-column-fill: auto;*/
        /*column-fill: auto;*/
        color: #000;
        orphans: 3;
        line-height:20px;
    }

    .section h3 {
        text-transform: uppercase;
    }

    .section h3, .section h4 {
        line-height: 20px;
        font-size: 14px;
        margin: 0 0 0 0;
        
    }
    .section .nobreak {
        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        page-break-inside: avoid; /* Firefox */
        break-inside: avoid; /* IE 10+ */
    }

    .section .space {
        margin-bottom: 20px;
    }

    .section .usrcont {
        position: relative;
        height: 20px;
        line-height: 20px;
    }
    .section a {
        color:#000;
        min-height: 18px;
        line-height: 20px;
        display:block;
    }
    

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .avatars.big {
        width: 100.8%;
    }
}


.avatars.big {
    position: relative;
}




  

#scmanage .socialcard {
    display: block;
}
#scmanage .ctitle {
    cursor:pointer;
}
#scmanage .ctitle.closed {
    background-color:#eee;
}
    #scmanage .ctitle.closed:hover {
        background-color: #ccc;
    }

#scmanage .addmaincat a {
    padding: 2px 5px;
}

    #scmanage .addmaincat a:hover {
        background-color: #fff;
        color: #04a2a8;
    }

#notinlist {
    margin-bottom: 20px;
    border: 1px solid #04a2a8;
    padding: 0 0 1px 0;
}

#scmanage .usr {
    cursor: move;
}
#notinlist {
    padding:10px;
    min-height:30px;
}
#notinlist .usr {
    border: 1px solid #04a2a8;
    margin: 0 0 -1px 0;
    color: #04a2a8;
}

#scmanage .usr .removeuser {
    opacity: 0;
    padding: 0 5px 0 0;
    cursor: move;
    float: right;
    cursor: pointer;
    color: #fff;
}

    #scmanage .usr .removeuser:hover {
        background-color: #fff;
    }

#scmanage .usr:hover {
    color: #fff !important;
    background-color: #04a2a8;
}

    #scmanage .usr:hover .removeuser {
        opacity: 1;
    }

#scmanage .dragcontainer .removeuser {
    opacity: 0 !important;
}


#scmanage .closed .addmaincat,
#scmanage .showopen {
    display: none;
}
#scmanage .closed .showopen {
    padding-left:10px;
    display: inline;
}

#scmanage .ui-pg-input, .ui-pg-selbox {
    color: #000;
    line-height: 14px;
    padding: 0;
    text-align: center;
}

#scmanage .section {
    padding-top: 20px;
}

.dropsection {
    display: block;
}
.col > .dropsection {
    height: 25px;
    border: 1px dashed grey;
    color:grey;
    text-align:center;
}

    .dropsection.active {
        height: 25px;
        background-color: #b3e3e5;
        border-style:none;
    }
.col > .nobreak:first-child {
    margin-top: 15px;
}

#scmanage .section h3 a, .section h4 a {
    opacity: 0;
    float: right;
}

#scmanage .section h3:hover a, .section h4:hover a {
    opacity: 1;
}

#scmanage .section h3.active, .section h4.active {
    background-color: #b3e3e5;
}
#scmanage .section h3, .section h4, .dropsection, .usercont {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.dropsection.hover, .section h3.hover, .section h4.hover {
    background-color: red !important;
color:white !important;
}

.dragcontainer {
    position: absolute;
    z-index: 1000;
}

.ui-draggable-dragging {
    min-width:200px;
    padding:3px;
    opacity: .7;
    background-color: lightgrey !important;
}
.ui-draggable-dragging .fa-trash {
    display:none;
}