.usermenu-tpl-title {
    float: left;
    margin: 0 0 0.5rem 0;
    width: 100%;
    border: 0.2rem solid transparent;
    background: silver;
    padding: 0.2rem;
    font-size: 100%;
    color: white;
    text-shadow: 0.1rem 0.1rem #adadad;
}

/* external div begin */
.userinfo-div {float: left; width: 100%; margin: 1rem 0 1rem 0; padding: 0;} 
.useriifo-div-int {float: left; width: -webkit-fill-available; font-size: 150%; line-height: 1; padding: 0 0 0 0;} 
/* external div end */

/* main menu begin */
.user-div {float: left; margin: 0; width: 100%; padding: 0;}
.user-div ul {float: left; margin: 0; width: -webkit-fill-available; padding: 0; border-bottom: 0.2rem solid silver;}
.user-div li {float: left; margin: 0 0.5rem -0.5rem 0; width: auto; }
.user-tab {color: #888888; border-top: 0.2rem solid silver; border-left: 0.2rem solid silver; border-right: 0.2rem solid silver;}    
.user-tab-active {color: #42b4c6; background: white;}    
.li-a-div {float: left; margin: 0; width: 100%; border-bottom: 0.3rem solid silver; background: lavender; padding: 0.3rem 0.5rem 0.3rem 0rem; text-align: center;}  
.li-a-div-active {float: left; margin: 0; width: 100%; border-bottom: 0.3rem solid white;  background: white; padding: 0.3rem 0.5rem 0.6rem 0rem; text-align: center;}
.li-a-div-admin {float: left; margin: 0; width: 100%; border-bottom: 0.3rem solid silver; background: gold; padding: 0.3rem 0.5rem 0.3rem 0rem; text-align: center;}
.userinfo-profile {float: left; margin: 0 0 0 0; width: 100%; font-weight: bold; font-size: 1.2rem; line-height: 1.2rem; padding: 0.2rem 0 0.2rem 0; text-align: center;}    
.userinfo-profile-active {}
/* main menu end */

/* content begin */
.user-content {float: left; margin: 0; width: 100%; padding: 1rem 1rem 1rem 1rem; background: white; border-left: 0.2rem solid silver; border-bottom: 0.2rem solid silver; border-right: 0.2rem solid silver;}    
/* content end */

/* PROFILE begin */
.avatar-div {float: left; margin: 0; width: 9.1rem; height: 9.1rem; background: #f5f5f5; padding: 0.2rem; border: 0.2rem solid #e3e3e3;}    
	/* avatar-div height rem = 1.9*5-0.4 = 9.1rem */
.avatar-int {float: left; margin: 0; width: 100%; padding: 0; text-align: center; font-size: 1rem;}
.avatar {float: left; margin: 0 0.5rem 0 0.5rem; width: 7.4rem; height: 7.4rem; padding: 0; border-radius: 50%; border: 0.2rem solid aliceblue;}    
.userinfo-ul {float: left; margin: 0; width: 100%; padding: 0;}    
.userinfo-li {float: left; width: -webkit-fill-available; padding: 0 0.5rem 0 0.5rem;}
.userinfo-title-value {float: left; margin: 0; width: 64rem; padding: 0;}
.userinfo-title {float: left; color: #ffffff; margin: 0; width: 17.6rem; text-align: right; padding: 0;}  
.userinfo-value {float: left; margin: 0; width: 46.4rem; text-align: left; padding: 0;}    
.userinfo-li-edit {float: left; width: -webkit-fill-available; margin: 0 0 0.5rem 0; border-bottom: 0.2rem solid #e3e3e3;}
.userinfo-li-edit-2 {float: left; width: -webkit-fill-available; margin: 0 0 0.5rem 0; border-bottom: 0.2rem solid transparent;}
.userinfo-title-edit {float: left; margin: 0 0 0 0; font-size: 120%; line-height: 1.2; padding: 0 0.5rem 0 0.5rem; background: #e3e3e3;}
.userinfo-title-edit-2 {float: left; margin: 0 0 0 0; font-size: 120%; line-height: 1.2; padding: 0 0.5rem 0 0.5rem;}
.userinfo-unsubscribe {float: left; margin: 0 0 0 0; font-size: 120%; line-height: 1.2; padding: 0 0.5rem 0 0.5rem;}
.userinfo-value-edit {float: left; margin: 0 0 0 0; /* border-bottom: 0.2rem solid #e3e3e3; */}    
.userinfo-int-1f {float: left; width: -webkit-fill-available; border-bottom: 0.2rem solid #e3e3e3; margin: 0 0 0.4rem 0; padding: 0 0.5rem 0 0.5rem; background: #e3e3e3; line-height: 1.2; height: 1.5rem; font-size: 1.2rem; color: #999;}    
.userinfo-int-2f {float: left; width: -webkit-fill-available; border-bottom: 0.2rem solid #e3e3e3; margin: 0 0 0.4rem 0; padding: 0 0.5rem 0 0.5rem; background: #f5f5f5; line-height: 1.2;height: 1.5rem; font-size: 1.2rem;}    
.userinfo-int-1 {float: left; width:12%; border-bottom: 0.2rem solid #e3e3e3; margin: 0 0 0.4rem 0; padding: 0 0.5rem 0 0.5rem; background: #e3e3e3; line-height: 1.2; height: 1.5rem; font-size: 1.2rem; color: #999;}    
.userinfo-int-2 {float: left; width:88%; border-bottom: 0.2rem solid #e3e3e3; margin: 0 0 0.4rem 0; padding: 0 0.5rem 0 0.5rem; background: #f5f5f5; line-height: 1.2;height: 1.5rem; font-size: 1.2rem;}    
.userinfo-div-options {float: left; width: 100%; margin: 0 0 0 0; padding: 0.5rem; background: #f5f5f5; border: 0.2rem solid #eee;}  
.userinfo-submit {background: #039ad3; border-radius: 0.5rem; color: white; font-variant: all-petite-caps; line-height: 1.4rem; font-size: 1.2rem; padding: 0.2rem 0.5rem;}
.useriifo-value-edit {float: left; min-width: 77%;}
.userinfo-input-edit {float: left; box-shadow: none !important; width: 120%; border: none !important; line-height: 1.2;}    
/* PROFILE end */

/* MAIL begin */
	/* external MAIL begin */
.box {float: left; margin: 0; width: -webkit-fill-available; padding: 0; }
.box_in {float: left; margin: 0; width: -webkit-fill-available; padding: 0;}
	/* external MAIL end */
	/* main mail menu begin */
.pm-box {float: left; margin: 0; width: 100%;}
#pm-menu {float: left; margin: 0; width: -webkit-fill-available;}
#pm-menu a {float: left; color: inherit; text-decoration: none !important; margin: 0 1rem 0 0;}   
#pm-menu a:active {}
#pm-menu a:link {}
#pm-menu a:visited {}
#pm-menu a:hover {}
#pm-menu span {float: left; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-top: 0.2rem solid #e3e3e3; border-right: 0.2rem solid #e3e3e3; border-left: 0.2rem solid #e3e3e3; padding: 0.2rem .5rem; font-size: 1.4rem;}
.nav-pmmenu-span {float: left; margin: 0 1rem 0 0; border-radius: unset; background: none; font-size: 100%; font-weight: bold; padding: 0.7rem 1.2rem 0.5rem 1rem; color: silver;}
#pm-menu span:active {}
#pm-menu span:link {color: black;}
#pm-menu span:visited {}
#pm-menu span:hover {background: silver;}
	/* main mail menu end */
	/* ... mail begin */
.userinfo-fieldset {float: left; width: -webkit-fill-available; border: none; background: #e3e3e3; margin: 0.5rem -0.5rem 0 -0.5rem; padding: 0 0.5rem 0.5rem 0.5rem;}  
.userinfo-legend {display: block; float: left; margin: 0; width: 100%; border: none; padding: 0.5rem 0 0.5rem 0; text-align: left; font-size: 1.2rem; line-height: inherit; color: #ffffff;}
.input-del-avatar {margin: 0.4rem 0 0 0 !important; padding: 0 !important;}
.userinfo-separator {float:right; width:100%; padding:0 0 0 0;}
.pm_status {float: left; margin: 0 0 0 0; width: -webkit-fill-available; background-color: #e3e3e3; padding: .5rem; font-size: 1rem;}
.pm_progress_bar {background-color: #fff; margin-bottom: .5rem; border-radius: .2rem;}
.pm_progress_bar span {background: #42b4c6; font-size: 0; height: 1rem; border-radius: 0.1rem; display: block; overflow: hidden;}
.combo_field {margin: .5rem 0}
.mass_comments_action {margin: 0 .5rem;}
.dle-content {float: left; width: -webkit-fill-available; border-bottom: 0.2rem solid silver;}
.pmlist {float: left; margin: 0; width: -webkit-fill-available; border: 0.2rem solid #e3e3e3; padding: .5rem; background: aliceblue; font-size: 1.2rem;}
.message {float: left; margin: 1em 0 0 0; width: -webkit-fill-available; padding: 0;}
.message-header {float: left; margin: 0; width: -webkit-fill-available;}
.message-header img {width: -webkit-fill-available; height: auto; padding: 0.5rem 0.5rem 0 0.5rem; margin: 0;} 
.message-header a {padding: 0 0 0 0; font-size: 120%;}
.message-content {float: left; margin: 0; width: -webkit-fill-available;}
.comment-text {float: left; margin: 0; width: -webkit-fill-available; padding: 0.5rem 0 0 0;}
.message-text {float: left; margin: 0; width: -webkit-fill-available; padding: 0; line-height: 1;}
.comment-actions {float: left; margin: 1rem 0 0 0; width: -webkit-fill-available; padding: 0;}
.complain {float: left; margin: 0.5rem 1rem 0.5rem 0; padding: 0.5rem 0.5rem 0.5rem 0.5rem; background: aliceblue;}
.message-footer {float: left; margin: 1rem 0 0 0; width: -webkit-fill-available; padding: 0;}
.complain {float: left; margin: 0.5rem 1rem 0.5rem 0; padding: 0 0.5rem 0.1rem 0.5rem; background: aliceblue; border: 0.2rem solid silver; font-size: 100%; font-variant: all-petite-caps; border-radius: 0.2rem;}    
.pm-start {font-weight: lighter; font-size: 100%; font-variant: all-petite-caps; border: none; padding: 0.2rem 0.5rem; border-radius: 0.2rem; background: #42b4c6; color: white;}  
#pmlist_doaction {float: left; margin: 0 0.5rem 0 0; width: -webkit-fill-available; font-size: 100%; padding: 0;}  
.pm-table-td-a {width:1%; background: #e3e3e3; padding: 0.5rem 0 0.5rem 0;}
.pm-table-td-b {width:50%; background: #e3e3e3; padding: 0.5rem 0 0.5rem 0;}
.pm-table-td-c {width:23%; background: #e3e3e3; padding: 0.5rem 0 0.5rem 0;}
.pm-table-td-d {width:23%; background: #e3e3e3; padding: 0.5rem 0 0.5rem 0;}
.pm-table-td-e {width:3%; background: #e3e3e3; padding: 0.5rem 0 0.5rem 0;}    
.message-pm {margin: 0; border-left: 0.2rem solid #e3e3e3; border-bottom: 0.2rem solid #e3e3e3; border-right: 0.2rem solid #e3e3e3; padding: 0.5rem; background: #eeeeee;}
.message-login {float: left; margin: 0; width: 12%;}
.message-login-img {border-radius: 50%; margin: 0 1rem 0 1rem;}
.message-login-after {float: left; margin: 0; width: 88%;}
.message-login-after-author {float: left; width: -webkit-fill-available; margin: 0; padding: 0.2rem 0 0.2rem 0;}
.message-login-after-date {float: left; width: -webkit-fill-available; margin: 0; padding: 0.2rem 0 0.2rem 0; color: silver;}
.comment-text {width:100%;}
.message-text-ext {float: left; margin: 0; width: 100%; padding: 0.5rem; border-left: 0.2rem solid #e3e3e3; border-right: 0.2rem solid #e3e3e3; background: aliceblue;}
.message-text {margin: 0.5rem 0 0 0;}
.message-ul {float: left; margin: 0; width: 100%; border-top: 0.2rem solid #e3e3e3; background: #eee; padding: 0;}
.newpm-ext {float: left; margin: 0 0 0 0; width: 100%; border-left: 0.2rem solid #e3e3e3; border-bottom: 0.2rem solid #e3e3e3; border-right: 0.2rem solid #e3e3e3; padding: .5rem; background: aliceblue;}
.newpm-title {float:left; width:100%; margin: 0 0 .5rem 0; font-size: 100%; font-weight: bold; color: silver; font-size: 1.2rem;}
.form-wrap {float: left;}
.recipientsubject-ext {position: relative; float: left; margin: 0 0 .5rem 0; width: 100%; padding: 0;}
.recipientsubject-label {float: left; margin: 0; width: 12%; height: 2rem; border: 0.2rem solid #e3e3e3; background: #e3e3e3; padding: 0.3rem; color: white; font-size: 1rem; line-height: 1; text-shadow: 0.1rem 0.1rem silver; box-shadow: 0 0 0 0.1rem #E3E1E;}
.recipientsubject-input {width: 88%; height: 2rem; padding: 0.2rem; box-shadow: none; border: 0.2rem solid #e3e3e3; font-size: 1rem; line-height: 1; font-family: 'FallingSky';}
.form-checks {float: left; margin: 0 0 0.5rem 0; height: 1rem; padding: 0;}
.outboxcopy-input {float: left; margin: 0 0.5rem 0 0; height: 1rem; padding: 0;}
.outboxcopy-label {float: left; margin: 0; height: 1rem; padding: 0; color: silver; font-size: 1rem;}
.form-secur {margin-bottom:.5rem;}    
.form-submit-button {display: inline-block; vertical-align: middle; padding: 0.2rem 0.5rem; border: 0.2rem solid silver; border-radius: 0.2rem; font-size: 1rem; line-height: 1; font-family: 'FallingSky';}
.ui-form {float: left; width: -webkit-fill-available;} 
.in-msg-wrap {background-color: #fff; color: #333; border-radius: .5rem;}
.in-msg-wrap a {color: #398dd8;}
	/* ... mail end */
/* MAIL end */

/* BOOKMARKS begin */
/* BOOKMARKS end */

/* SUBSCRIPTIONS begin */
.usersubscribe_ajax_form {padding: 0;}
.usersubscribe_ajax_form fieldset {padding: .5rem; border: .1rem solid #B5B8C8; margin-bottom: 0; background-color: #fff;}
.usersubscribe_ajax_form legend {font-size: 1rem; color: #000; padding: .2rem .5rem; border: .1rem solid #B5B8C8;}
.usersubscribe_ajax_form input[type=text] {display: block; width: 100%; margin: 0 .5rem 0 0;} 
/* us begin */
.us-main-index-wrapper {float: left; margin: 0; width: 100%; padding: 0;}  
.us-pt-5 {padding-top: 0.5rem !important;}  
.us-main-index-wrapper .us-button-link {color: #0463bc; display: block; position: relative; text-transform: capitalize; border: 0.2rem solid #0091d4; border-radius: 0.2rem; font-size: 1rem; padding: 0.5rem 0.5rem; text-align: center; -webkit-transition: background-color .5s; transition: background-color .5s; white-space: nowrap;}
.us-main-index-wrapper .us-button-link:focus, .us-main-index-wrapper .us-button-link:hover {text-decoration: none;}
.us-main-index-wrapper .us-button-link:hover, .us-main-index-wrapper .us-button-link.active {background-color: #0091d4; color: #fff!important;}  
.us-main-index-wrapper .us-button-link.us-red {border: 0.2rem solid red; color: red!important;}
.us-main-index-wrapper .us-button-link.us-red:hover {background-color: red; color: #fff!important;}  
.us-table {width: 100%; display: table; margin: 0;}
.us-table .us-row:nth-child(2n) {background-color: #e9faff;}
@media screen and (max-width: 768px) {.us-table {display: block;}}
.us-row {display: table-row; background: #fff;}
.us-row.us-header {color: #ffffff; background: #e3e3e3;}
@media screen and (max-width: 768px) {
	.us-row {display: block;}
	.us-row.us-header {padding: 0; height: 0;}
	.us-row.us-header .cell {display: none;}
	.us-row .cell:before {font-size: 12px; color: #808080; line-height: 1.2; text-transform: uppercase; font-weight: unset !important; margin-bottom: 13px; content: attr(data-title); min-width: 98px; display: block;}
}
.us-row .cell {font-size: 1rem; color: #666666; line-height: 1; font-weight: unset !important; padding: 0.5rem 0 0.5rem 0; border-bottom: 0.2rem solid #f2f2f2;}
.us-row.us-header .cell {font-size: 1rem; color: #fff; line-height: 1; font-weight: unset !important; padding: 0.5rem 0 0.5rem 0;}
.us-row .cell:nth-child(1) {padding-left: 4rem;}
	/*
	.us-row .cell:nth-child(2) {width: 35%;}
	.us-row .cell:nth-child(3) {width: 35%;}
	*/
.us-table, .us-row {width: 100% !important;}
.us-row:not(.us-header):hover {background-color: #ececff;}
@media (max-width: 768px) {
	.us-row {border-bottom: 1px solid #f2f2f2; padding-bottom: 18px; padding-top: 30px; padding-right: 15px; margin: 0;}
	.us-row .cell {border: none; padding-left: 30px; padding-top: 16px; padding-bottom: 16px;}
	.us-row .cell:nth-child(1) {padding-left: 30px;}
	.us-row .cell {font-family: Poppins-Regular; font-size: 18px; color: #555555; line-height: 1.2; font-weight: unset !important;}
	.us-table, .us-row, .cell {width: 100% !important;}
}
/* us end */
.usersubscribe_button {/*font-size: 1.2rem;*/}
.tags-subscriptions {float: left; width: -webkit-fill-available; margin: 1rem 0 1rem 0; background: #ffffff; padding: 0; border: 0.2rem solid #42b4c6; border-radius: 0.5rem;}
.subscribe-with-tag, .subscribe-with-tag button {margin: 0; width: -webkit-fill-available; border: none; background: none; padding: 1rem; font-weight: bold; color: #026388; text-align: left;}
.subscribe-with-tag-1 {font-size: 1.2rem; line-height: 1.2rem;}
.subscribe-with-tag-2 {font-size: 1.5rem; line-height: 1.5rem;}
/* SUBSCRIPTIONS end */

/* SETTLEMENTS begin */
.webcash-content {float:left;margin:0;width:100%;border:none;padding:0;}  
.webcash-balance {float: left; margin: 0; width: 100%; border: none; border-top-left-radius: 0.2rem; border-top-right-radius: 0.2rem; padding: 0.5rem; background: #a0d9e2; font-weight: bold; color: white;}
.webcash-balance-sub {color:#777;}
.upbalance-ext {float: left; margin: 0 0 0 0; width: 100%; border: none; padding: 0 0 0 0;}    
.upbalance-paymentslog-ext {float: left; margin: 1rem 0 0 0; width: 100%; border: none; padding: 0 0 0 0;}
.upbalance-paymentslog-link {float: left; margin: 0 1rem 0 0; width: max-content; padding: 0.5rem; background: cadetblue; color: white;}   
.payadvplace-info-div {margin: 0; border: none; border-radius: 0; background-color: transparent; padding: 0;} 
/* ws begin */
.pm_input_ext {float: left; margin: 0; width: max-content; border: 0.2rem solid #0091d4; border-radius: 0.2rem; padding: 0rem; background: lavender; color: #0463bc;}
.pm_input {margin: 0; float: left; border: none; font-variant: all-petite-caps; font-weight: bolder;}
.wc-wrapper.wc-main-index {padding: 0 0 0 0;}
.wc-wrapper.wc-main-index:after {clear: both;}
.wc-wrapper.wc-main-index h1, .wc-wrapper.wc-main-index h2, .wc-wrapper.wc-main-index h3 {margin: 0.5rem 0;}
.wc-wrapper .wc-button-link {color: #0463bc; display: block; position: relative; text-transform: capitalize; border: 0.2rem solid #0091d4; border-radius: 0.2rem; font-size: medium; padding: 0.5rem 0.5rem; text-align: center; -webkit-transition: background-color .5s; transition: background-color .5s; white-space: nowrap;}
.wc-wrapper .wc-button-link.btn-link-small {font-size: .8rem; padding: 0.5rem;}
.wc-wrapper .wc-button-link:focus, .wc-wrapper .wc-button-link:hover {text-decoration: none;}
.wc-wrapper .wc-button-link:hover, .wc-wrapper .wc-button-link.wc-btn-active {background-color: #0091d4; color: #fff !important;}
.wc-wrapper .wc-button-link.wc-red {border: .2rem solid #d9534f; color: #ac2925!important;}
.wc-wrapper .wc-button-link.wc-red:hover {background-color: #c9302c; color: #fff!important;}
.wc-limiter {float: left; width: 100%; margin: 1rem 0 0 0;}
.wc-table {width: 100%; display: table; margin: 0;}
.wc-table .wc-row:nth-child(2n) {background-color: #e9faff;}
.wc-table, .wc-row {width: 100% !important; border: 0.2rem solid #e3e3e3; float: left; display: inherit; font-size: 1rem !important;}
.wc-row {display: table-row; background: #fff;}
.wc-row.wc-header {color: #42b4c6 !important; background: #e3e3e3 !important;}
.wc-row.wc-header {color: #ffffff; background: #0463bc;}
.ws-header {border-top: none !important;}
.wc-row .cell {width: -webkit-fill-available; font-size: 1.2rem; color: #666666; line-height: 1.2; font-weight: unset !important; padding: .5rem; border: none;}
.wc-row.wc-header .cell {width: -webkit-fill-available; font-size: 1.2rem; color: #fff; line-height: 1.2; font-weight: unset !important; padding: .5rem;}
.wc-row:not(.wc-header):hover {background-color: #ececff;}
@media screen and (max-width: 768px) {
    .wc-table {display: block;}
	.wc-row {display: block;}
	.wc-row.wc-header {padding: 0; height: 0;}
	.wc-row.wc-header .cell {display: none;}
	.wc-row .cell:before {font-size: 1rem; line-height: 1.2; color: #808080; text-transform: uppercase; font-weight: unset !important; margin-bottom: 1rem; content: attr(data-title); min-width: 8rem; display: block;}
}
@media (max-width: 768px) {
	.wc-row {border-bottom: .1rem solid #f2f2f2; padding: .5rem .5rem .5rem .5rem; margin: 0;}
	.wc-row .cell {border: none; padding: .5rem .5rem .5rem .5rem;}
	.wc-row .cell:nth-child(1) {padding-left: 1rem;}
	.wc-row .cell {font-size: 1rem; color: #555555; line-height: 1.2; font-weight: unset !important;}
	.wc-table, .wc-row, .cell {width: 100% !important;}
}
/* ws end */ /* ws begin */
.wc-wrapper.wc-main-index {padding: 0 0 0 0;}
.wc-wrapper.wc-main-index:after {clear: both;}
.wc-wrapper.wc-main-index h1, .wc-wrapper.wc-main-index h2, .wc-wrapper.wc-main-index h3 {margin: 0.5rem 0;}
.wc-wrapper .wc-button-link {color: #0463bc; display: block; position: relative; text-transform: capitalize; border: 0.2rem solid #0091d4; border-radius: 0.2rem; font-size: medium; padding: 0.5rem 0.5rem; text-align: center; -webkit-transition: background-color .5s; transition: background-color .5s; white-space: nowrap;}
.wc-wrapper .wc-button-link.btn-link-small {font-size: .8rem; padding: 0.5rem;}
.wc-wrapper .wc-button-link:focus, .wc-wrapper .wc-button-link:hover {text-decoration: none;}
.wc-wrapper .wc-button-link:hover, .wc-wrapper .wc-button-link.wc-btn-active {background-color: #0091d4; color: #fff !important;}
.wc-wrapper .wc-button-link.wc-red {border: .2rem solid #d9534f; color: #ac2925!important;}
.wc-wrapper .wc-button-link.wc-red:hover {background-color: #c9302c; color: #fff!important;}
.wc-limiter {float: left; width: 100%; margin: 1rem 0 0 0;}

.wc-table {float: left; margin: 0; border: 0.2rem solid #e3e3e3; font-size: .6rem; line-height: 1; font-weight: unset;
display: flex; flex-direction: column; width: 100%; border-collapse: collapse;}
.wc-table .wc-row:nth-child(2n) {background-color: #e9faff;}
.wc-row {float: left; margin: 0; border-bottom: .1rem solid #f2f2f2; background: #fff; padding: 0;
display: flex; width: 100%;}
.wc-row.wc-header {color: #42b4c6; background: #e3e3e3;}
.ws-header {border-top: none;}
.wc-row.wc-header .cell {padding: .3rem; color: #fff;}
.wc-row:not(.wc-header):hover {background-color: #ececff;}
.wc-row .cell {border: none; padding: .3rem; color: #555555;}
.wc-row .cell:nth-child(1) {}
.cell {box-sizing: border-box; word-break: break-word; text-align: left;}

.cell-balance-payments:nth-child(1) { width: 15%; }  /* Amount */
.cell-balance-payments:nth-child(2) { width: 15%; }  /* Section */
.cell-balance-payments:nth-child(3) { width: 15%; }  /* Type */
.cell-balance-payments:nth-child(4) { width: 20%; }  /* Details */
.cell-balance-payments:nth-child(5) { width: 20%; }  /* Date */
.cell-balance-payments:nth-child(6) { width: 15%; }  /* Status */

.cell-balance-transactions:nth-child(1) { width: 17%; }  /* Amount */
.cell-balance-transactions:nth-child(2) { width: 18%; }  /* Direction */
.cell-balance-transactions:nth-child(3) { width: 23%; }  /* Section */
.cell-balance-transactions:nth-child(4) { width: 22%; }  /* Type */
.cell-balance-transactions:nth-child(5) { width: 20%; }  /* Date */
    
.cell-gateway-payments:nth-child(1) { width: 14%; }  /* Amount */
.cell-gateway-payments:nth-child(2) { width: 14%; }  /* Payment system */
.cell-gateway-payments:nth-child(3) { width: 14%; }  /* Section */
.cell-gateway-payments:nth-child(4) { width: 14%; }  /* Type */
.cell-gateway-payments:nth-child(5) { width: 16%; }  /* Details */
.cell-gateway-payments:nth-child(6) { width: 14%; }  /* Date */
.cell-gateway-payments:nth-child(7) { width: 14%; }  /* Status */
    
.cell-payments-and-balance-transactions:nth-child(1) { width: 15%; }  /* Amount */
.cell-payments-and-balance-transactions:nth-child(2) { width: 15%; }  /* Payment source */
.cell-payments-and-balance-transactions:nth-child(3) { width: 15%; }  /* Type */
.cell-payments-and-balance-transactions:nth-child(4) { width: 20%; }  /* Details */
.cell-payments-and-balance-transactions:nth-child(5) { width: 20%; }  /* Date */
.cell-payments-and-balance-transactions:nth-child(6) { width: 15%; }  /* Status */
    
.cell-blocks-payments:nth-child(1) { width: 18%; }  /* Amount */
.cell-blocks-payments:nth-child(2) { width: 19%; }  /* Source of payment */
.cell-blocks-payments:nth-child(3) { width: 22%; }  /* Page */
.cell-blocks-payments:nth-child(4) { width: 19%; }  /* Date */
.cell-blocks-payments:nth-child(5) { width: 22%; }  /* Status */
    
.cell-activated-promocodes:nth-child(1) { width: 50%; }  /* Promo code */
.cell-activated-promocodes:nth-child(2) { width: 20%; }  /* Amount */
.cell-activated-promocodes:nth-child(3) { width: 30%; }  /* Date */
    
.wc-table-ext2 {display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: center; float: left; margin: 0; width: 100%; padding: 0;}
.wc-table-ext1 {float: left; margin: 0; width: 100%; overflow: hidden;}
/* ws end */

/* gateways begin */
.webcash-checkout-index {float: left; margin: 1rem 0 0 0; width: 100%; border: none; padding: 0;}
.gateway-div {float: left; margin: 0; width: -webkit-fill-available; padding: 0.2rem 0 0.2rem 0;}    
.addon-settings {float:left; margin: 0; width:100%; border: none; border-radius: 0.2rem; padding: 0; background: gold; text-align: center; line-height: 2;}
.gateways_block {float: left; width: 100%; margin: 0; text-align: left; border: 0.2rem solid silver; padding: 0.5rem; font-size: 1rem;}
.gateways_choose_method {padding-top: 1rem;}
.gateways_choose_method ul {list-style-position: outside; display: block; overflow: hidden; padding: 0; margin: .5rem 0 .5rem;}
.gateways_choose_method ul li.gw_item {display: block; float: left; margin: 0 0.5rem 0.5rem 0; width: 11rem; border: 0.1rem solid #ddd; border-radius: 0.2rem; box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.075); padding: 0.2rem 0.2rem 0.2rem 0.2rem; line-height: 1; background-color: #ddd;}
.gateways_choose_method ul li.gw_item:hover, .gateways_choose_method ul li.gw_item.gwi-selected {border-color: #0088CC;}
.gateways_choose_method ul li.gw_item a {display: block; width: 100%; height: 100%;}
.gateways_choose_method ul li.gw_item a:hover {text-decoration: none;}
.gateways_choose_method ul li.gw_item a img {max-height: 3rem;}
.gateways_choose_method ul li.gw_item p {color: #666; font-size: 1rem !important; margin: 0;}
.gateways_choose_method ul li.gw_item p span {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gateways_choose_method .clearfix::after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.gateways_choose_method .clearfix {display: block;}
/* gateways end */
/* SETTLEMENTS end */

/*alert begin */
.alert {color: #333; position: relative; padding: 1rem; margin-bottom: 1rem;}
.alert {/*border: .1rem solid transparent; -webkit-box-shadow: 0 .1rem .2rem rgba(0,0,0,0.12),0 .1rem .1rem rgba(0,0,0,0.24); box-shadow: 0 .1rem .2rem rgba(0,0,0,0.12),0 .1rem .1rem rgba(0,0,0,0.24);*/}
.alert[class*=alert-styled-]:after {content: '\f0c9'; font-family: 'FontAwesome'; color: #fff; width: 2.8rem; left: -2.8rem; text-align: center; position: absolute; top: 50%; margin-top: -.4rem; font-size: 1rem; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.alert[class*=alert-styled-].alert-danger:after,.alert[class*=alert-styled-][class*=bg-danger]:after {content: '\f05e';}
.alert[class*=alert-styled-].alert-success:after,.alert[class*=alert-styled-][class*=bg-success]:after {content: '\f00c';}
.alert[class*=alert-styled-].alert-warning:after,.alert[class*=alert-styled-][class*=bg-warning]:after {content: '\f071';}
.alert[class*=alert-styled-].alert-info:after,.alert[class*=alert-styled-][class*=bg-info]:after {content: '\f05a';}
.alert.alert-styled-right:after {left: auto; right: -2.8rem;}
.alert.alert-styled-custom:after {content: "\f0eb";}
.alert.alert-styled-left {border-left-width: 2.8rem;}
.alert.alert-styled-left[class*=bg-] {border-left-color: rgba(0,0,0,0.15) !important;}
.alert.alert-styled-right {border-right-width: 2.8rem;}
.alert.alert-styled-right[class*=bg-] {border-right-color: rgba(0,0,0,0.15) !important;}
.alert-success {background-color: #E8F5E9; border-color: #4CAF50;}
.alert-success hr {border-top-color: #449d48;}
.alert-success .alert-link {color: #347c37;}
.alert-info {background-color: #E0F7FA; border-color: #00BCD4;}
.alert-info hr {border-top-color: #00a5bb;}
.alert-info .alert-link {color: #00545c;}
.alert-warning {background-color: #FFF3E0; border-color: #FF9800;}
.alert-warning hr {border-top-color: #e68900;}
.alert-warning .alert-link {color: #bc5500;}
.alert-danger {background-color: #FBE9E7; border-color: #FF5722;}
.alert-danger hr {border-top-color:#ff4408;}
.alert-danger .alert-link {color: #aa3510;}
.alpha-teal {background-color: #e0f2f1; border-color: #00897b;}
.help-block {display: block; margin: .5rem 0 .5rem 0; color: #737373;}
.pb-1 {padding-bottom: 0.25rem !important;}
.pb-2 {padding-bottom: 0.5rem !important;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-nowrap {white-space: nowrap;}
/*alert end */

/* jGrowl begin */
.jGrowl {z-index: 999999 !important;}
#jGrowl .jGrowl-notification {opacity: 1; border-radius: 0;}
#jGrowl .jGrowl-notification .jGrowl-header {font-size: 1rem; font-weight: 300; margin-bottom: .5rem;}
#jGrowl .jGrowl-notification .jGrowl-close {font-size: 1.2rem; font-weight: 300;}
/* jGrowl end */

/* btn-list-wrapper begin */
.btn-list-wrapper {float: left; margin: 0; width: 100%; padding: 0; text-align: left;}  
.btn-list-wrapper > ul {float: left; width: 100%; margin: 0; padding: 0;}  
.btn-list-wrapper > ul > li {position: relative; display: block; float: left; margin: 0 1rem 1rem 0; width: 100%; padding: .5rem 0; font-size: 1rem; word-spacing: normal; vertical-align: middle;}  
.btn-list-wrapper > ul > li .helper-icon {left: 0; margin-top: -1rem; position: absolute; top: 50%;}
/* btn-list-wrapper end */

/* plugin buttons begin */
.plugin-topbuttons-div-main {float: left; margin: 0; width: 100%; text-align: center; border: 0.2rem solid #a0d9e2; padding: 0.5rem 0.5rem 0rem 0.5rem; background: #add8e680;}    
.plugin-topbuttons-div {float: left; margin: 0; width: 100%; padding: 0; text-align: center;}    
.plugin-buttons-link {position: relative; display: block; float: left; margin: 1rem 1rem 0 0; width: max-content; padding: 0; font-size: 100%; line-height: 1; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s; transition: background-color .5s; font-variant-caps: all-petite-caps; cursor: pointer;}   
.plugin-topbuttons-div-main .plugin-buttons-link {margin: 0rem 1rem 0 0;}
.margin-top-0 {margin: 0rem 1rem 0 0;}
.margin-top-05 {margin: 0.5rem 1rem 0 0;}
.sub-menu .plugin-buttons-link {margin: 0 1rem 0 0;}
.plugin-buttons-link-min {position: relative; display: block; float: left; margin: 0rem 1rem 0 0; width: max-content; padding: 0; font-size: 100%; line-height: 1; text-align: center; white-space: nowrap; -webkit-transition: background-color .5s; transition: background-color .5s; font-variant-caps: all-petite-caps;}   
.plugin-buttons-link a {float:left; border: 0.2rem solid #0091d4; border-radius: 0.2rem; padding: 0 0.3rem 0.2rem 0.3rem; background: lavender; color: #0463bc;}    
.plugin-buttons-link a:link {background: lavender; color: #0463bc;}
.plugin-buttons-link a:hover {background: #0463bc; color: gold;}  
.plugin-buttons-link a:active {background: #0463bc; color: white;}  
.plugin-button-done {position: relative; display: block; float: left; margin: 0; padding: 0; border: none; background: none; font-size: 100%; line-height: 1; font-family:"FallingSky";}
#step_amount_button {margin: 0; border: none; padding: 0;}
#step_amount_button a {color: #0463bc;}
#step_amount_button a:link {color: #0463bc;}
#step_amount_button a:hover {color: gold;}
#step_amount_button a:active {color: white;}
/* plugin buttons end */

/* for all begin */
.sub-name {float: left; width: 100%; margin: 1rem 0 0 0; background: #e3e3e3; padding: 0.5rem; color: white; /* text-align: center; */ border-top-left-radius: 0.2rem; border-top-right-radius: 0.2rem; text-shadow: 0.1rem 0.1rem silver;}
.sub-menu {float: left; margin: 0; width: 100%; padding: 0.5rem; border: 0.2rem solid #e3e3e3; background: aliceblue;}
.sub-title {float: left; margin: 0; width: 100%; border-top-right-radius: 0.2rem; border-top-left-radius: 0.2rem; padding: .7rem; background: #e3e3e3; /* font-size: 1.4rem; */ color: silver; /* text-align: center; */}
.sub-content-div {position: relative; float: left; margin: 0rem 0 0 0; width: 100%; border: 0.2rem solid #e3e3e3; background: aliceblue; padding: 0.5rem;}    
.sub-content {position: relative; float: left; margin: 0rem 0 0 0; width: 100%; padding: 0;}    
.sub-content-main {float: left; margin: 0; width: 100%; border: 0.2rem solid #e3e3e3; border-bottom-left-radius: 0.2rem; border-bottom-right-radius: 0.2rem; padding: 0.5rem; background: aliceblue;}
.sub-borders {float: left; width: 100%; border-top: .2rem dotted silver; border-bottom: .2rem dotted silver;}
.sub-content-main-text {font-size: 1rem; font-weight: bold;}
.userpanel-separator {float: left; width: 100%; height: 0; border-bottom: 0.2rem dotted silver; background: #e3e3e3;}
.wrap-table100 {width: 100%; overflow: hidden;}
.limiter {width: 100%; margin: 0 auto;}
.container-table100 {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; padding: 0; box-sizing: border-box;}
.cell {display: table-cell;}
@media screen and (max-width: 768px) {.cell {display: block;}}
.settlements-icon {float: left; margin: 0rem 0.5rem 0rem 0.5rem; width: 1.2rem; padding: 0;}
.margin-0-1-0-0 {float: left; margin: 0 1rem 0rem 0;}
.martop05 {float: left; margin: .5rem 0 0rem 0; width: 100%;}
.martop-05 {float: left; margin: -.5rem 0 0rem 0; width: 100%;}
.martop1 {float: left; margin: 1rem 0 0rem 0; width: 100%;}
.martop-1 {float: left; margin: -1rem 0 0rem 0; width: 100%;}
.margin0 {float: left; margin: 0;}
.div-normal {float: left; margin: 0; width: 100%; font-size: 1rem; font-weight: bold;}
.border-radius-02 {border-radius: 0.2rem;}
/* for all end */
.addnewsearn-poster {max-width: 100%;}
.addform {float: left; width: -webkit-fill-available;}
.xfields-tr {float: left; margin: 0; width: -webkit-fill-available; padding: .5rem 1rem .5rem 1rem; background: aliceblue; 
    border-bottom: 0.2rem dotted silver; border-left: 0.2rem solid silver; border-right: 0.2rem solid silver}
.xfields-td {float: left; margin: 0; width: auto; border: none;}
.xfields-td-1 {float: left; width: 25%; padding: 0rem 1rem 0rem 0rem; }
.xfields-td-2 {float: left; width: 75%; padding: 0;}
.ui-autocomplete-input {width: auto; width: 75%; padding: 0.2rem;}
.form-group {padding: .5rem 1rem .5rem 1rem; background: aliceblue;}
.xfieldsnote {float: left; width: auto; max-width: 14rem; padding: 0 0 0 1rem; color: #777; font-size: .8rem;}
.categoryselect {float: left; min-width: 15rem; min-height: 8.8rem; border: 0.1rem solid #c1c1c1; border-radius: 0.2rem;}
.switch {float: left; width: auto;}
.uniform > select {float: left; min-width: 15rem; border: 0.1rem solid #c1c1c1; border-radius: 0.2rem;}
.classic {float: left; width: auto;} 
.grey {float: left; margin: 0 0 0 0 !important; width: 100%; background: aliceblue; padding: 0 1rem 1rem 1rem;}
.input {float: left; width: auto;}
.uniform {float: left; width: auto; min-width: 15rem; border: 0.1rem solid #c1c1c1; border-radius: 0.2rem;} 
.xfields-td, 
.xfields-td-1, 
.xfields-td-2 > input {float: left;}
#xf_trails-list-of-id {float: left; width: 100%;}
#xf_note {float: left; width: 100%; min-height: 8.8rem;} 
#xf_style_add {float: left; min-width: 75%; min-height: 8.8rem;}
.imp {float: left; margin: 0 0 0.5rem 0; min-width: 15rem; font-size: 1.5rem; padding: 0 0 0 0;}
.fullpart-title {float: left; margin: 0 0 0.5rem 0; min-width: 15rem; font-size: 1.5rem; padding: 0 0 0 0;} 
.addvote {float: left; margin: 0 !important; width: -webkit-fill-available; border: none; background: aliceblue; padding: 1rem 1rem 1rem 1rem;}