html {
	height: 100%;
	
}
body {
	background: #f3f0ec;
	font-family: Montserrat;
}
.login-panel {
	padding: 30px 30px;
	background: white;
	border-radius: 10px;
	margin-top: 100px;
	-webkit-box-shadow: 5px 5px 25px -5px #000000; 
	box-shadow: 5px 5px 25px -5px #000000;
	--animate-duration: .3s;
}

.sample-text {
	font-family: Montserrat;
	line-height: 1.5;
    font-weight: 500;
    color: #222B40;
	font-size: 16px;
}

.comp-rating {
	/* position: absolute; */
	/* left: 120px; */
	/* bottom: 15px;  */
	/* font-size: 16px; */
}

.form-group  {
	margin-bottom: 0px;
}
.form-group label {
	font-family: Montserrat;
    color: #222B40;
	font-size: 14px;
    font-weight: 500;
	margin-bottom: 3px;
}
.form-group input {
	padding-left: 14px;
	padding-right: 14px;
}
.form-control {
	font-family: Montserrat;
    color: #222B40;
	font-size: 14px;
    font-weight: 500;
	padding: 8px 12px 7px 12px;
	height: auto;
	padding-left: 12px;
    margin-left: 0;
	min-height: 37.6px;
}

.shadow-link {
	font-family: Montserrat;
    color: #888888;
	font-size: 14px;
    font-weight: 500;
	margin-bottom: 3px;
	transition: .4s;
}

.shadow-link:hover {
    color: #452B90;
	text-decoration: none;
}

.block-button-blue {
	font-family: Montserrat;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	color: white;
	cursor: pointer; 
	background: #452b90;
	border-radius: 10px;
	padding: 10px 20px;
	transition: .3s;
	
	white-space: nowrap;
	
}
.block-button-blue:hover {
	opacity: .9;
}

.error-msg {
	font-size: 14px;
	line-height: 15px;
	color: red;
	font-family: Montserrat;
	font-weight: 500;
}



#login-form, #reset-form, #reset-suc-form {
	--animate-duration: .3s;
}



.side-menu-block {
	position: absolute;
	height: 100vh;
	top: 0px;
	left: 0px;
	background: #222b40;
	color: white;
	transition: .4s;
}

.left-menu-active .side-menu {
	width: 100%;
	max-width: 210px;
	display: inline-block;
}


.left-menu-active .side-menu-item {
	display: inline-block;
	padding: 20px 20px 10px 5px;
}






#sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 210px;
    transition: width 0.1s;
    z-index: 1010; /* Ensure the sidebar is on top */
	
	background: #222b40!important;
	color: white;
	
	/* padding-top: 60px; */
	
}

#sidebar.collapsed {
    width: 50px;
}

.menu-item {
    align-items: center;
    padding: 10px 10px 0px 10px;
    transition: 0.1s;
	
}

.menu-item .icon {
    font-size: 20px;
    width: 30px;
    text-align: center;
}

.menu-item .menu-text {
    margin-left: 0px;
    transition: opacity 0.0s;
	width: 180px;
	margin-top: -2px;
	
	
	font-family: Montserrat;
    color: white;
	font-size: 14px;
    font-weight: 500;
	transition: .4s;
	white-space: nowrap;
}

#sidebar.collapsed .menu-text {
    
	display: none;
    overflow: hidden;
}

.content {
    margin-left: 50px;
    flex-grow: 1;
    transition: margin-left 0.1s;
	margin-top: 60px;
}

#sidebar.collapsed + .content {
    margin-left: 50px;
}

.menu-item .row {
	cursor: pointer;
	transition: .4s;
}

.menu-item .row:hover {
	opacity: .7;
}

#sidebar {
	overflow-y: auto;
	overflow-x: hidden;
}
#sidebar::-webkit-scrollbar {
  width: 1px; /* Ширина скроллбара */
}

a {
    color: inherit;
    text-decoration: none;
    font: inherit;
    background: none;
    padding: 0;
    margin: 0;
    border: none; 
    outline: none; 
}

a:hover {
    color: inherit;
    text-decoration: none;
}



.top-menu {
	height: 60px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background: #f3f0ec;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-right: 10px;
	z-index: 1000;
}





.main-logo  {
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 10px;
}
.main-logo img {
	width: 30px;
}


.avatar {
	width: 45px;
	height: 45px;
	background-size: cover!important;
	background-position: center!important;
	border-radius: 1000px;
	cursor: pointer;
}

.greeting-text {
	font-family: Montserrat;
	font-size: 30px;
	font-weight: 400;
}

.dropdown-menu {
	border: none;
	border-radius: 10px;
}

.avatar-name {
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 500;
}
.avatar-status {
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 500;
	color: #888888;
	line-height: 12px;
}
.vatar-details {
	cursor: default;
}
.avatar-dropdown-item-text {
	font-family: Montserrat;
	font-size: 13px;
	font-weight: 500;
	color: #888888;
	line-height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	
}
.avatar-dropdown-item i {
	color: #452B90;
	
	font-family: Montserrat;
	font-size: 13px;
	font-weight: 500;
	line-height: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.avatar-dropdown-item:hover {
	background: #f8f9fa;
	color: #452B90;
}
.avatar-dropdown-item {
	cursor: pointer;
	transition: .2s;
}

.modal-header {
	border: none;
}
.dropdown-menu {
	/* position: absolute!important; */
	/* z-index: 1000!important; */
	
}

.modal-header {
	font-family: Montserrat;
	
}
.card {
	z-index: 10!important;
}
.btn-secondary {
	font-family: Montserrat;
	background: #6e6e6e;
	font-size: 14px;
	border-radius: 5px;
	border: none;
}


.btn-primary {
	font-family: Montserrat;
	background: #321f69;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background: #3b257a!important;
}


.btn-info {
	font-family: Montserrat;
	background: #58bad7;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
	background: #71c4dd!important;
}


.btn-warning {
	font-family: Montserrat;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	
}



.swal-modal {
	font-family: Montserrat;
}

.swal-text {
	color: black!important;
	
}

.swal-button--confirm {
	background: #3A9B94;
	transition: .4s;
	border-radius: 5px;
	
}
.swal-button--confirm:hover {
	background: #58aaa4;
	
}
.swal-button:not([disabled]):hover {
    background-color: #58aaa4;
}




.btn-danger {
	font-family: Montserrat;
	background: #FF5E5E;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	color: white;
	outline: none;
	box-shadow: none;
}
.btn-danger:hover {
	background: #ff7676;
	color: white;
}


.modal-footer {
	border: none;
}

.modal-title {
	line-height: 23px;
}

.btn-light {
	font-family: Montserrat;
	background: #c8c8c8;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	color: #312a2a;
}
.btn-light:hover {
	background: #aaaaaa;
	color: #312a2a;
}

.btn-success {
	font-family: Montserrat;
	background: #3A9B94;
	font-size: 14px;
	border: none;
	border-radius: 5px;
	color: white;
}
.btn-success:hover {
	background: #58aaa4;
	color: white;
}




.menu-item-icon {
	text-align: center;
	/* width: 100%; */
	/* max-width: 50px!important; */
	position: fixed;
	left: 10px;
}

.user-card {
	padding: 15px;
	transition: .5s;
}

.user-card-avatar {
	width: 110px;
	height: 110px;
	background-size: cover!important;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 1000px;
}

.user-name {
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 500;
	
}


.user-gray-text {
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 500;
	color: #888888;
}

.edit-user-card {
	padding-top: 40px;
	padding-bottom: 40px;
}

.edit-user-avatar {
	width: 130px;
	height: 130px;
	background-size: cover!important;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 1000px;
	position: relative;
	
}

.edit-avatar-block {
	background: #395ee2;
	position: absolute;
	color: white;
	width: 35px;
    height: 35px;
    line-height: 30px;
	text-align: center;
	border-radius: 100%;
	box-shadow: 0 0 10px 0 rgba(0, 24, 128, 0.1);
    border: 2px solid #fff;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
}

.file-input {	
	display: none;
}

.edit-user-category {
	color: #6e6e6e;
	font-family: Montserrat;
	font-weight: 500;
	font-size: 15px;
	padding-bottom: 35px;
	cursor: pointer;
}
.edit-user-category-active {
	border-bottom: 2px solid #452B90;
}

.card-container {
	padding-left: 30px;
	padding-right: 30px;
}
.gj-picker {
	font-family: Montserrat;
	
}

.form-custom-select {
	font-family: Montserrat;
	
}

.dt-info {
	display: none!important;
}

.table {
	font-family: Montserrat;
}


.heading-text {
	font-family: Montserrat;
	font-size: 25px;
	line-height: 30px;
	font-weight: 400;
	
}


.form-group .small-text-muted {
	font-family: Montserrat;
	font-size: 12px;
	line-height: 15px;
	color: #888888;
	margin-top: 5px;
}



.block-button-green {
	font-family: Montserrat;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	color: white;
	cursor: pointer; 
	background: #3A9B94;
	border-radius: 10px;
	padding: 10px 20px;
	transition: .3s;
	
	white-space: nowrap;
	
}
.block-button-green:hover {
	opacity: .9;
}

.block-button-yellow {
	font-family: Montserrat;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	color: white;
	cursor: pointer; 
	background: #F8B940;
	border-radius: 10px;
	padding: 10px 20px;
	transition: .3s;
	
	white-space: nowrap;
	
}
.block-button-yellow:hover {
	opacity: .9;
}

.shop-pos-card {
	padding: 15px;
}
.shop-pos-name {
	font-family: Montserrat;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	
}


.shop-pos-id {
	font-family: Montserrat;
	text-align: center;
	font-weight: 400;
	font-size: 13px;
	color: #888888;
	display: inline-block;
	padding-top: 1px;
	
}
.shop-pos-sku {
	font-family: Montserrat;
	text-align: left;
	font-weight: 400;
	font-size: 14px;
	
}

.alert {
	font-family: Montserrat;
	padding: 10px;
	margin: 0px;
	font-size: 15px;
	line-height: 18px;
}


.pos-confirm-text {
	font-family: Montserrat;
	font-size: 15px;
	line-height: 20px;
	width: 100%;
	max-width: 580px;
}

table.dataTable {
	width: 100% !important;
	font-family: Montserrat;
}
div.dataTables_wrapper {
	width: 100%;
	overflow-x: auto;
}
th {
	white-space: nowrap;
	text-align: left!important;
}
td {
	text-align: left!important;
	vertical-align: middle!important;
	font-size: 14px;
}
td a {
	border-bottom: 1px solid black;
	padding-bottom: 1px;
}

.position-image {
	width: 70px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	background-size: cover!important;
	background-position: center;
	border-radius: 10px;
	
}


.tooltip-inner {
	font-family: Montserrat;
	line-height: 17px;
	
}
.dt-layout-row {
	font-family: Montserrat;
	font-size: 14px;
	
}

.dt-layout-row select, input {
	background-color: white!important;
	border: none;
	outline: none;
	font-size: 14px!important;
	color: #222B40!important;
	border: 1px solid #ced4da!important;
    border-radius: .25rem!important;
	padding: 8px 14px 7px 14px!important;
}

.dt-paging-button {
	background: transparent!important;
	color: black!important;
	opacity: .4s;
}
.dt-paging-button:hover {
	background: transparent!important;
	color: black!important;
	
}


.dt-paging-button.current {
	background: transparent!important;
}
.dt-paging-button {
	box-shadow: none;
}

.dt-search label {
}





.paging_btn {
	background: transparent;
	border: none;
	padding: 7px 14px;
	margin-left: 5px;
	border-radius: 2px;
	color: black!important;
	
	
	
	
}


div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
	color: black;
}
div.dt-container .dt-paging .dt-paging-button:hover {
	color: black!important;
}
div.dt-container .dt-paging .dt-paging-button:active {
	box-shadow: none!important;
}

.dt-scroll-head {
    position: sticky!important;
    top: 58px;  
    z-index: 1;
	width: 100%;
}


.autosupplies-btn {
	position: absolute;
	right: 25px;
	top: 10px;
	z-index: 11; 
}

.nav-tabs .nav-link {
	background: transparent;
    border-radius: 0rem;
    font-weight: 500;
    border-bottom: 0.1875rem solid transparent;
    border-width: 0 0rem 0.1875rem 0;
	font-size: 14px;
	transition: .2s;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #495057;
	background: transparent;
    border-color: #452B90;
    border-radius: 0;
    color: #452B90;
    border-width: 0 0rem 0.1875rem 0;
    border-bottom: 0.1875rem solid #452B90;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: #452B90;
    color: #452B90;
}

.hidden-page {
	display: none;
	margin-top: 20px;
}

.position-settings-card {
	/* min-height: 60vh; */
	min-height: 100%;
	 
	height: 60vh;
	max-height: 420px;
	overflow-y: auto;
	overflow-x: hidden;
}

.position-settings-card-body {
	padding: 15px 10px 15px 10px;
	flex: none;
}

.position-name {
	font-family: Montserrat;
    font-size: 25px;
    font-weight: 400;
}

.param-title {
	font-size: 13px;
	line-height: 16px;
	font-weight: 500;
}


.position-settings-card-body hr {
	/* margin-top: 5px;  */
	/* margin-bottom: 5px; */
}


.param-value {
	font-size: 13px;
	line-height: 16px;
	color: #888888;
}


.card-review {
	background: #452B90;
	border: none;
	height: 100%;
	cursor: pointer;
}
.card-review .card-body {
	 padding-left: 0px; 
	 padding-right: 0px; 
	 text-align: center;
}

.card-body-review {
	padding: 10px;
	
}

.review-text {
	color: white;
	font-size: 11px;
	line-height: 14px;
	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-overflow: ellipsis;
	
}

.dialog-container {
	/* height: 70%; */
	display: flex;
    flex-direction: column-reverse;
	overflow-y: auto;
	overflow-x: hidden!important;
	padding-right: 5px;
}
.dialog-input-msg {
	/* height: 30%; */
	 
}

.tag-user-card, .task-user-card {
	border: 2px solid #ECE9F4;
	font-size: 12px;
	margin-bottom: 10px;
	border-radius: 1000px;
	padding: 5px;
	cursor: pointer;
	transition: .2s;
}


.tag-titles {
	position: absolute;
	right: 0px;
	/* width: 100%; */
	top: -30px;
	text-align: right;
	padding-right: 15px;
}

.msg-edit-nav {
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	color: black;
	cursor: pointer;
}



.tag-card-selected {
	border: 2px solid green;
	
}

.tag-user-card:hover, .task-user-card:hover {
	opacity: .9;
}


.tag-user-avatar {
	width: 50px;
	height: 50px;
	background-size: cover!important;
	background-position: center!important;
	border-radius: 1000px;
}


.load-more-msgs {
	text-align: center;
	background: #ECE9F4;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	cursor: pointer;
}

.dialog-avatar {
	width: 100%;
	padding-top: 100%;
	border-radius: 100%;
	background-size: cover!important;
	background-position: center!important;
	
}
.dialog-user-name {
	font-size: 13px;
    line-height: 16px;
    font-weight: 500;
}

.dialog-msg {
	font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}

.dialog-date {
	font-size: 13px;
    line-height: 16px;
    color: #888888;
}

.dialog-tag {
	font-size: 11px;
	background: #FF9F00;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	border-radius: 100px;
	color: white;
	display: inline-block;
	cursor: default;
}

.sku-image {
	background-size: cover!important;
	background-position: center!important;
	height: 160px;
	width: 130px;
}


.swal-custom-title {
	font-size: 20px;
	font-family: Montserrat;
}

.swal-custom-text {
	font-family: Montserrat;
	font-size: 15px;
	line-height: 16px;
	
}

.totalprice-text {
	font-size: 14px;
	text-align: left;
}
.totalprice-header {
	font-size: 16px;
	text-align: left;
}


 
.price-content-table {
	display: flex;
	justify-content: center; /* Центрируем по горизонтали */
}
.price-content-table table {
	border-collapse: collapse; /* Убираем пробелы между ячейками */
	white-space: nowrap; /* Запрещаем перенос текста */
	margin: 20px; /* Добавляем отступы, если необходимо */
}
.price-content-table th, .price-content-table td {
	border: 1px solid #000; /* Добавляем границу для ячеек */
	padding: 8px; /* Добавляем отступ внутри ячеек */
}



.review-text {
	font-family: Montserrat;
	font-size: 14px;
	line-height: 16px;
	color: black;
	font-weight: bold;
	
}
.review-date {
	font-family: Montserrat;
	font-size: 14px;
	line-height: 16px;
	color: #868695;
	
}
.review-rate {
	color: #FCA95D;
}
.review-rate svg {
	margin-left: 3px;
}


.review-text-sample {
	font-family: Montserrat;
	font-size: 14px;
	line-height: 17px;
	color: black;
	
}


.left-review-arrow {
	position: absolute; 
    top: calc(50% - 8px);
    transform: translateY(-50%);
    left: -28px;
	z-index: 5;
	cursor: pointer;
	padding: 20px 10px 20px 20px;
}


.right-review-arrow {
	position: absolute; 
    top: calc(50% - 8px);
    transform: translateY(-50%);
    right: -28px;
	z-index: 5;
	cursor: pointer;
	padding: 20px 20px 20px 10px;
}


.rating-average {
	font-family: Montserrat;
	font-size: 16px;
	line-height: 16px;
	color: black;
	font-weight: bold;
	/* margin-bottom: 10px; */
	text-align: center;
}

.review-img .photoplug {
	margin-right: 10px;
	width: 84px;
	height: 112px;
	border-radius: 12px;
	background-size: cover!important;
	background-position: center!important;
	display: inline-block;
}
.btn-topup-ad {
	text-align: center;
	padding: 5px;
	cursor: pointer;
	transition: .3s;
	display: inline-flex; 
	align-items: center;
	width: 100%;
	justify-content: center;
}


.clip-pos {
	position: absolute;
	bottom: 15px;
	left: 25px;
	padding-top: 6px;
	padding-left: 9px;
	padding-right: 9px;
	z-index: 51;
}



.mypos-left {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 50;
	cursor: pointer;
	
}

.mypos-right {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 50;
	cursor: pointer;
}

.play-btn {
	color: #66CC66;
	cursor: pointer;
	font-size: 10px;
	margin-left: 3px;
}


.pause-btn {
	color: #CC6666;
	cursor: pointer;
	font-size: 10px;
	margin-left: 3px;
}


.badge {
	cursor: pointer;
	
}


.form-control-sm {
    padding: 7px 10px 7px 10px!important;
	font-size: 14px!important;
	line-height: 14px!important;
	min-height: auto;
}


.deltag-btn {
	cursor: pointer;
}


@media (max-width: 992px) {
    .reset-padding {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
}



.sortable-placeholder {
    background-color: #f0f0f0;
    border: 2px dashed #ddd;
    height: 21px; /* Задайте нужную высоту */
}


.autotopup-type {
	font-size: 13px;
	line-height: 14px;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 0px;
}

.autotopup-type .dropdown-item {
	
	padding: 5px;
	
}
.dropdown-topup-type {
	cursor: pointer;
}

.msg-action-dropdown {
	border: 1px solid rgba(0, 0, 0, .125);
	padding: 5px 0px;
	
	
}


.msg-action-dropdown .dropdown-item {
	font-size: 12px;
	cursor: pointer;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 500;
}


#imagePreview {
	position: absolute;
	bottom: -38px;
	left: 0px;
	width: 30px; 
	height: 29px; 
	border: 1px solid #ccc;
	z-index: 5;
	background: url(../imgs/img-ico.svg);
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.chat-img {
	max-height: 150px;
	margin-bottom: 20px;
	cursor: pointer;
	max-width: 100%;
}

.nav-link {
	cursor: pointer;
}
















.top-0 { margin-top: 0px; }
.top-1 { margin-top: 1px; }
.top-2 { margin-top: 2px; }
.top-3 { margin-top: 3px; }
.top-4 { margin-top: 4px; }
.top-5 { margin-top: 5px; }
.top-6 { margin-top: 6px; }
.top-7 { margin-top: 7px; }
.top-8 { margin-top: 8px; }
.top-9 { margin-top: 9px; }
.top-10 { margin-top: 10px; }
.top-11 { margin-top: 11px; }
.top-12 { margin-top: 12px; }
.top-13 { margin-top: 13px; }
.top-14 { margin-top: 14px; }
.top-15 { margin-top: 15px; }
.top-20 { margin-top: 20px; }
.top-25 { margin-top: 25px; }
.top-30 { margin-top: 30px; }
.top-33 { margin-top: 33px; }
.top-35 { margin-top: 35px; }
.top-40 { margin-top: 40px; }
.top-45 { margin-top: 45px; }
.top-50 { margin-top: 50px; }
.top-60 { margin-top: 60px; }
.top-70 { margin-top: 70px; }
.top-80 { margin-top: 80px; }
.top-90 { margin-top: 90px; }
.top-100 { margin-top: 100px; }
.top-150 { margin-top: 150px; }





.bottom-3 { margin-bottom: 3px; }
.bottom-5 { margin-bottom: 5px; }
.bottom-10 { margin-bottom: 10px; }
.bottom-15 { margin-bottom: 15px; }
.bottom-20 { margin-bottom: 20px; }
.bottom-24 { margin-bottom: 24px; }
.bottom-25 { margin-bottom: 25px; }
.bottom-30 { margin-bottom: 30px; }
.bottom-40 { margin-bottom: 40px; }
.bottom-50 { margin-bottom: 50px; }




.padding-left-0 { padding-left: 0px; }
.padding-left-1 { padding-left: 1px; }
.padding-left-2 { padding-left: 2px; }
.padding-left-3 { padding-left: 3px; }
.padding-left-4 { padding-left: 4px; }
.padding-left-5 { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-30 { padding-left: 30px; }


.padding-right-0 { padding-right: 0px; }
.padding-right-1 { padding-right: 1px; }
.padding-right-2 { padding-right: 2px; }
.padding-right-3 { padding-right: 3px; }
.padding-right-4 { padding-right: 4px; }
.padding-right-5 { padding-right: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-right-30 { padding-right: 30px; }