.list-item {
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 120%;
    z-index: 999;
    width: 250px;
    box-shadow: 0 3px 10px hsl(0deg 0% 30%);
}

.list-item li:nth-child(odd) {
    background: #f9f9f9;
}

.list-item li:nth-child(even) {
    background: #FFFFFF;
}

.list-item li a {
    padding: 2px 10px;
    display: block;
    color: hsl(0, 0%, 40%);
}

.my-card {
    cursor: pointer;
}

.my-card:hover .list-item {
    display: block;
    opacity: 1;
    left: 100%;
}

.my-card:nth-child(4n):hover .list-item {
    left: -100%;
}

.list-item li:hover a {
    background: #e1e1e1;
}
.list-item li{
    border-bottom: 1px solid #FF720C;
}
.list-item li:last-child{
    border-bottom: none;
}

.img-h-60 {
    height: 60px;
}
.my-title {
    color: #FF720C;
    text-align: center;
    overflow: hidden;
}

.my-title span {
    display: inline-block;
    position: relative;
}

.my-title span:after,
.my-title span:before {
    content: "";
    border-bottom: 3px solid #FF720C;
    width: 3em;
    margin: 0 1.5em;
    position: absolute;
    bottom: .5em;
}

.my-title span:before {
    right: 100%;
}

.my-title span:after {
    left: 100%;
}
.horizontal-menu{
    border-bottom: 2px solid #FF720C;
}
.horizontal-menu .navbar .navbar-content .navbar-brand {
    font-size: 22px;
    font-weight: 700;
}
.my-card .media-body.text-right.align-self-center {
    text-transform: uppercase;
    font-weight: 500;
}
/*# sourceMappingURL=../maps/demo_5/style.css.map */
.my-card .custom-hover{
    border: 4px solid #727cf5;
}
.my-card:hover .custom-hover{
    box-shadow: 0px 7px 4px 0px #c2c6fb;
    border: 4px dashed #ff720c;
}
.my-card .list-unstyled{
    text-transform: uppercase;
}
.list-item, .list-item li:nth-child(even), .list-item li:nth-child(odd) {
    background: #fff;
    color: #000;
    box-shadow: none;
    width: 280px;
}
.my-card .list-item li a{
    color: #000;
}
.my-card .list-item li:hover a {
    background: #ffffff;
    color: #727cf5;
}
.my-card .list-item li:hover{
    /*height: 25px;*/
    color: #000;
    /*font-size: 13px;*/
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #727cf5;
    margin-left: 3px;
}
.select2-container {
    margin: 0px 0px 10px 0px;
    top: 10px;
}