/* --------------------SideBar-------------------- */

.et-panel-sidebar{width: 100%;height: fit-content;background-color: #fff;transition: all ease 0.3s;display: flex;flex-direction: column;align-items: center;justify-content: space-between;overflow-y: auto;border-radius: 10px;}
.et-panel-sidebar.active{transform: translateX(0%);}
.et-panel-sidebar::-webkit-scrollbar{display: none;}
.et-panel-sidebar-container{width: 100%;display: flex;display: flex;flex-direction: column;align-items: center;padding: 15px;}
.et-panel-sidebar-header{width: 100%;background-color: #F8F7F7;position: relative;display: flex;align-items: center;padding: 15px;border-radius: 7px;gap: 5px;font-size: 14px;color: #343434;font-weight: 600;}
.et-panel-sidebar-main{display: flex;align-items: center;width: 100%;}
.et-panel-sidebar-menu{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;padding-top: 15px;}
.et-panel-sidebar-menu-item{width: 100%;height: 40px;border-radius: 7px;display: flex;justify-content: space-between;align-items: center;overflow: hidden;}
.et-panel-sidebar-menu-item-a{width: 100%;height: 40px;display: flex;align-items: center;gap: 10px;transition: all ease 0.3s;padding: 0 10px;}
.et-panel-sidebar-menu-item-a .icon-svg{width: auto;height: 20px;bottom: 1px;position: relative;}
.et-panel-sidebar-menu-item-a .icon-svg path{stroke: var(--txt1-col);}
.et-panel-sidebar-menu-item-a p{height: 40px;display: flex;align-items: center;font-size: 14px;font-weight: 600;color: var(--txt1-col);}
.et-panel-sidebar-menu-item-a:hover{background-color: #FaFaFa;}
.et-panel-sidebar-menu-item.active .et-panel-sidebar-menu-item-a{background-color: #ECF9F4;}
.et-panel-sidebar-menu-item.active .et-panel-sidebar-menu-item-a p{color: var(--first-t);}
.et-panel-sidebar-menu-item.active .et-panel-sidebar-menu-item-a .icon-svg path{stroke: var(--first-t);}

/* --------------------Dashboard-------------------- */

.et-panel-container{width: 100%;display: grid;grid-template-columns: 280px 1fr;gap: 25px;}
.et-panel-main{width: 100%;}
.et-panel-2col{width: 100%;display: grid;grid-template-columns: 1fr 280px;gap: 25px;}
.et-panel-gapparent{display: grid;gap: 25px;}
.et-panel-bgw{width: 100%;height: fit-content;padding: 15px;background-color: #fff;transition: all ease 0.3s;display: flex;flex-direction: column;border-radius: 10px;gap: 15px;}
.et-panel-main-header{width: 100%;min-height: 45px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 25px;}
.et-panel-main-header-heading{font-size: 24px;color: var(--txt1-col);}
.et-panel-button{height: 40px;min-width: 120px;border-radius: 7px;cursor: pointer;background-color: transparent;display: flex;align-items: center;justify-content: center;gap: 10px;padding: 0 10px;transition: all 0.3s ease;}
.et-panel-button:hover{background-color: #FaFaFa;}
.et-panel-button svg{width: 13px;height: 13px;bottom: 2px;position: relative;}
.et-panel-button p{font-size: 14px;font-weight: 600;color: var(--txt1-col);}
.et-panel-last-course-main{width: 100%;display: flex;flex-direction: column;gap: 15px;}
.et-panel-lc{width: 100%;height: 180px;border-radius: 7px;background-color: #FFF;border: 1px solid #f0f0f0;box-shadow: 0 0 14px 0 rgb(0 0 0 / 3%);overflow: hidden;display: grid;grid-template-columns: 2fr 5fr;}
.et-panel-lc-img-cover{position: relative;height: 100%;width: 100%;}
.et-panel-lc-img-cover img{position: relative;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.et-panel-lc-row{display: flex;align-items: flex-end;gap: 10px;}
.et-panel-lc-details{width: 100%;height: 130px;display: flex;flex-direction: column;justify-content: space-between;gap: 10px;padding: 10px;overflow: hidden;}
.et-panel-lc-heading{color: var(--txt3-h1);font-weight: 800;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.et-panel-lc-detsvg{display: flex;align-items: center;gap: 2px;}
.et-panel-lc-detsvg > span{font-size: 14px;font-weight: 600;color: #50565F;}
.et-panel-lc-detsvg > span:nth-child(2){font-weight: 800;}
.et-panel-lc-detsvg > svg{width: 20px;height: 20px;transform: translateY(-1px);}
.et-panel-lc-price-div{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;}
.et-panel-lc-del-price{display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;min-height: 40px;}
.et-panel-lc-price{display: flex;align-items: center;gap: 5px;}
.et-panel-lc-price > span:first-child{font-size: 18px;color: var(--txt1-col);font-weight: 800;line-height: 5px;}
.et-panel-lc-price > span:last-child{font-size: 12px;color: var(--txt2-col);font-weight: 400;}
.et-panel-leaderboard-main{width: 100%;display: flex;flex-direction: column;gap: 15px;}
.et-panel-lb{width: 100%;height: 130px;border-radius: 7px;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;gap: 10px;background-color: #F8F7F7;padding: 10px;}
.et-panel-lb-img-cover{width: 100%;overflow: hidden;display: flex;gap: 15px;}
.et-panel-lb-img-cover img{width: 50px;height: 50px;border-radius: 50%;object-fit: cover;object-position: center;}
.et-panel-lb-img-cover .txt{display: flex;flex-direction: column;justify-content: space-between;}
.et-panel-lb-img-cover .txt > h3{font-size: 15px;font-weight: 800;color: var(--txt1-col);}
.et-panel-lb-img-cover .txt > p{font-size: 13px;font-weight: 600;color: var(--txt1-col);display: flex;gap: 5px;}
.et-panel-lb-img-cover .txt > p > mark{font-weight: 800;background-color: transparent;color: var(--first-t);}
.lb-price-div{width: 100%;height: 40px;background-color: #F0F0F0;border-radius: 10px;overflow: hidden;white-space: nowrap;display: flex;align-items: center;justify-content: space-between;font-size: 13px;font-weight: 600;padding: 0 10px;color: var(--first-t);}
.lb-price{display: flex;align-items: center;gap: 5px;flex-direction: row-reverse;}
.lb-price > span:first-child{font-size: 18px;color: var(--first-t);font-weight: 800;line-height: 5px;}
.lb-price > span:last-child{font-size: 12px;color: var(--first-t);font-weight: 400;}
.et-panel-banner{width: 100%;border-radius: 10px;overflow: hidden;}
.et-panel-banner.text-copy{height: 120px;display: flex;flex-direction: column;gap: 10px;background-color: #fff;}
.et-panel-banner textarea{direction: ltr;width: 100%;min-height: 80px;height: fit-content;display: block;border-bottom: none;outline: none;resize: none;background-color: #fff;padding: 15px;text-align: center;border-radius: 10px 10px 0 0;color: var(--txt2-col);font-size: 13px;font-weight: 500;transition: all 0.2s ease;appearance: none;}
.et-panel-banner .sp_color_back{display: block;min-height: 40px;width: 100%;background: var(--first);color: #FFF;border-radius: 0 0 10px 10px;padding: 7px 0;cursor: pointer;font-size: 14px;font-weight: 600;transition: all 0.2s ease;}
.et-panel-banner .sp_color_back:hover{background: var(--hover-col);}
.et-panel-banner.tel-bot{height: 120px;display: flex;flex-direction: column;justify-content: space-between;padding: 15px;gap: 10px;background: linear-gradient(270deg, #0061C8 -20%, #007BE9 120%);}
.et-panel-banner-img-cover{width: 100%;overflow: hidden;display: flex;gap: 15px;}
.et-panel-banner-img-cover svg{width: 40px;height: 40px;}
.et-panel-banner-img-cover .txt{display: flex;flex-direction: column;justify-content: center;}
.et-panel-banner-img-cover .txt > h3{font-size: 13px;font-weight: 600;color: #fff;}
.et-panel-telegrambot{display: flex;width: 100%;height: 40px;display: flex;align-items: center;background-color: #fff;border-radius: 8px;overflow: hidden;white-space: nowrap;padding: 5px;}
.et-panel-telegrambot #et_panel_sp_copytextinput{direction: ltr;width: 100%;height: 100%;display: flex;align-items: center;padding: 0 10px;color: var(--txt2-col);font-size: 13px;font-weight: 600;transition: all 0.2s;appearance: none;overflow: hidden;white-space: nowrap;}
.et-panel-telegrambot .sp_color_back{width: 40px;height: 100%;background-color: #fff;border-radius: 5px;padding: 7px 0;cursor: pointer;font-size: 14px;font-weight: 600;position: relative;transition: all 0.3s;}
.et-panel-telegrambot .sp_color_back > svg path{transition: all .3s;}
.et-panel-telegrambot .sp_color_back:hover{background-color: transparent;}
.et-panel-telegrambot .sp_color_back:hover > svg path{stroke: var(--first);}

/* --------------------Webinar-------------------- */

table.et-table{width: 100%;border-collapse: collapse;table-layout: fixed;overflow: hidden;}
thead,tbody{width: 100%;display: flex;flex-direction: column;justify-content: space-evenly;}
tbody tr , thead tr{display: flex;justify-content: space-around;}
tbody td , thead th{width: 100%;display: flex;justify-content: center;align-items: center;}
tbody{gap: 5px;}
thead th{background-color: #F5F5F5;font-size: 13px;font-weight: 600;border: none;font-weight: 800;margin-bottom: 10px;}
tbody tr{background-color: #fff;border: 1px solid #00000019;transition: all .2s ease;border-radius: 7px;}
tbody tr:hover{background-color: #fafafa;}
table.et-table th,table.et-table td{font-size: 13px;text-align: center;padding: 15px;color: var(--txt1-col);}
table.et-table td:first-child{font-weight: 800;}
button.actions{min-width: 100px;height: 35px;display: flex;justify-content: center;align-items: center;border-radius: 7px;padding: 0 15px;background-color: var(--first);color: #fff;cursor: pointer;transition: all .2s ease;font-size: 13px;font-weight: 600;}
button.actions:hover{background-color: var(--hover-col);}

/* --------------------Course-------------------- */

span.et-done{color: var(--first-t);font-size: 13px;font-weight: 800;position: relative;display: flex;align-items: center;}
span.et-done::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Ccircle cx='10' cy='10' r='3' fill='%23228A65' /%3E%3C/svg%3E");position: relative;top: 4px;}
span.et-undone{color: #ea250f;font-size: 13px;font-weight: 800;position: relative;display: flex;align-items: center;}
span.et-undone::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Ccircle cx='10' cy='10' r='3' fill='%23ea250f' /%3E%3C/svg%3E");position: relative;top: 4px;}
.et-actions-in-table{display: flex;justify-content: center;gap: 5px;flex-wrap: wrap;}
button.et-default-btn{height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 7px;padding: 0 15px;color: var(--txt1-col);cursor: pointer;transition: all .2s ease;font-size: 12px;font-weight: 600;background-color: #F0F2F7;}
button.et-pay-btn{height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 7px;padding: 0 15px;color: #fff;cursor: pointer;transition: all .2s ease;font-size: 12px;font-weight: 600;background-color: var(--first-t);}
button.et-telegram-btn{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 7px;color: #fff;cursor: pointer;transition: all .2s ease;font-size: 12px;font-weight: 600;background-color: #0061C8;}
button.et-telegram-btn svg{width: 25px;height: 25px;}
button.et-delete-btn{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 7px;color: #fff;cursor: pointer;transition: all .2s ease;font-size: 12px;font-weight: 600;background-color: #ea250f;}
button.et-delete-btn svg{width: 20px;height: 20px;}

/* --------------------Account-------------------- */

.et-panel-account-main{width: 100%;display: flex;flex-direction: column;gap: 15px;}
/* Form */
::placeholder{color: #ABABAB;opacity: .8;font-size: 13px;font-weight: 400;transition: all .2s ease;}
input:focus::placeholder{opacity: 0;}.form-control:focus::placeholder{opacity: 0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-moz-appearance: none;appearance: none;-webkit-appearance: none;margin: 0;}input[type=number]{-moz-appearance: textfield;appearance: textfield;-webkit-appearance: textfield;}
.et-panel-form{display: flex;flex-direction: column;gap: 25px;}
.et-panel-formgrid2{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px 25px;}
.et-panel-formgrid3{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px 25px;}
.et-field{position: relative;width: 100%;margin-top: 25px;}
.et-input{width: 100%;height: 45px;background-color: #fff;border-radius: 7px;color: var(--txt1-col);font-size: 14px;font-weight: 600;padding: 0 15px;border: 1px solid #D8D8D8;transition: all .2s ease;}
.et-textarea{width: 100%;min-height: 200px;background-color: #fff;border-radius: 7px;border: 1px solid #D8D8D8;resize: none;overflow: auto;padding: 15px;color: var(--txt1-col);font-size: 14px;font-weight: 600;transition: all .2s ease;}
.et-input:focus,.et-textarea:focus{border-color: var(--first);}
.et-label{color: var(--txt1-col);font-size: 13px;font-weight: 600;position: absolute;right: 5px;top: -25px;transition: all 0.2s ease;}

.et-label > sup{color: #ea250f;margin-right: 2px;}
.et-sub-btn{width: 180px;max-width: 100%;height: 45px;border-radius: 7px;display: flex;justify-content: center;align-items: center;color: #fff;background-color: var(--first);transition: all .2s ease;cursor: pointer;font-size: 14px;font-weight: 600;}
.et-sub-btn:hover{background-color: var(--hover-col);box-shadow: 0 0 0 3px var(--first-33);}
.et-aself-end{align-self: flex-end;}
/* Form */
/* Select box */
select::-ms-expand{display: none;}
select,select option{color: var(--txt1-col);font-size: 13px;font-weight: 600;}
select:invalid,select option[value=""]{color: #ABABAB;font-size: 12px;font-weight: 600;}
select option[disabled]{color: #000;background-color: gainsboro;}
.et-selectdiv{position: relative;width: 100%;height: 45px;}
.et-selectdiv select{width: 100%;height: 100%;padding: 0 15px 0 35px;color: #ABABAB;font-size: 12px;font-weight: 600;background-color: #fff;border: 1px solid #D8D8D8;border-radius: 7px;-webkit-appearance: none;-moz-appearance: none;appearance: none;transition: all 0.2s;}
.et-selectdiv:after{position: absolute;left: 15px;top: 15px;content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.61508 4.54112L5.9907 8.1655C5.93973 8.21641 5.87064 8.245 5.79861 8.245C5.72657 8.245 5.65748 8.21641 5.60651 8.1655L1.98214 4.54112C1.93412 4.48959 1.90798 4.42144 1.90922 4.35102C1.91046 4.2806 1.93899 4.21341 1.9888 4.1636C2.0386 4.1138 2.10579 4.08527 2.17621 4.08403C2.24663 4.08278 2.31479 4.10892 2.36632 4.15694L5.79861 7.58877L9.23089 4.15694C9.28242 4.10892 9.35058 4.08278 9.421 4.08403C9.49142 4.08527 9.55861 4.1138 9.60842 4.1636C9.65822 4.21341 9.68675 4.2806 9.68799 4.35102C9.68923 4.42144 9.66309 4.48959 9.61508 4.54112Z' fill='%23999'/%3E%3C/svg%3E%0A");}
.et-selectdiv select:focus{border-color: var(--first);}
/* Select box */
/* Upload Image */
.drop-zone{width: 100%;height: 200px;padding: 25px;border: 1px dashed #ABABAB99;border-radius: 7px;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;font-size: 16px;cursor: pointer;color: #ABABAB;background-color: #00000003;}
.drop-zone .drop-zone__prompt:first-child{width: 50px;height: 50px;background-color: var(--first-22);border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-bottom: 15px;color: var(--first);font-size: 16px;font-weight: 800;font-style: normal;}
.drop-zone .drop-zone__prompt:last-child{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.drop-zone__prompt p:first-child{width: 100%;color: var(--first);text-align: center;font-size: 12px;font-weight: 600;}
.drop-zone__prompt p:last-child{width: 100%;color: var(--txt2-col);text-align: center;font-size: 12px;font-weight: 600;}
.drop-zone--over{border-color: var(--first-t);}
.drop-zone__input {display: none;}
.drop-zone__thumb {width: 100%;height: 100%;border-radius: 5px;overflow: hidden;background-color: #cccccc;background-size: cover;position: relative;}
.drop-zone__thumb::after {content: attr(data-label);position: absolute;bottom: 0;left: 0;width: 100%;padding: 5px 0;color: #ffffff;background: rgba(0, 0, 0, 0.75);font-size: 14px;text-align: center;}
/*Upload Image */

/* --------------------Ticket-------------------- */

.et-panel-ticket-widget{width: 100%;display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;}
.et-panel-tw{width: 100%;height: fit-content;padding: 15px;border-radius: 15px;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;background-color: #F8F7F7;}
.et-panel-tw svg{margin-bottom: 10px;width: 40px;height: 40px;}
.et-panel-tw > span.txt-first{font-size: 14px;font-weight: 800;color: var(--txt2-col);line-height: 20px;}
.et-panel-tw > span.txt-last{font-size: 18px;font-weight: 800;line-height: 20px;}
.et-panel-tw.open-ticket > span.txt-last{color: #DB2626;}
.et-panel-tw.open-ticket circle{fill: #DB2626;}
.et-panel-tw.close-ticket > span.txt-last{color: #E76609;}
.et-panel-tw.close-ticket circle{fill: #E76609;}
.et-panel-tw.answer-ticket > span.txt-last{color: #35AE6D;}
.et-panel-tw.answer-ticket circle{fill: #35AE6D;}
.et-panel-tw.done-ticket > span.txt-last{color: #000;}
.et-panel-tw.done-ticket circle{fill: #000;}
.min-wid-200{width: 200px;max-width: 100%;}
.et-form-aself-end{align-self: flex-end;}
.et-filters{width: 100%;height: 100%;background-color: #F8F7F7;border-radius: 7px;}
.et-form-filter{width: 100%;min-height: 80px;display: flex;justify-content: space-between;align-items: center;gap: 25px;padding: 25px;flex-wrap: wrap;}
.et-form-filter-row{display: flex;gap: 10px;flex-wrap: wrap;}
.et-ticket-table tbody tr{background-color: #F8F7F7;border: 1px solid #ddd;}
.et-td-2row{display: flex;flex-direction: column;align-items: flex-start;gap: 5px;}
.et-td-2row > h4{font-weight: 800;font-size: 14px;color: var(--txt1-col);}
.et-td-2row > span:first-child{font-weight: 600;font-size: 13px;color: var(--txt1-col);}
.et-td-2row > span:last-child{font-weight: 600;font-size: 12px;color: var(--txt2-col);}
span.et-priority-high,span.et-priority-medium,span.et-priority-low{font-size: 12px;font-weight: 800;display: flex;align-items: center;justify-content: center;border-radius: 5px;width: 60px;height: 30px;}
span.et-priority-high{background-color: #DB262622;color: #DB2626;}
span.et-priority-medium{background-color: #ff6a0022;color: #ff6a00;}
span.et-priority-low{background-color: #18A8F522;color: #18A8F5;}
span.et-status-open{font-size: 12px;font-weight: 800;display: flex;align-items: center;justify-content: center;border-radius: 5px;width: 60px;height: 30px;background-color: #fff;border: 1px solid #ddd;color: var(--first-t);position: relative;}
span.et-status-open::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Ccircle cx='10' cy='10' r='3' fill='%23228A65' /%3E%3C/svg%3E");top: 4px;position: absolute;right: 0;}
span.et-status-close{font-size: 12px;font-weight: 800;display: flex;align-items: center;justify-content: center;border-radius: 5px;width: 60px;height: 30px;background-color: #fff;border: 1px solid #ddd;color: red;position: relative;}
span.et-status-close::before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Ccircle cx='10' cy='10' r='3' fill='red' /%3E%3C/svg%3E");top: 4px;position: absolute;right: 0;}
button.see-ticket{background-color: #aaa;color: #fff;}

/* --------------------Wallet-------------------- */

.et-panel-form-wallet{width: 100%;max-width: 100%;display: flex;gap: 10px;align-self: center;}
span.et-balance-up{font-size: 13px;font-weight: 600;color: var(--first-t);direction: ltr;}
span.et-balance-down{font-size: 13px;font-weight: 600;color: #ea250f;direction: ltr;}
.et-panel-balance{height: 40px;min-width: 120px;border-radius: 7px;display: flex;gap: 10px;align-items: center;align-self: flex-end;padding: 0 10px;background-color: #FaFaFa;}
.et-panel-balance p{font-size: 13px;font-weight: 600;color: var(--txt2-col);}
span.et-panel-balance-toman{font-size: 18px;font-weight: 800;color: var(--first-t);position: relative;}
span.et-panel-balance-toman::after{content: "تومان";font-weight: 600;font-size: 10px;color: var(--first-t);margin-right: 4px;}

@media screen and (max-width: 1200px)
{
  .et-panel-container{grid-template-columns: 1fr;}
  .et-panel-2col{grid-template-columns: 1fr;}
}
@media screen and (max-width: 1200px)
{
  .et-panel-formgrid3{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 768px)
{
  table.et-table thead{display: none;}
  table.et-table tbody{gap: 10px;}
  table.et-table tr{border: 2px solid #00000019;display: block;}
  table.et-table td{border-bottom: 1px solid #00000019;display: flex;justify-content: space-between;font-size: 12px;}
  table.et-table td::before{content: attr(data-label);font-size: 13px;font-weight: 600;color: var(--txt1-col);position: relative;}
  table.et-table td:last-child{border-bottom: none;}
  table.et-table td{padding: 10px 15px;}
  .et-panel-formgrid2{grid-template-columns: 1fr;gap: 15px 25px;}
  .et-panel-formgrid3{grid-template-columns: 1fr;gap: 15px 25px;}
  .et-aself-end{align-self: center;}
  .et-panel-ticket-widget{grid-template-columns: repeat(auto-fill,minmax(150px , 1fr))}
  .min-wid-200{min-width: 100%;}
  .et-form-filter{flex-direction: column;}
  .et-panel-form-wallet{width: 100%;flex-direction: column;}
}
@media screen and (max-width: 480px)
{
  .et-panel-lc{height: auto;grid-template-columns: 1fr;}
  .et-panel-lc-img-cover img{aspect-ratio: 5/2;}
  .et-panel-lc-detsvg > span{font-size: 13px;}
}

/* ----------------- referral -----------------*/
.et-input-group{display: flex;}
.et-input-group-addon{padding: 5px 0px;align-items: center;justify-content: center;background-color: #eaecf0;border: 1px solid #d0d5dd;border-radius: 0px 7px 7px 0px;color: rgb(52, 52, 52);font-weight: 600;line-height: 1.5rem;text-align: center;width: 60%;height: 53px;}
.input-center{border-radius: 0px;text-align: center;direction:ltr;font-size: 1.3rem;padding: 9px 0px;height: 53px;}
.left-addon{border-radius: 7px 0px 0px 7px;width: 100%;}