﻿.handpick-row div[class^='col-sm-'] {
    border: 1px #ccc solid;   
    height: 15em;
    overflow: hidden;
}

    #sortable1, #sortable2 {
        min-height: 20px;
        list-style-type: none;
        margin: 0;
        padding: 5px;
        float: left;
        margin-right: 10px;
        background: #eee;
        margin-top: 10px;
    }
    #sortable1 {
        width: 370px;
    }
    #sortable2 {
        width: 490px;
    }

    a.delete-container {
        margin-left: 95% !important;
    }

        /* Slots for final item positions */
    .contentContainer {
        height: 100px;
        position: relative;
        margin: 50px auto 0 auto;
        background: #ddf;
    }

    .dropzone {
        position: absolute;
        left: -4px;
        right: 0;
        bottom: 5px;
        height: 66px;
        margin-left: 0;
    }

    .drag-item {
        margin: 0 5px 5px 5px;
        padding: 5px;
        font-size: inherit;
        cursor: pointer; 
        cursor: hand;
        border-radius: 3px;
        -webkit-box-shadow: 0px 1px 0px 0px #bbb;
        box-shadow: 0px 1px 0px 0px #bbb;
        border: 1px solid #c9c9c9;
        background-color: #fff;
    }

    .drag-item.drag-item-dragging {
        -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
        box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
    }

    .dropzone .drag-item {
        display: inline-block;
        position: relative;
        float: left;
        height: 66px;
        padding: 10px;
        padding-bottom: 0;
        border: 2px dashed #333;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin: 0 0 0 10px;
        background: #fff;
    }

    .drop-item.drop-item-hover {
        background-color: #65C5CE;
        opacity: 0.5;
    }

    .dropzone > .drop-item > .content-item {
        position: absolute;
        /* TRBL = -(drop-item.border-width)px */
        top: -2px;
        right: -2px;
        bottom: -2px;
        left: -2px;
        margin: 0;
        
        font-size: inherit;
        -webkit-box-shadow: 0px 1px 0px 0px #bbb;
        box-shadow: 0px 1px 0px 0px #bbb;
        border: 1px solid #c9c9c9;
        background-color: #fff;
        background: #666;
        color: #fff;
        text-shadow: 0 0 3px #000;
        overflow: auto;
    }

    .dropwidth1 > .drag-item {
        width: 96%;
    }

    .dropwidth2L > .drag-item:nth-child(odd) {
        width: 60%;
    }

    .dropwidth2L > .drag-item:nth-child(even) {
        width: 30%;
    }

    .dropwidth2R > .drag-item:nth-child(odd) {
        width: 30%;
    }

    .dropwidth2R > .drag-item:nth-child(even) {
        width: 60%;
    }


    .dropwidth3 > .drag-item {
        width: 30%;
    }

    #sortable1 > .content-item {
        width: 350px;
    }

    #sortable2 > .content-item {
        width: 470px;
    }

    .wideBox {
        clear: both;
        text-align: center;
        margin: 70px;
        padding: 10px;
        background: #ebedf2;
        border: 1px solid #333;
    }

    .h1 {
        font-weight: bold;
        margin: 20px;
        color: #666;
        font-size: 1.5em;
    }
.secondary-nav-cta{display:inline-block;margin-bottom:0;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;white-space:nowrap;transition:.5s;padding:1px 20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:2px solid transparent;font-size:14px;line-height:1.5}.secondary-nav{background-color:rgba(225,225,225,.85);height:58px;width:100%;z-index:1000;position:absolute;bottom:0}.secondary-nav.affix{position:fixed;bottom:inherit;left:0;background-color:#e1e1e1}.secondary-nav-title{float:left;color:#000;font-size:18px;font-weight:700;line-height:58px;opacity:0;transition:.25s}.affix .secondary-nav-title{opacity:1}.secondary-nav-links{float:right;padding-top:16px}.secondary-nav-links li,.secondary-nav-links ul{list-style:none;margin:0;display:inline-block}.secondary-nav-links li{padding:0 15px}.secondary-nav-links li:last-of-type{padding-right:0}.secondary-nav-link{padding:0!important;color:#000;font-size:14px;font-weight:400!important}.active .secondary-nav-link,.secondary-nav-link:hover{color:#000;border-bottom:1px solid #000;text-decoration:none}.active .secondary-nav-link{cursor:default}.secondary-nav-link:visited{color:#000}.secondary-nav-cta{background-color:#000;color:#fff;text-transform:uppercase;text-decoration:none!important;font-weight:400!important;margin-left:15px}.secondary-nav-cta:hover{color:#fff;background-color:#495057}.news-header .btn{color:#fff!important;background-color:rgba(44,44,44,.6);border-color:#000}.news-header .btn.active,.news-header .btn:active,.news-header .btn:focus,.news-header .btn:hover,.open>.dropdown-toggle.news-header .btn{color:#fff!important;background-color:rgba(70,70,70,.6)}.news-header .btn.active,.open>.dropdown-toggle.news-header .btn{background-image:none}.news-header .btn .badge{color:rgba(44,44,44,.6);background-color:#fff}.news-header h1{padding:60px 0;margin:0}.buttons{background-color:rgba(25,25,25,.5);padding:20px 0}@media (min-width:767px){.has-secondary-nav{padding-bottom:58px;position:relative}}@media (min-width:768px){.sidebar-affix.affix,.sidebar-affix.affix-bottom{width:220px}}@media (min-width:992px){.sidebar-affix.affix,.sidebar-affix.affix-bottom{width:212.5px}}@media (min-width:1200px){.sidebar-affix.affix,.sidebar-affix.affix-bottom{width:262.5px}}
