@keyframes blinkcolor {
    from {
       color: #fff;
    }
    to {
       opacity: #12974e;
    }
}

@keyframes buttonloading {
    0% {
        left:0px;
        bottom:0;
    }

    25% {
        left:50%;
        bottom:0;
    }
    50% {
        left:80%;
        bottom:0;
    }
    75% {
        left:50%;
        bottom:0;
    }
    100% {
        left:0px;
        bottom:0;
    }

}

.chabok-suit-clearboth {
    clear: both;
}
.chabok-suit-text-field,.chabok-suit-radio-inline, .chabok-suit-number-inline {
    width: 25%;
    float: right;
    margin-bottom: 25px;
    position: relative;
    box-sizing: border-box;
    padding:0 10px;
}

.chabok-suit-text-field input, .chabok-suit-feild-row input {
    width: 100%;
    -webkit-appearance: none;
    box-sizing: border-box;
}
select {
    width:100%;
}

.chabok-suit-text-field .label {
    position: absolute;
    right: 0;
    top: 5px;
    line-height: 15px;
    right: 14px;
    background: #fff;
    display: block;
    padding: 0 5px;
    font-size: 12px;
    visibility: hidden;
    color:#1e3094;
    
}
.chabok-suit-text-field label.new-label {

}
.chabok-suit-text-field span.error {
    position: absolute;
    top: 4px;
    font-size: 12px;
    left: 15px;
    color: #ec1919;
}
.ftr-feild {
    float: right;
    box-sizing: border-box;
}
.ftl-feild {
    float:left;
    box-sizing: border-box;
}
.suit-pdd-r {
 padding-right: 10px;
}
.suit-pdd-l {
    padding-left: 10px;
}
.head-title {
    width:100%;
    padding:0 10px;
    margin-bottom: 25px;
}
.parent-child-block {
    width:100%;
    float: right;
    padding:0 10px;
    margin-bottom: 25px;
}
.chabok-suit-bx-title {
    background: #c2c2fd;
    padding: 10px;
    text-align: center;
}
.chabok-suit-bx-inner {
    width: 100%;
    float: right;
    padding: 25px;
    background: #eee;
}
.suit-title-container {
    padding: 0 10px;
    margin-top: 0px;
    float: right;
    width: 100%;
    box-sizing: border-box;
}
.suit-title-container h2 {
    background:#eee;
    padding:10px;
    font-weight: normal;
    border-radius: 4px;
}
.feild-60, .chabok-suit-radio-inline.field-60 {
    width:60%;
}
.feild-40, .chabok-suit-radio-inline.feild-40 {
    width:40%;
}
.feild-50 , .chabok-suit-radio-inline.feild-50{
    width:50%;
}
.feild-30, .chabok-suit-radio-inline.feild-30 {
    width:30%;
}
.feild-33, .chabok-suit-radio-inline.feild-33 {
    width:33.33%;
}
.feild-20, .chabok-suit-radio-inline.feild-20 {
    width:20%;
}
.feild-16, .chabok-suit-radio-inline.feild-16 {
    width:16.666%;
}
.field-12, .chabok-suit-radio-inline.field-12 {
    width:12.5%;
}
.chabok-suit-text-field.chabok-active-feild .label {
    visibility: visible;
    transition: all 200ms;
    top:-7px;
}

.chabok-suit-radio-field, .chabok-flex-field {
   /* display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    font-size: 14px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #eee;
    line-height: 2; */
}

.chabok-suit-radio-field label{
    user-select: none;
    width: 50%;
}
.chabok-suit-radio-field  input[type="radio"] {
    display: none;
}
  
.chabok-suit-radio-field  input[type="radio"] + label {
    z-index: 10;
    margin: 0 1px 0 0;
    position: relative;
    color: #4A274A;
    background-color: #ccc;
    cursor: pointer;
    transition: all 200ms ease;
 
}
  
.chabok-suit-radio-field  input[type="radio"]:checked + label {
    color: #FFF;
    background-color: #1BB784;
}

.chabok-suit-radio-field  input[type="radio"]:checked + label::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M 28.28125 6.28125 L 11 23.5625 L 3.71875 16.28125 L 2.28125 17.71875 L 10.28125 25.71875 L 11 26.40625 L 11.71875 25.71875 L 29.71875 7.71875 Z'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    left: -10px;
    top: 3px;
}
  
.chabok-suit-radio-field input[type="radio"] + label {
    padding: 6px 20px;
    text-align: center;
    font-size:13px;
}
.radio-label {
    padding:0;
    display: block;
    margin-bottom: 10px;
}
.radio-label .long {

}
label.w-25, .w-25 {
    width:25%;
}

span.w-25  {
    line-height: 1;
}

#ui-datepicker-div {
    z-index: 99 !important;
}
.chabok-suit-number-inline input {
    width:20%;    
}

.chabok-suit-number-inline span {
    padding:0 3px;
}

.chabok-suit-number-inline span.label-number {
    width: 120px;
    padding:0 5px;
    line-height: 1;
    font-size:12px;
}

.chabok-suit-feild-row-head span, .chabok-suit-feild-row span {
    width:24%;
    float: right;
    padding:0 10px;
    text-align: center;
}
.row-blk {
    float: right;
    width:100%;
    margin-bottom: 5px;
}
.chabok-suit-centered {
    margin:10px 0;
    text-align: center;
    float: right;
    width: 100%;
}

.chabok-suit-centered button {
    background: #1e83b5;
    color: #fff;
    line-height: 1.5;
    font-family: "iransans";
    border: 0;
}
.chabok-suit-centered button:hover {
    background: #066b55;
}

.chabok-suit-feild-row-head span.sm-field, .chabok-suit-feild-row span.sm-field {
    width:4%;
}

p.form-title-by-theme {
    font-size: 15px;
    background: #eee;
    margin-top: -25px;
    border-right: 5px solid green;
    padding: 11px 9px;
}

.chabok-suit-message {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
}
.chabok-suit-message.chabok-error {
    background: rgba(250, 216, 216, 0.933);
    margin-bottom: 27px;
    padding:10px;
}
.chabok-suit-message.chabok-success {
    background: #dbfbe0;
    margin-bottom: 27px;
    padding:10px;
}


.form-group {
    margin-bottom: 1.5em;
}
.chabok-checkbox-group-label {
    padding: 0 10px;
    width: 100%;
    float: right;
    margin-bottom: 25px;
}
.chabok-checkbox-group-label label.label-text {
    display: block;
width: 100%;
border-bottom: 1px solid #ccc;
margin-bottom: 4px;
}
.chabok-checkbox-feild {
    float: right;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
  
.checkbox {
    padding-left: 2em;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    align-items: baseline;
    background: #eee;
    padding: 6px;
    padding-left: 44px;
    min-width: 11%;
    margin:0 0.1%;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .checkbox-inline {
    display: -webkit-inline-box;
    display: inline-flex;
  }
  .checkbox input {
    width: 2em;
    flex-basis: 2em;
    margin-left: -2em;
    position: relative;
    vertical-align: baseline;
  }
  .checkbox input:not(.reset) {
    position: absolute;
    left: 0;
    margin-left: 0;
    opacity: 0;
  }
  .checkbox input:not(.reset):focus {
    outline: none;
  }
  .checkbox input:not(.reset):focus ~ label::before {
    border-color: #0877db;
    box-shadow: 0 0 0 0.1875em rgba(43, 154, 255, 0.2);
  }
  .checkbox input:not(.reset):active ~ label::before {
    border-color: #0877db;
  }
  .checkbox input:not(.reset):checked ~ label::before {
    background-position: 0 0;
  }
  .checkbox input:not(.reset) ~ label::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 8px;
    left: 8px;
    display: inline-block;
    vertical-align: top;
    width: 1.5em;
    height: 1.5em;
    border: 0.125em solid #808080;
    background-color: #fff;
    background-size: 100% 100%;
    background-position: 0 1.5em;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 0 rgba(43, 154, 255, 0.2);
    -webkit-transition: box-shadow 0.15s, background-position 0.15s;
    transition: box-shadow 0.15s, background-position 0.15s;
  }
  .checkbox [type="checkbox"]:not(.reset) ~ label::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Y2hlY2tib3g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJjaGVja2JveCI+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS05IiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4gICAgICAgICAgICA8cGF0aCBkPSJNNCwxMyBMNywxMCBMMTAsMTMgTDE3LDYgTDIwLDkgTDEwLDE5IEw0LDEzIFoiIGlkPSJQYXRoLTMiIGZpbGw9IiNDQjAwMDAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  }
  .checkbox [type="radio"]:not(.reset) ~ label::before {
    border-radius: 100%;
    background-image: radial-gradient(circle, #cb0000 0%, #cb0000 40%, #fff 41%, #fff 100%);
    background-position: 50% 50%;
    background-size: 0px 0px;
    -webkit-transition: box-shadow 0.15s, background-size 0.15s;
    transition: box-shadow 0.15s, background-size 0.15s;
  }
  .checkbox [type="radio"]:not(.reset):checked ~ label::before {
    background-position: 50% 50%;
    background-size: 100% 100%;
  }
  .checkbox label {
    display: inline-block;
    vertical-align: baseline;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-box-flex: 1;
            flex-grow: 1;
    cursor: pointer;
  }
  .checkbox-firstline label::first-line {
    font-weight: bolder;
  }
  .checkbox:not(.checkbox-firstline) label {
    font-weight: bolder;
  }
  
  .chabok-suit-file-container {
      padding:0 10px;
      margin-bottom: 40px;
  }
  input[type="file"] {
    display: block;
  }
  .pip img {
    width:100%;
    height:100%;
    border: 2px solid;
    padding: 1px;
    cursor: pointer;
  }

  .removeFile::before {
    content: 'X';
    width: 25px;
    height: 25px;
    display: inline-block;
    background: #000;
    color: #fff;
    border-radius: 22px;
    text-align: center;
    position: relative;
    top: 13px;
    right: -6px;
    font-size:15px;
}
.removeFile:hover::before {
    background: #910606;
}
.removeFile {
    font-size: 0;
}

  .pip {
    display: inline-block;
    margin: 10px 0px 10px 1%;
    width: 11.5%;
    height: 109px;
  }
  .remove {
    display: block;
    background: #444;
    border: 1px solid black;
    color: white;
    text-align: center;
    cursor: pointer;
  }
  .remove:hover {
    background: white;
    color: black;
  }

.feild-file  input[type=file] {
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


.feild-file input[type=file] + label:hover {
  background: #3399ff;
}

.feild-file {
    position: relative;
    width: 100%;
    padding: 23px;
    cursor: pointer;
    background: #2a3971;
    color: #fff;
    text-align: center;
    transition: 200ms all;
}

.feild-file:hover {
    background: rgb(3, 61, 3);
}
.msg-w {
    background: #eee;
    padding: 10px;
    margin-bottom: 10px;
}

.chabok-suit-help {
	padding: 0 10px;text-align: justify;
}
.chabok-suit-help .help-blk {
	background:#eee;
	padding:10px;
}
table.rahgiri-table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #ccc;
}

table.rahgiri-table td, table.rahgiri-table th {
    border: 1px solid #ddd;
    padding: 8px;
}
  
table.rahgiri-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #1e3094;
    color: white;
}

.help-vv a {
    font-size: 13px;
    background: #5f96ff;
    border-radius: 30px;
    padding: 0 10px;
    color: #fff;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 4px;
    transition: all 300ms;
}
.help-vv a:hover ,.help-vv a:focus {
    background: #1e59c5;
    color: #fff;
    transition: all 300ms;
}

.send-this-form {
    text-align: center;padding: 0 10px;
    margin-top:25px;
    position: relative;
}
.send-this-form::before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 23px;
    border-bottom: 2px dashed #ccc;
}
.send-this-form button {
    padding: 11px 57px;
    z-index: 99;
    position: relative;
    transition: 100ms all;
}
.send-this-form button:hover {
    background-color: #12974e;
    border-color: #12974e;
    transition: 100ms all;
}
.send-this-form button[disabled="disabled"] {
    cursor: default;
    border-color: #12974e;
    /*
    background: linear-gradient(to right, #ffffff 50%, #12974e 50%);
	background: -webkit-linear-gradient(to right, #ffffff 50%, #12974e 50%);
	background: -moz-linear-gradient(to right, #ffffff 50%, #12974e 50% );
	background-size: 200% 100%;
	background-position:left bottom;
    transition: all 300ms ease;
    background-position:right bottom;
    transition: 100s background-position ease;
    */
    background-color: #fff;
}

.send-this-form button[disabled="disabled"]::before {
    content: '';
    width: 20%;
    height: 2px;
    position: absolute;
    left:0px;
    bottom:0;
    background:green;
    border-radius: 30px;
    animation-duration: 3s;
   animation-name: buttonloading;
   animation-iteration-count: infinite;
   transition: all 600ms;
}
.send-this-form button[disabled="disabled"],
.send-this-form button[disabled="disabled"]:hover,
.send-this-form button[disabled="disabled"]:focus {
    animation-duration: 600ms;
   animation-name: blinkcolor;
   animation-iteration-count: infinite;
   animation-direction: alternate;
   color:#12974e;
   background:#fff;
}

.icon-circle-arrow-left::before,
.icon-circle-arrow-right::before {
    content: '>';
    font-style: normal;
    font-size: 17px;
    background: #eee;
    border-radius: 30px;
    width: 25px;
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
}
.icon-circle-arrow-right::before {
    content: '<';
}


.chabok-dashboard {
	padding:0 20px;
}
.chabok-flash-message.chabok-success {
	background: #caffca;
	padding: 10px;
	border-radius: 7px;
	margin-bottom: -8px;
}
.chabok-flash-message.chabok-error {
	background: #ffcdca;
	padding: 10px;
	border-radius: 7px;
	margin-bottom: -8px;
}
.img-login-now {
	margin: 28px 0;
}
.chabok-login-now {
	text-align: center;
}
.chabok-login-now h1 {
	font-size: 20px;
}
.transaction-row.chabok-flex {
	justify-content: space-between;
	padding:10px;
	text-align: center;
}
.chabok-service-page-content {
  padding-top: 35px !important;
  width: 100%;
}
.profile.chabok-flex,
.profile-block.chabok-flex {
    align-items: center;
  color: #d2c8c8;
  z-index: 2;
  position: relative;
  margin-bottom: 30px;
}
.left-f-b {
	width: 100%;
    text-align: left;
  justify-content: left;
}
.user-type .type {
	background: #4afc6a;
	color: #000;
	padding: 0 10px;
	border-radius: 15px;
}
.left-f-b .user-type {
  margin-left: 17px;
}
.user-type .level {
	background: #e86bab;
	color: #000;
	padding: 0 10px;
	border-radius: 15px;
}
.profile-block.chabok-flex {
	border-radius: 10px;
	margin-bottom: 0px;
	font-size: 14px;
}
.profile.chabok-flex .user-info {
    color: #000;
}
.profile.chabok-flex img {
  width: 48px;
  border: 1px solid #000;
  border-radius: 100px;
  height: 48px;
  filter: invert();
  margin-left: 10px;
}
.chabok-dashi-menu ul li a img {
	z-index: 99;
	position: relative;
	width: 24px;
    margin-left: 5px;
}
.chabok-dashi-menu ul li a.chabok-active img {
	filter: invert(0.7);
	z-index: 99;
	position: relative;
	width: 24px;
}
.left-f-b.chabok-flex.items-center .chabok-btn {
  background: none;
  border-radius: 6px;
  border: 0;
}
.chabok-dashboard.pdd-0 .chabok-col-80 {
  padding-right: 30px !important;
}
.chabok-dash-content {
  overflow: hidden;
  background: #fff;
  padding: 30px;
  border-radius: 13px;
}
.profile.chabok-flex.block-style {
  display: block !important;
  text-align: center;
  justify-content: center;
}
.chabok-dashi-menu ul li a.chabok-active:hover img {
	filter: invert(0);
	z-index: 99;
	position: relative;
	width: 24px;
}
.chabok-faq-event-sale .chabok-faq-bg {
	padding:10px 30px;
}
.chabok-faq-content.chabok-faq-event-sale {
	border: 1px solid #ccc;
	margin-bottom: 15px;
    border-radius: 10px;
  overflow: hidden;
}

.chabok-faq-q h4, .chabok-faq-q h2,.chabok-faq-q h1 {
	font-size: 15px;
	margin: 0;
	width: 100%;
	display: -webkit-box;
	display: flex;
	display: -webkit-flex;
}
.chabok-faq-q h4, .chabok-faq-q h2, .chabok-faq-q h1 {
	font-size: 15px;
    align-items: center;
    cursor: pointer;
}
.chabok-faq-q h4::before,
.chabok-faq-q h2::before,
.chabok-faq-q h1::before {
	content: '\f0dc';
    font-family: 'Font Awesome 5 Pro';
	margin-left: 14px;
	margin-right: 0;
}
.chabok-faq-q h4 span, .chabok-faq-q h2 span,.chabok-faq-q h1 span {
	width: 100%;
}
.chabok-faq-q h4::after, .chabok-faq-q h2::after, .chabok-faq-q h1::after {
	content: '\f0d7';
	font-family: 'Font Awesome 5 Pro';
	float: right;
	width: 24px;
	text-align:left;
}

.chabok-faq-a {
	max-height: 0;
	overflow: hidden;
	transition: all 600ms;
	padding: 0px 20px;
	border-top: 1px solid #ccc;
	background: #fff;
}
.chabok-faq-a.chabok-active {
	max-height: 300px;
	overflow: hidden;
	transition: all 600ms;
	border-top: 1px solid #ccc;
}
.chabok-faq-toggle.chabok-active h2::after, .chabok-faq-toggle.chabok-active h4::after {
	content: '\f148';  
}


.chabok-faq-content.chabok-faq-event-sale .chabok-faq-q,
.chabok-faq-content.chabok-faq-event-sale .chabok-faq-a {
	border:0;
}
.chabok-event-sale-content {
	padding:10px 0;
	float: right;
  width: 100%;
}
.chabok-faq-content.chabok-faq-event-sale .chabok-faq-toggle .chabok-faq-a {
	transition: all 200ms;
	border-top: 1px solid transparent;
}
.chabok-faq-content.chabok-faq-event-sale .chabok-faq-toggle.chabok-active .chabok-faq-a {
	border-top: 1px solid #ccc;
	transition: all 200ms;
}
.chabok-dashi-menu ul li a:hover::after {
    background:rgba(153, 153, 153, 0.459);
} 
.chabok-dashi-menu ul li a.chabok-active span {
    z-index: 3;
    position: relative;
}
.chabok-faq-event-sale .transaction-row.chabok-flex {
	flex-wrap: nowrap;
	background: transparent;
	font-weight: normal;
	font-size: 14px;
}
.chabok-faq-event-sale .transaction-row.chabok-flex span {
	width: auto;
	text-align: right;
}
.chabok-faq-event-sale .transaction-row.chabok-flex span strong {
	color:rgb(0, 0, 86);
}
.chabok-event-sale-content {
	line-height: 2;
}
.chabok-event-sale-content strong {
	color:rgb(0, 0, 133);
	font-size: 14px;
}
.chabok-faq-event-sale .transaction-row.chabok-flex span:nth-child(1) {
	width: 5%;
}
.chabok-faq-event-sale .transaction-row.chabok-flex span:nth-child(2) {
	width: 20%;
}
.chabok-faq-event-sale .transaction-row.chabok-flex span:nth-child(3) {
	width: 25%;
}
.chabok-faq-event-sale .transaction-row.chabok-flex span:nth-child(4) {
	width:20%;
}
.chabok-faq-event-sale .transaction-row.chabok-flex span:nth-child(5) {
	width: 25%;
}
.chabok-faq-event-sale .transaction-row.chabok-flex::before {
	content:none;
}
.chabok-faq-event-sale .transaction-row.chabok-flex span.dash-cert-t {
	width: 50%;
}
.chabok-dashi-menu ul li a.chabok-active,
.chabok-dashi-menu ul li a.chabok-active i {
    color:#fff;
    position: relative;
    z-index: 3;
}
.chabok-dashi-menu ul li a.chabok-active img {
    filter: invert();
}
.chabok-dashi-menu ul li a:hover,
.chabok-dashi-menu ul li a:hover i {
    color:#fff;
    z-index: 3;
    position: relative;
}
.chabok-dashi-menu ul li a:hover img {
    filter: invert();
}
.chabok-dashi-box {
	padding: 20px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin-bottom: 30px;
	position: relative;
}
.chabok-dashi-box:hover::after {
	left:17px;
	transition: all 200ms;
}
.chabok-dashi-box::after {
	content: '\f0a8';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	left: 21px;
	top: 0;
	bottom: 0;
	transition: all 200ms;
	margin: auto;
	height: 40px;
	font-size: 38px;
	color: #888;
}
.chabok-dashi-box span.count {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 18px;
	border-radius: 10px;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px;
	background: #111f51;
	color: #ccc;
}
.chabok-dashi-box img {
	width: 60px;
	margin-top: 20px;
	opacity: 0.7;
}
.chabok-dashi-box h3 {
	font-size: 17px;
	margin-top: 25px;
}
.transaction-row:nth-child(2n+1) {
	background: #eee;
}
.transaction-row.transaction-header {
	background-color: var(--PrimaryColor);
	color:#fff;
}
.transaction-row .number {
	width: 5%;
}
.transaction-row .name {
	width: 45%;
}
.transaction-row .count {
	width: 5%;
}
.transaction-row .price {
	width: 10%;
}
.transaction-row .details {
	width: 5%;
}
.transaction-row .status {
	width: 10%;
}
.transaction-row .transaction {
	width: 10%;
}
.transaction-row .rahgiri {
	width: 10%;
}
.dashboard-page-suit {
    background-color: #f5f5f5;
}
.chabok-field {
  margin-bottom: 19px;
}
.chabok-field input {
  width: 100%;
}
.chabok-edit-profile-info .chabok-field input {
    line-height: 2;
}
.change-password-notice p {
	background: #eee;padding: 42px;margin: 0;
}
.chabok-edit-profile-password .new_password small {
	color: #777;font-size: 11px;margin: 0;
}
.chabok-edit-profile-password .new_password .error-help {
	display: none;
}

#password-strength,
.password_strength {
	position: relative;
	width: 100%;
	float: right;
	display: none;
}
#password-strength::after,
.password_strength::after {
	content: '';
	top: 0;
	bottom: 0;
	right: 0;
	left: auto;
	height: 2px;
	width: 0;
	position: relative;
	float: left;
	margin: 16px 2px;
}
#password-strenght.short::after,
.password_strength_1::after {
	width: 5%;
	background:red;
}
#password-strength.short,
.password_strength_1 {
	color: red;
	display: block;
}
#password-strength.bad::after,
.password_strength_2::after {
	width: 10%;
	background:rgb(255, 75, 75);
}
#password-strength.bad,
.password_strength_2 {
	color:rgb(255, 75, 75);
	display: block;
}
#password-strength.good::after,
.password_strength_3::after {
	background: blue;
	width: 20%;
}
#password-strength.good,
.password_strength_3 {
	color:blue;
	display: block;
}
.password_strength_4::after {
	background:#00c835;
	width: 50%;
}
.password_strength_4 {
	color: #00c835;
	display: block;
}
#password-strength.strong::after,
.password_strength_5::after {
	background:green;
	width: 60%;
}
#password-strength.strong,
.password_strength_5 {
	color:green;
	display: block;
}
#password-strength.mismatch {
	color:rgb(255, 196, 0) !important;
}
#password-strength.mismatch::after {
	background:rgb(255, 196, 0) !important;
}


.chabok-edit-profile-password .old_password {
	margin-bottom: 30px;
}

.chabok-section.single-section.dashi-section h1 {
  position: relative;
  z-index: 2;
  width: 50%;
  padding: 0 42px;
  margin: 0;
}
.profile.chabok-flex .avatar {
  width: 48px;
  margin:auto;
  height: 48px;
  margin-left: 8px;
}
.profile.chabok-flex.block-style .avatar {
      margin:auto;
}
.chabok-service-page-content {
  margin-top: 30px;
}
.jus-btw h1 {
  font-size: 19px;
}
.chabok-dashi-menu {
background: #fff;
  border-radius: 10px;
  height: 100vh;
  padding-top: 12px;
  margin-top: -93px;
  z-index: 2;
  position: relative;
}
.chabok-dash-content .chabok-col-50.pddr-0 {
	padding-right: 0;
}

.chabok-dash-content .chabok-col-50.pddl-0 {
	padding-left: 0;
}
.chabok-dash-content .chabok-col-33.pddr-0 {
	padding-right: 0;
}
.chabok-dash-content .chabok-col-33.pddl-0 {
	padding-left: 0;
}
.chabok-dash-content .chabok-btn.ftr.mgb-20 {
	margin-bottom: 20px;
}
p.dashi-no-record {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 25px;
	text-align: center;
}
.chabok-dashi-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.chabok-dash-content {
	padding-right: 40px;
}
.chabok-dash-content h2 {
	background: #eee;
	padding: 10px;
	margin: 0;
	border-radius: 11px;
	margin-bottom: 22px;
	font-size: 17px;
}
.chabok-dashi-menu ul li a.chabok-active::after,
.chabok-dashi-menu ul li a:hover::after {
    content: '';
    background: #dd0200;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 106%;
  border-radius: 100px 0 0 100px;
}
.chabok-dashi-menu ul li a {
	display: flex;
    align-items: center;
	width: 100%;
	position: relative;
	padding: 6px;
	margin-bottom: 9px;
	font-weight: bold;
	font-size: 14px;
	color: #333;
}
.chabok-dashi-menu ul li a span {
    position: relative;
    z-index: 3;
}
.dashi-mobile-menu {
	display: none;
}

@media screen and (max-width:1124px) {

    .chabok-suit-radio-field input[type="radio"]:checked + label::after { 
        position: absolute;
        left:3px;

    }
    .chabok-suit-text-field, 
    .chabok-suit-radio-inline, 
    .chabok-suit-number-inline {
        width:33.33%;
    }

    .feild-50, .chabok-suit-radio-inline.feild-50, 
    .feild-60, .chabok-suit-radio-inline.field-60,
    .chabok-suit-radio-inline.feild-33.mobi-f60 {
        width: 66.6666%;
    }

    .feild-50.inner-field-50 {
        width:50%;
    }

    .chabok-suit-radio-inline.feild-50.mobi-f100 {
        width:100%;
    }

}

@media screen and (max-width:922px) {
    .dashi-mobile-menu {
		display: flex;
		align-items: center;
		padding: 20px 0 0;
	}
	.dashi-mobile-menu div {
		cursor: pointer;
	}
	.chabok-dashi-menu {
		position: fixed;
		left: auto;
		top: 0;
		right: -100%;
		background: #fff;
		z-index: 9999;
		height: 100vh;
		padding: 65px 0 0;
		transition: all 200ms;
	}
	.profile-block.chabok-flex {
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 9999;
			border-radius: 0;
			height: 100vh;
			display: none;
	}
	.profile-block.chabok-flex.dashi-menu-active {
		display: block;
	}
	.dash-profile-open-close.is-menu-active::before {
		content: '\E814';
		font-family: 'chabok-icon';
		z-index: 9999999999;
		position: fixed;
		left: 0;
		top: 0;
		display: block;
		width: 50px;
		height: 50px;
		background-color: #fff;
		font-size: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
	  }
	.chabok-dashi-menu.dashi-menu-active {
		right:0;
		transition: all 200ms;
		max-width: 300px;
		width: 100%;
		border-radius: 0;
	}
	.dash-menu-open-close,
	.dash-profile-open-close,
	.dash-logout {
		width: auto;
		height: auto;
		display: block;
		float: right;
		margin-bottom: 20px;
		border: 1px solid #ccc;
		padding: 0 6px 0 15px;
		margin-left: 10px;
		border-radius: 8px;
	}
	.dash-logout:hover,
	.dash-logout:focus {
		border-color: #00c835;
	}
	.dash-logout {
		margin-left: 0;
		margin-right: auto;
		color: #444;
	}
	.dash-menu-open-close.is-menu-active::after {
		content: '';
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0,0,0,0.9);
		z-index: 999;
	}

}

@media screen and (max-width:768px) {
    .chabok-suit-text-field, 
    .chabok-suit-radio-inline, 
    .chabok-suit-number-inline {
        width:50%;
    }

    .chabok-checkbox-feild {
        display:block !important;
    }
    .chabok-checkbox-feild .checkbox {
        width: 24%;
        font-size: 12px;
        line-height: 2;
        height: 56px;
        display: block;
        float: right;
        margin:0;
        margin-left: 1%;
        margin-bottom: 10px;
    }
    .chabok-checkbox-feild .checkbox:nth-child(4n + 0) {
        margin-left:0;
        width:25%;
    }

    .radio-label.w-25 {
        width:143px;
    }
    .radio-label[style="width: 145px;"] {
        width:99px !important;
    }
    .radio-label[style="width: 220px;"] {
        line-height: 1.3;
    }
    .address-field, .chabok-suit-number-inline, 
    .chabok-suit-radio-inline.feild-50,
    .chabok-suit-radio-inline.field-60,
    .chabok-suit-radio-inline.feild-33.mobi-f60,
    .chabok-suit-text-field.email-feild {
        width:100% !important;
    }

    .chabok-suit-feild-row-head span {
        width:100%;
        text-align:center;
        display: none;
    }
    .chabok-suit-feild-row span, .chabok-suit-feild-row input {
        width: 100%;
        margin-bottom: 2px;
    }

}

@media screen and (max-width:600px) {

    .chabok-suit-text-field, 
    .chabok-suit-radio-inline, 
    .chabok-suit-number-inline {
        width:100%;
    }

    .chabok-suit-radio-field input[type="radio"] + label {
        padding:5px 2px;
    }

}