.btn {transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;transition-delay: 0s;padding: 10px 20px;margin-right: 10px;background-color: #fff;border: 1px solid #2c2c2c;border-radius: 3px;cursor: pointer;outline: none;}.btn:last-child {margin-right: 0;}.btn:hover, .btn.js-active {color:#333;}.header {}.header__title {margin-bottom: 30px;font-weight: 500;}.content {max-width: 99%;margin: auto;direction:rtl;margin-bottom:50px;}.content__title {margin-bottom: 20px;font-size: 18px;font-weight: 500;text-align: center;}.content__inner {-webkit-border-radius: 10px;-moz-border-radius: 10px;border:1px solid #dad9d9;border-radius: 10px;background-color:#ffffff;width: 100%;height: 550px;margin: auto;box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);}.tabs {position: relative;padding: 15px;height: 100%;overflow: hidden;}.tabs table {background:none repeat scroll 0 0 #fff;border:1px solid #f0f0f0;border-collapse:collapse;border-spacing:0;text-align:left;width:100%;font-size:20px;text-align:right!important;}.tabs td, .tabs table th {padding:5px;text-align:right;}.tabs table tfoot, table thead,table tr:nth-of-type(2n) {background:none repeat scroll 0 0 #f8f7f7;text-align:right !important;padding:5px;}.tabs__nav {position: relative;}.tabs__nav-decoration {position: absolute;top: 0;left: 0;height: 100%;transition: width .2s linear 0s, -webkit-transform .2s ease-out 0s;transition: width .2s linear 0s, transform .2s ease-out 0s;transition: width .2s linear 0s, transform .2s ease-out 0s, -webkit-transform .2s ease-out 0s;border-radius: 2px;z-index: 1;}.tabs__nav-list {position: relative;display: flex;list-style-type: none;z-index: 2;}.tabs__nav-item {transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;transition-delay: 0s;padding: 10px;cursor: pointer;font-size:19px;}.tabs__nav-item span {padding:5px;}.tabs__nav-item.js-active {transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;transition-delay: 0.05s;color: #ffffff;background-color: #08c1e2;transition: width .2s linear 0s, -webkit-transform .2s ease-out 0s;transition: width .2s linear 0s, transform .2s ease-out 0s;transition: width .2s linear 0s, transform .2s ease-out 0s, -webkit-transform .2s ease-out 0s;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.tabs__panels {position: relative;margin-top: 30px;}.tabs__panel {position: absolute;top: 0;left: 0;transition: none;-webkit-transform: scale(0.8);transform: scale(0.8);width: 100%;opacity: 0;}.tabs__panel.js-active {transition: all .25s linear 0s;-webkit-transform: scale(1);transform: scale(1);opacity: 1;}.tabs__panel-card {margin-bottom: 30px;padding: 15px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);overflow:scroll;max-height:350px;direction:rtl;}.tabs__panel-card:last-child {margin-bottom: 0;}.tabs__panel-card--spaced-between {justify-content: space-between;}.tabs__panel-avatar {flex-shrink: 0;width: 100px;height: 100px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.15);}.tabs__panel-img {flex-shrink: 0;width: 80px;height: 80px;border-radius: 4px;background-color: rgba(0, 0, 0, 0.15);}.tabs__panel-content {width: 100%;margin-left: 30px;}.tabs__panel-content:first-child {margin-left: 0;}.tabs__panel-content:not(:last-child) {margin-right: 30px;}.tabs__panel-content:before, .tabs__panel-content:after {display: block;width: 100%;height: 20px;content: '';background-color: rgba(0, 0, 0, 0.15);}.tabs__panel-content:before {margin-bottom: 15px;}