.tabs-vertical{ font: bold 13px sans-serif; border-radius: 2px; margin-top: 15px; } /* The tabs */ .tabs-vertical ul{ float: left; list-style: none; text-align: left; width: 15%; margin: 0; padding-left: 0; } .tabs-vertical ul li{ margin-right: -1px; } .tabs-vertical ul li a{ display: block; text-decoration: none; color: #656a6d; border: 1px solid transparent; border-right: 0; border-left: 0; padding: 10px 40px 10px 20px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .tabs-vertical ul li a.tab-active { background-color: #ffffff; box-shadow: -8px 0px 10px #ddd; } .tabs-vertical ul li:first-child a{ border-top: 0; } /* The content */ .tabs-vertical .tabs-content-placeholder{ overflow: hidden; font-weight: normal; background-color: #fff; padding: 20px 40px 45px; margin: 0 auto; box-shadow: 0px 0px 10px #ddd; border-radius: 10px; } .tabs-vertical .tabs-content-placeholder div{ display: none; position: relative; } .tabs-vertical .tabs-content-placeholder div.tab-content-active{ display: block; } .tabs-vertical .tabs-content-placeholder div p{ color: #565a5c; line-height: 1.5; text-align: left; margin: 5px 0 20px; } .tabs-vertical .tabs-content-placeholder div img{ max-width: 100%; } .tab-content-active div{ display: block!important; } .selectList{ border-radius: 25px; cursor: pointer; width: 80px!important; display: inline-block; text-align: center!important; padding: 5px; margin-top: 0!important; }