.ShipmentTitle,
.ticket_header,
.titleStyle {
 font-weight:700
}
.header_items,
.notif_container,
.table-responsive {
 white-space:nowrap
}
.ShipMainBox {
 padding:10px
}
.ImgBoxShipePrd {
 display:flex;
 justify-content:center;
 align-items:center;
 margin-bottom:15px;
 border-bottom:1px solid #eaeaea;
 padding-bottom:10px
}
.ImgBoxShipePrd img {
 max-width:200px
}
.ShipmentDetailItem {
 text-align:right;
 border-radius:5px;
 overflow:hidden;
 border:1px solid #dcdcdc;
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-bottom:10px
}
.OverHide {
 overflow:hidden
}
.ShipmentTitle {
 background:#000;
 color:#f5f5f5!important;
 padding:8px 10px;
 width:170px;
 text-align:center
}
.ShipmentValue {
 margin-left:15px
}
#btn_RegisterAddress.w180px {
 width:185px!important
}
.My_BorderInvoice {
 border-radius:12px;
 border:1px solid #eee;
 overflow:hidden;
 box-shadow:13px 11px 81px 0 rgb(0 0 0 / 10%);
 background:#fff;
 padding:7px 0
}
.BoxRowAddress {
 display:flex;
 width:100%;
 justify-content:center;
 align-items:center;
 padding-top:4px;
 padding-bottom:4px;
 margin:0 9px;
 border-radius:9px
}
#usersNames,
.div_Adresses {
 display:flex;
 align-items:center
}
.BoxRowAddress .my_radio_address {
 margin-bottom:0!important
}
.my_radio_address {
 display:block;
 position:relative;
 padding-right:30px;
 margin-bottom:12px;
 cursor:pointer;
 font-size:13px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.my_radio_address input {
 position:absolute;
 opacity:0;
 cursor:pointer;
 height:0;
 width:0
}
.Check_InputInvoice {
 position:absolute;
 top:-2px;
 right:0;
 height:22px;
 width:22px;
 background-color:#fff;
 border-radius:50%;
 border:1px solid
}
.div_cols .col {
 padding-right:3px;
 padding-left:3px
}
.my_radio_address:hover input~.Check_InputInvoice {
 background-color:#ccc
}
.my-form-group>label,
.my_radio_address input:checked~.Check_InputInvoice,
.widgets_wrapper {
 background-color:#fff
}
.Check_InputInvoice:after {
 content:"";
 position:absolute;
 display:none
}
.my_radio_address input:checked~.Check_InputInvoice:after {
 display:block
}
.my_radio_address .Check_InputInvoice:after {
 top:6px;
 left:6px;
 width:8px;
 height:8px;
 border-radius:50%;
 background:#4cbddb
}
.div_BNT_AddAddress {
 display:flex;
 align-items:flex-start;
 justify-content:flex-end
}
.conf_addressx,
.delete_addressx,
.edit_addressx {
 width:30px!important;
 height:30px!important;
 font-size:15px;
 padding:0!important;
 color:#6c757d;
 border-color:#6c757d
}
.BoxRowAddress:nth-child(odd) {
 background:#fbf6f4
}
.ticket_header {
 text-align:left;
 font-size:16px;
 color:#000
}
.alert,
.clientticket .ticket_header,
.notif_container {
 /* text-align:right; */
}
.titleStyle,
.txtStyle {
 color:var(--color-golden)!important
}
.user_name {
 margin-left:25px
}
.attachments,
.collapsed_btn span,
.ticket_footer {
 display:flex;
 align-items:center;
 justify-content:center
}
.ticket_footer {
 justify-content:space-between;
 padding:10px
}
.attachments img {
 width:40px;
 height:40px;
 margin:0 15px
}
.ticket_body *,
.ticket_footer * {
 font-size:14px!important
}
.ticket_body {
 border-bottom:1px solid #ebebeb
}
.customermsg {
 padding:14px 10px!important
}
.userInf,
a {
 color:#222429
}
.LoadingTime {
 pointer-events:none;
 opacity:.8
}
.LoadBtn {
 width:25px;
 height:25px;
 margin-right:5px;
 display:none
}
.Loadfade {
 display:inline-block
}
.GoToWebSite {
 width:100%;
 height:100%;
 position:relative;
 display:flex;
 align-items:center;
 justify-content:center
}
.userInf {
 display:flex;
 align-items:center;
 font-size:13px
}
.userInf span {
 padding-right:.5rem;
 font-size:14px
}
.GoToWebSite span {
 font-size:18px;
 color:red;
 letter-spacing:2px;
 font-weight:700
}
#sl_AffiliateCategoryProduct_chosen {
 flex-basis:0;
 flex-grow:1;
 max-width:100%
}
#sl_AffiliateCategoryProduct_chosen .chosen-single {
 border-radius:0!important;
 font-size:12px!important;
 display:block;
 width:100%;
 height:calc(1.5em + .75rem + 2px);
 padding:.375rem .75rem;
 font-weight:400;
 line-height:1.5;
 color:#495057;
 background-color:#fff;
 background-clip:padding-box;
 border:1px solid #ced4da;
 transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.h_100px_CH {
 height:100px!important
}
.BgPaper,
body {
 background-color:#fafafa!important;
 filter:none!important;
 -ms-filter:none!important;
 background-repeat:repeat;
 padding-right:0!important
}
.text-danger {
 color:red!important;
 font-weight:600;
 font-size:12px;
 margin-bottom:4px
}
.ACBtnP,
.flag_ch .navbar-nav .dropdown-menu li a {
 color:#fff!important
}
#Exit {
 cursor:pointer
}
.mini_widgets {
 padding-bottom:20px
}
.information_container {
 width:100%;
 display:flex;
 flex-wrap:wrap;
 justify-content:center
}
.info_frame {
 border:1px solid var(--color-golden);
 border-radius:4px;
 padding:1rem;
 display:flex;
 flex-direction:column;
 align-items:center
}
.ACBtnP {
 background-color:var(--color-golden)!important;
 display:inline!important
}
.notif_container {
 padding:0;
 margin:0;
 color:#212529;
 font-size:14px;
 width:100%;
 display:flex;
 flex-wrap:wrap;
 justify-content:center
}
.d-overr {
 overflow-x:hidden
}
.form-control:focus {
 box-shadow:unset;
 border: 1px solid var(--color-golden)!important;
}
.alert {
 /* font-size:12px; *//* padding:.4rem; */
}
.FelexDir_CH {
 flex-direction:column!important
}
.FelexDir_CH li a,
.bg_orange_ch a:hover svg,
.flag_ch .navbar-nav .dropdown-menu li:hover a {
 color:#4b4b4b!important
}
.flag_ch .navbar-nav .dropdown-menu {
 background-color:#ff5c5c!important;
 min-width:100%!important
}
.flag_ch .navbar-nav .dropdown-menu li {
 display:flex;
 justify-content:center
}
.flag_ch .navbar-nav .dropdown-menu li:hover {
 background-color:#fff!important;
 margin-right:10px;
 margin-left:10px;
 border-radius:5px
}
.bg_orange_ch {
 background-color:#ff5c5c!important
}
.bg_orange_ch a:hover {
 background-color:#fff!important;
 border-radius:5px;
 color:#000!important
}
.brdrcode_hr {
 border:1px solid #ccc
}
.acontbtn_hr:hover,
.grybtn_hr {
 color:#fff!important;
 border:1px solid #797b7d
}
.transbg_hr {
 background:0 0
}
.aposition_hr,
.spnpos_hr {
 background:#fff;
 position:relative
}
.acontbtn_hr:hover {
 background-color:#797b7d!important
}
.spnpos_hr {
 float:right;
 bottom:21px;
 padding:0 9px;
 left:4px;
 font-size:13px;
 color:#000
}
.aposition_hr {
 bottom:17px;
 left:15px;
 padding:0 8px
}
.acontbtn_hr,
.grybtn_hr {
 padding:10px 16px;
 direction:rtl;
 font-size:1rem;
 line-height:1.571
}
.grybtn_hr {
 background-color:#797b7d;
 border-radius:8px
}
.acontbtn_hr,
.grybtn_hr:hover {
 border:1px solid #ef394e;
 color:#fff!important
}
.grybtn_hr:hover {
 background-color:#ef394e
}
.btn-return:hover,
.btn_login:hover {
 background-color:#00a652!important
}
.fnt_hr {
 font-size:1rem;
 font-family:inherit;
 height:48px
}
.acontbtn_hr {
 font-weight:700;
 background-color:#ef394e!important;
 border-radius:8px
}
.psize_hr {
 font-size:.714rem;
 line-height:25px;
 color:#62666d
}
.abrdr_hr {
 border-bottom:1px solid #62666d
}
.inputSecurity {
 height:calc(1.7rem + 2px)!important
}
.inputCaptcha {
 height:calc(2rem + 10px)!important;
 width:90px
}
.fnt14,
.security-title {
 font-size:14px
}
.row-security {
 margin-top:35px!important
}
.box-inputCaptcha {
 padding-right:0!important
}
.security-box {
 background-color:#f8f9fa
}
.btn_login {
 background-color:#2196f3!important;
 border-color:#2196f3!important;
 height:50px!important
}
.btn_login:hover {
 border-color:#00a652!important
}
.btn-return {
 background-color:#e0e0e0!important;
 color:#000!important;
 margin-top:50px!important
}
.btn-return:hover {
 color:#fff!important
}
.my-form-group {
 position:relative;
 margin-top:30px
}
.my-form-group>label {
 position:absolute;
 top:-12px;
 right:20px;
 padding-right:8px;
 padding-left:8px
}
h6 strong {
 font-weight:700;
 font-size:18px
}
.CheckTabIndex {
 line-height:1.85
}
.image {
 /* width:50px; *//* height:50px; */
}
.panel {
 margin-top:9px
}
.main-login-panel {
 margin-top:30px
}
a.refreshCaptcha {
 margin-top:2px!important;
 height:31px;
 padding:2px 4px 0
}
.row-title {
 border-bottom:1px solid #dee2e6;
 padding-bottom:15px
}
.returnbox {
 margin-right:0!important
}
.text-password {
 color:#1ca2bd;
 border-bottom:1px dashed #1ca2bd;
 font-size:16px
}
.text-password:hover {
 color:red
}
.input {
 height:60px!important
}
.username {
 margin-top:50px!important
}
img.imgCaptcha {
 width:120px
}
.security-box-height {
 height:77px
}
ul li {
 line-height:3
}
.titlebg00 .nav-pills a.active {
 border-bottom:2px solid var(--color-golden);
 padding-bottom:4px;
 color:var(--color-golden)
}
.titlebg00 .nav-pills a {
 border-bottom:2px solid transparent;
 font-size:12px;
 margin-left:16px
}
#tabs_hr h6.section-title {
 color:#eee
}
#tabs_hr .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
 /* color:#535353; *//* background-color:transparent; *//* border-color:transparent transparent var(--color-golden); *//* border-bottom:2px solid var(--color-golden)!important; *//* font-size:13px; *//* font-weight:700; */
}
#tabs_hr .nav-tabs .nav-link {
 border:1px solid transparent;
 border-top-left-radius:.25rem;
 border-top-right-radius:.25rem;
 color:#535353;
 font-size:15px;
 display:flex!important;
 align-items:center;
 justify-content:center
}
#tabs_hr .nav-tabs {
 min-height:inherit;
 border-bottom:none;
 padding:0;
 border-radius:10px 10px 0 0
}
.table td,
.table th {
 color:#9b9ba0!important;
 font-size:12px
}
.tdatag_hr {
 color:#faa200;
 border-bottom:1px dotted;
 float:left
}
.pnkbtn_hr {
 background:var(--color-golden);
 color:#fff!important;
 font-size:12px;
 font-weight:200
}
.paybtn_hr,
.shopbtn_hr {
 direction:rtl;
 font-size:14px;
 color:#fff;
 line-height:1.571
}
.shopbtn_hr {
 background-color:#ef394e;
 border:1px solid #ef394e
}
.paybtn_hr {
 background-color:#474747;
 border:1px solid #474747
}
.graybg_hr {
 background-color:#47474721;
 border:2px solid #47474730;
 padding-top:10px;
 padding-bottom:10px;
 float:right;
 width:100%;
 color:#000;
 font-size:13px;
 line-height:1.571
}
.showPass,
.show_password {
 left:2rem;
 font-size:1.3rem;
 position:absolute;
 cursor:pointer
}
.dataTable tr.pnkbg_hr {
 background:#797b7d38
}
.header_items {
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-between
}
input::-ms-clear,
input::-ms-reveal {
 display:none
}
.show_password {
 top:1.6rem
}
.showPass {
 top:.5rem
}
.widgets_wrapper {
 box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;
 min-height:205px;
 margin-top:1rem;
 border-radius:3px;
 padding:.7rem
}
.content_bg,
.widgets_wrapper:hover {
 box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d
}
#tabs_hr nav,
.content_bg {
 background-color:#fff;
 min-height:100px;
 border-radius:3px;
 transition:.3s cubic-bezier(.25, .8, .25, 1)
}
.widgets_wrapper:hover {
 transition:.3s cubic-bezier(.25, .8, .25, 1)
}
.form-wrapperse,
.mini_widgets a {
 display:flex
}
#cke_message,
.btnLogin,
.widgets_wrapper .widget-content {
 width:100%
}
.mini_widgets_header {
 display:flex;
 align-items:center;
 justify-content:space-between;
 border-bottom:1px solid var(--color-golden) 4f;
 color:var(--color-golden)!important;
 padding-bottom:.7rem
}
#tabs_hr nav,
.info_container {
 border-bottom:1px solid #eee
}
.mini_widgets_body {
 padding-top:.7rem
}
#tabs_hr nav {
 width:100%;
 height:100%;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:bottom center
}
.content_bg {
 padding:1rem;
 margin-top:1rem
}
.table-responsive thead {
 background-color:var(--color-golden)
}
.table {
 padding:0;
 margin:0
}
.table-responsive table {
 border-collapse:unset!important
}
.table-responsive .table thead th {
 border:1px solid var(--color-golden);
 border-bottom:2px solid var(--color-golden);
 font-size:12px;
 color:#fff!important;
 font-weight:600
}
.table-responsive td {
 color:#000!important;
 font-size:14px
}
.LoginedMenu li .flexRev:hover,
.NoSub:hover,
.form-wrapperse button {
 color:var(--color-golden)
}
.table-responsive td .btn,
.table-responsive td .button,
.table-responsive th .btn {
 background-color:#ffb396;
 color:#171717!important;
 border:2px solid #ffb396;
 border-radius:8px;
 font-size:12px;
 font-weight:600
}
.profileImgContainer #userImg {
 width:50px;
 height:50px;
 border-radius:50%
}
.info_container {
 position:relative;
 padding-bottom:5px
}
.info_container form {
 position:absolute;
 right:10px
}
.LoginedMenu li a.NoSub {
 color:#333;
 font-size:14px;
 padding:0;
 font-weight:500
}
.form_wrapper {
 border-radius:8px;
 padding:2rem;
 box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;
 box-shadow:0 2px 4px 0 rgb(0 0 0 / 10%);
 background:#fff
}
.input-group-text {
 background-color: #ccd6e6;
}
.form-wrapperse button {
 font-size:12px;
 border:2px solid var(--color-golden);
 background-color:transparent;
 height:inherit;
 padding:0 1rem;
 position:relative;
 margin-left:5px;
 border-radius:12px!important;
 font-weight:600
}
.form-wrapperse button::after {
 content:"";
 position:absolute;
 z-index:-1;
 right:0;
 width:0;
 bottom:0;
 background:var(--color-golden);
 color:#333;
 height:100%;
 transition-property:width;
 transition-duration:.6s;
 transition-timing-function:ease-out;
 border-radius:9px!important
}
.form-wrapperse button:hover:after {
 right:0;
 left:auto;
 width:100%;
 z-index:0
}
.form-wrapperse button:hover>span {
 z-index:5;
 color:#fff;
 position:relative
}
.input-group-text {
 color: #1f1f1f;
 border: 1px solid #ccd6e6;
 text-align:center;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:12px!important;
 margin-left:5px;
 font-size:12px;
 font-weight:600
}
input,
select,
textarea {
 border:2px solid #ccd6e6!important;
 font-size:12px!important;
 height:45px!important;
 border-radius:12px!important
}
#Indexing .btn_index,
#indexing .btn_index {
 border:1px solid var(--color-golden);
 background-color:transparent;
 color:var(--color-golden);
 font-size:12px;
 margin:0 2px
}
.form_title {
 display:flex;
 align-items:center;
 padding-bottom:1rem;
 color:#212529;
 font-size:1.3rem;
 font-weight:700;
 margin-bottom:35px
}
.form_title span:before {
 content:'';
 background:var(--color-golden);
 width:45%;
 height:3px;
 position:relative;
 margin-bottom:10px;
 display:block;
 top:44px;
 border-radius:5px
}
.LoginedMenu {
 padding:1rem
}
.SubItems {
 display:none;
 border-bottom:1px solid var(--color-golden);
 position:relative
}
.SubItems ul {
 padding:0 1rem;
 background-color:#fbf6f4
}
.flexRev {
 align-items:center;
 justify-content:space-between;
 width:100%;
 align-items:center;
 justify-content:space-between;
 color:#212125;
 font-size:15px;
 padding:0;
 font-weight:500;
 line-height:2.5
}
.my_profile #usersNames {
 margin-right:auto;
 font-weight:700
}
.LoginedMenu li {
 cursor:pointer;
 padding:0;
 position:relative
}
.my_profile {
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin:0;
 cursor:pointer;
 min-height:60px
}
.infoWrapper {
 display:flex;
 flex-direction:column;
 align-items:start;
 padding:0 .9rem
}
.infoWrapper a {
 display:flex;
 align-items:center;
 line-height:3
}
.infoWrapper a span {
 padding-right:.5rem;
 font-size:14px;
 font-weight:500
}
.col-md-9.BoxRightDashboard {
 padding-right:0
}
#usersNames .fa-angle-down {
 margin-right:.4rem
}
.menu__container {
 max-height:636px;
 overflow-y:auto;
 scroll-behavior:smooth;
 scrollbar-width:thin;
 padding:20px!important
}
.collapsed_btn {
 display:none;
 padding:.7rem;
 font-size:2rem;
 color:var(--color-golden);
 cursor:pointer
}
.canvas_text,
.dropzone {
 color:#777;
 font-size:13px
}
.mini_widgets .col-lg-4 {
 padding:0 .5rem
}
.Drop__Paste {
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
 margin-top:15px
}
#my_canvas,
.dropzone {
 border:2px solid #ccd6e6!important;
 border-radius:12px;
 height:100%;
 width:100%
}
.dropzone {
 display:flex;
 align-items:center;
 justify-content:center
}
.canvas_text {
 position:absolute;
 left:0;
 right:0;
 margin:0 auto;
 top:40%;
 text-align:center;
 padding-right:15px;
 padding-left:15px
}
.custom-file-label::after {
 background-color: #ccd6e6 !important;
 color: #1f1f1f!important;
 min-width:110px;
 display:flex;
 justify-content:center;
 border-radius:0 9px 9px 0;
 font-weight:700;
 font-size:12px;
 height:calc(1.5em + 1.5rem);
 align-items:center
}
.custom-file-label {
 border-width:2px;
 border-color:#ccd6e6;
 border-radius:12px!important;
 height:45px;
 text-align:left;
 line-height:2.5;
 overflow:hidden
}
.btn_red {
 border: 1px solid var(--color-golden);
 color:#fff;
 border-radius: 0;
 font-size:13px;
 background: var(--color-golden);
}
.btn_red_outline {
 border:2px solid var(--color-golden);
 color:var(--color-golden);
 background-color:transparent;
 border-radius:0;
 font-size:12px;
 font-weight:600
}
.btn_gray {
 border:1px solid #666;
 color:#fff;
 background-color:#666;
 border-radius:0;
 font-size:13px
}
.dz-default {
 text-align:center
}
.BoxImgFav01,
.footerter {
 text-align:right;
 display:flex
}
.pcalBtn {
 position:absolute;
 left:30px;
 top:35px
}
.flex991 {
 display:flex;
 align-items:center;
 justify-content:start;
 flex-wrap:wrap
}
.ColBoxFavEt {
 flex:0 0 33.33%;
 width:33.33%;
 font-size:13px;
 padding:.5rem;
 border:0
}
.BoxImgFav01 {
 padding:1rem;
 align-items:center;
 justify-content:space-between;
 border:1px solid #dcdcdc;
 border-radius:15px!important;
 flex-wrap:wrap;
 box-shadow:0 2px 4px 0 rgb(0 0 0 / 10%)
}
.footerter {
 border:none;
 background:0 0;
 padding:0;
 justify-content:center;
 margin-top:-26px
}
.BoxPriceFav {
 display:flex;
 flex-direction:column
}
.BoxImgFav01 a img {
 width:80px
}
.footerter span {
 margin:7px;
 font-size:12px;
 background:0 0
}
.headerder {
 background:var(--color-golden);
 left:0;
 top:0;
 width:100%;
 height:50px;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:right bottom;
 background-image:url(/FileManager/Icons/shape-31.png);
 position:relative;
 display:flex;
 align-items:center;
 border-radius:15px!important;
 margin-bottom:5px;
 justify-content:center
}
.BoxTxtFav01 h2 {
 font-size:12px;
 color:#333;
 font-weight:700;
 overflow:hidden;
 margin-bottom:0
}
.card {
 position:unset!important;
 flex:unset!important
}
.btns_TranTime_act {
 background-color:#0f6bda!important;
 color:#fff
}
@media(max-width:1350px) {
 .input_wrapper .col {
  flex:0 0 50%;
  max-width:50%;
  margin-bottom:.7rem;
  transition:.3s
 }
 .form_wrapper {
  padding:1rem;
  transition:.3s
 }
}
@media(max-width:1200px) {
 .ColBoxFavEt {
  flex:0 0 50%;
  width:50%;
  transition:.3s
 }
}
@media(max-width:1100px) {
 .LoginedMenu,
 .info_container {
  padding:0 5px
 }
 .ticket__wrapper .col-md-6 {
  flex:0 0 100%;
  max-width:100%;
  transition:.3s
 }
}
@media(min-width:900px) {
 #Logined_Menu {
  display:block!important
 }
}
@media(max-width:900px) {
 .infoWrapper,
 .my_profile {
  border-bottom:0
 }
 .bg_digi_CH {
  display:none
 }
 .panel__wrapper .col-md-3 {
  flex:0 0 100%;
  max-width:100%;
  transition:.3s
 }
 .panel__wrapper .col-md-9 {
  flex:0 0 100%;
  max-width:100%;
  padding-right:15px;
  transition:.3s
 }
 .collapsed_btn {
  display:block;
  transition:.3s
 }
 #Logined_Menu,
 .LoginedMenu,
 .user_information {
  display:none;
  position:absolute;
  background-color:#fff;
  z-index:10;
  left:15px;
  right:15px;
  top:100%;
  margin-top:3px;
  box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px
 }
 #tabs_hr nav {
  min-height:unset
 }
 .menu__container {
  display:flex;
  align-items:center;
  justify-content:space-between
 }
 .my_profile {
  padding:0
 }
 .info_container form {
  top:7px;
  right:22px
 }
 .my_profile #usersNames {
  margin-right:55px
 }
 .info_container {
  flex-basis:0;
  flex-grow:1;
  max-width:100%;
  position:unset
 }
 .menu__container {
  padding:0!important
 }
 #tabs_hr .nav-tabs .nav-link {
  font-size:13px
 }
 #tabs_hr .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
  border-bottom:3px solid var(--color-golden)!important;
  font-weight:unset
 }
 #userImg {
  width:40px;
  height:40px;
  border-radius:50%
 }
 #usersNames {
  padding-right:.7rem
 }
 .table-responsive .table thead th,
 .table-responsive td {
  font-size:11px
 }
 h5 {
  font-size:15px
 }
 .ticket__wrapper .col-md-6 {
  padding-right:8px;
  padding-left:8px
 }
}
.Login_title,
.adminticket,
.clientticket,
tbody tr {
 box-shadow:0 2px 4px 0 rgb(0 0 0 / 10%)
}
@media(max-width:650px) {
 .ColBoxFavEt {
  flex:0 0 100%;
  width:100%;
  transition:.3s
 }
}
@media(max-width:575px) {
 .input_wrapper .col {
  flex:0 0 100%;
  max-width:100%;
  margin-bottom:.7rem;
  transition:.3s
 }
 #tabs_hr .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
  border-bottom:2px solid var(--color-golden)!important;
  font-weight:unset
 }
 #tabs_hr .nav-tabs .nav-link {
  font-size:11px
 }
 .mini_widgets .col-lg-4 {
  padding:0
 }
 .col-md-3,
 .col-md-9 {
  padding-right:7px!important;
  padding-left:7px!important;
  transition:.3s
 }
 .py-3 {
  padding-bottom:7px!important;
  padding-top:7px!important;
  transition:.3s
 }
 .Drop__Paste .col {
  padding:0 5px
 }
 .canvas_text,
 .dropzone {
  font-size:11px;
  transition:.3s
 }
 .notif_container {
  padding:1rem 0;
  font-size:12px
 }
 .ticketTitle {
  order:2;
  transition:.3s;
  font-size:15px;
  padding:.5rem;
  text-align:center;
  width:100%
 }
 .ticketTitle h6 {
  font-size:13px;
  padding-top:.5rem
 }
}
.pricing-ex-section {
 position:relative;
 padding:30px 0 0
}
.pricing-ex-section .inner-box {
 position:relative;
 display:block
}
.pricing-ex-section .inner-box .shape-box .shape-1 {
 position:absolute;
 left:70px;
 bottom:-110px;
 width:220px;
 height:220px;
 background-color:#ecf6ed;
 border-radius:50%;
 -webkit-animation:5s linear infinite zoom-fade;
 animation:5s linear infinite zoom-fade;
 display:none
}
.pricing-ex-section .inner-box .shape-box .shape-2 {
 position:absolute;
 left:-30px;
 top:-50px;
 width:129px;
 height:129px;
 background-repeat:no-repeat;
 -webkit-animation:5s linear infinite zoom-fade;
 animation:5s linear infinite zoom-fade;
 z-index:0;
 display:none
}
.pricing-block-one .pricing-table {
 position:relative;
 display:block;
 border-radius:15px;
 background:#fff;
 padding:26px 30px 32px 40px;
 box-shadow:0 .125rem .25rem rgba(0,0,0,.075);
 height:280px;
 margin-bottom:26px
}
.pricing-block-one .pricing-table .shape-2 {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100px;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:bottom
}
.pricing-block-one .pricing-table .price-box {
 position:absolute;
 top:-10px;
 left:25px;
 width:89px;
 background-color:var(--color-golden);
 text-align:center;
 padding-top:13px
}
.pricing-block-one .pricing-table .price-box:before {
 position:absolute;
 content:'';
 background-color:#910003;
 width:10px;
 height:10px;
 left:-9px;
 top:0;
 clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%,100% 0%)
}
.pricing-block-one .pricing-table .price-box .shape {
 position:absolute;
 left:0;
 bottom:-22px;
 width:90px;
 height:22px;
 background-repeat:no-repeat
}
.pricing-block-one .pricing-table .price-box h2 {
 font-size:15px;
 line-height:30px;
 color:#fff;
 font-weight:700;
 margin-bottom:4px;
 text-align:center
}
.pricing-block-one .pricing-table .price-box span {
 position:relative;
 display:block;
 font-size:14px;
 line-height:18px;
 color:rgba(255,255,255,.6);
 font-weight:700
}
.pricing-block-one .pricing-table .table-title {
 position:relative;
 display:block;
 margin-bottom:36px
}
.pricing-block-one .pricing-table .table-title h2 {
 display:block;
 font-size:15px;
 line-height:35px;
 color:#222;
 font-weight:700;
 width:100%
}
.pricing-block-one .pricing-table .table-content {
 position:relative;
 display:block;
 margin-bottom:38px;
 transition:.5s;
 min-height:115px
}
.pricing-block-one .pricing-table .table-content li {
 position:relative;
 display:block;
 font-size:13px;
 line-height:26px!important;
 color:#222;
 padding-right:30px;
 margin-bottom:0;
 border-bottom:1px dashed #ebebeb;
 padding-bottom:2px
}
.pricing-block-one .pricing-table .table-content li:last-child {
 border-bottom:none
}
.pricing-block-one .pricing-table .table-content li:before {
 content:"";
 position:absolute;
 right:0;
 top:9px;
 background-image:url('/FileManager/Icons/foot.png');
 background-position:100%;
 background-size:100%;
 width:7px;
 height:8px;
 vertical-align:middle
}
.pricing-block-one .pricing-table .table-content li.light:before {
 color:#cecece
}
.table-footer {
 text-align:left
}
.pricing-block-one .pricing-table .table-footer a {
 position:relative;
 display:inline-block;
 font-size:14px;
 color:#222;
 font-weight:700
}
.pricing-block-one .pricing-table .table-footer a i {
 position:relative;
 margin-right:10px;
 font-size:20px;
 top:3px
}
table,
thead th {
 padding:20px 0
}
thead tr th:first-child {
 border-radius:0 12px 12px 0
}
thead tr th:last-child {
 border-radius:12px 0 0 12px
}
table {
 border-collapse:separate;
 border-spacing:0 12px!important
}
table,
td,
th,
tr {
 border:none!important
}
tbody tr {
 background:#f5f5f5;
 border-radius:12px!important;
 margin-bottom:10px!important
}
tbody tr td {
 color:#3d3d3d!important;
 font-size:20px
}
tbody tr td:first-child {
 border-radius:0 12px 12px 0!important
}
tbody tr td:last-child {
 border-radius:12px 0 0 12px!important
}
#FinalPrice,
#TotalPrice,
#tfoot_Inv,
#tfoot_InvTotal,
#tfoot_Pay,
#tfoot_PayInvTotal {
 color:#fff;
 font-weight:700;
 font-size:18px;
 padding:5px 10px;
 border-radius:5px;
 box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important
}
#tfoot_Pay,
#tfoot_PayInvTotal {
 background:red
}
#FinalPrice,
#TotalPrice {
 background:#81b214
}
#tfoot_Inv,
#tfoot_InvTotal {
 background:#faff00;
 color:#000
}
.warning_box {
 background:#fffef3;
 border:1px solid #cfc557;
 border-radius:12px;
 padding:20px;
 color:#984c00;
 margin:10px 0;
 font-size:15px;
 font-weight:700
}
.warning_box p {
 margin-bottom:0;
 font-size:12px
}
.adminticket:before,
.clientticket:before {
 content:" ";
 width:20px;
 height:20px;
 display:block;
 background:#fbfcfd;
 position:absolute;
 transform:rotate(45deg);
 border:1px solid #fbf6f4;
 border-right:0;
 border-top:0
}
.adminticket:before {
 left:-10px
}
.clientticket:before {
 right:-11px;
 transform:rotate(-135deg);
 background:#fbf6f4
}
.adminticket:after,
.clientticket:after {
 content:" ";
 width:50px;
 height:50px;
 background-image:url('/FileManager/Icons/can-i-help-you_329181-11718.jpg');
 display:block;
 background-size:cover;
 border-radius:50%;
 position:absolute;
 top:0;
 border:1px solid #e7e7e7
}
.adminticket:after {
 left:-75px
}
.clientticket:after {
 background-image:url('/FileManager/Icons/confident-young-man_1098-20868.jpg');
 right:-75px
}
.com-img {
 width:68px;
 height:68px;
 float:left
}
.img-circle {
 border-radius:50%
}
.adminticket,
.clientticket {
 width:75%;
 padding:18px 42px 18px 25px;
 background:#fbfcfd;
 border:1px solid #fbf6f4;
 position:relative;
 margin:15px auto;
 border-radius:5px
}
.clientticket {
 margin-right:120px!important;
 background:#fbf6f4
}
.UserTitr78 {
 display:flex;
 justify-content:space-between
}
.spnUser78 {
 display:block;
 padding-bottom:13px;
 font-size:16px;
 color:#4b5761;
 font-weight:600
}
.tickets-timestamp {
 padding-right:10px;
 font-family:Roboto,sans-serif;
 font-size:12px;
 font-weight:700;
 color:#96adba
}
.btn {
 cursor:pointer;
 border-radius:5px
}
.DesignTicket p {
 padding-bottom:10px;
 line-height:20px;
 color:#93a0a7;
 font-size:14px
}
.ticket-footer {
 display:inline-block;
 margin:0 12px
}
.editImageProfile {
 position:absolute;
 left:0;
 right:0;
 margin:auto;
 top:10px;
 background:#ffffffe6;
 padding-bottom:4px;
 padding-right:4px;
 pointer-events:none;
 display:none;
 text-align:center
}
.dropdown-menu-tip-nw .ItemsnavSub .NoSub img {
 visibility:hidden
}
.SubItems .ItemsnavSub .NoSub img,
.dalertn,
.errh,
.open_profile #Logined_Menu:first-child li a img {
 display:none
}
.orderBox {
 display:flex;
 background:#fff;
 padding:4px;
 align-items:center;
 border:2px solid #ededed;
 justify-content:space-between;
 margin-top:20px
}
.cke_1.cke_chrome,
.cke_inner {
 border-radius:12px
}
.orderBox .content {
 margin:5px;
 font-weight:700
}
.orderBox .detail {
 color:#fff;
 background:var(--color-golden);
 padding:10px 5px
}
.cke_1 .cke_bottom,
.cke_1 .cke_top {
 background-image: linear-gradient(rgb(251 246 244),#ccd6e6)!important;
}
.cke_1.cke_chrome {
 border-color: #ccd6e6!important;
}
.cke_1 .cke_top {
 border-bottom-color: #ccd6e6!important;
 border-radius:12px 12px 0 0
}
.cke_1 .cke_bottom {
 border-top-color: #ccd6e6!important;
 border-radius:0 0 12px 12px
}
.cke_1 .cke_combo_button,
.cke_1 .cke_toolgroup {
 border-color: #ccd6e6!important;
 background-image:linear-gradient(rgb(251 246 244),rgb(251 246 244))!important
}
.header_cart_btn a {
 width:50px;
 height:50px;
 display:flex;
 justify-content:center;
 align-items:center;
 border-radius:50%;
 position:relative;
 text-align:center
}
.header_cart_btn a span.badge {
 position:absolute;
 display:flex;
 justify-content:center;
 align-items:center;
 font-size:12px;
 font-weight:500;
 top:24px;
 right:20px;
 width:28px;
 height:28px;
 padding:0;
 background-color:#ff4c29;
 border:2px solid #fff;
 border-radius:50%;
 color:#fff;
 z-index:1
}
.AlertRed {
 /* display:block; *//* margin:20px 0; *//* background:0 0; */color:#c70039;
 /* border-color:#c70039; *//* font-size:15px; */
}
.HeaderLog {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-align-items:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:60px;
 width:100%;
 background-color:#0b0e11
}
.Max400px {
 max-width:400px;
 margin-right:auto;
 margin-left:auto;
 width:100%
}
.CardLogin {
 text-align:center;
 padding:0
}
.TitleLogIn {
 font-size:20px;
 color:#222429;
 margin-bottom:9px;
 padding-bottom:0;
 font-weight:600;
 text-align:right
}
.BtnFootLog,
.txt123456 {
 box-sizing:border-box;
 min-width:0;
 font-size:12px
}
.BoxInput {
 text-align:right;
 display:flex;
 flex-direction:column;
 margin-bottom:0;
 position:relative
}
.txt123456 {
 margin:0 0 5px;
 font-weight:400;
 line-height:16px;
 color:#474d57
}
.BoxInput .inputDiana {
 height:40px
}
.BtnFootLog {
 /* margin:0 16px 0 0; */color:#222429!important;
 -webkit-text-decoration:none!important;
 text-decoration:none!important;
 cursor:pointer;
 font-weight:600
}
.BtnFootLog:hover {
 -webkit-text-decoration:underline;
 text-decoration:underline;
 color:var(--color-golden)
}
.OnParticle {
 position:relative;
 z-index:30
}
#particle-canvas {
 width:100%;
 height:99%;
 position:absolute!important;
 top:0
}
#particle-canvas canvas {
 height:100%
}
.CardLogin .PassEye {
 height:40px;
 margin-top:auto
}
#Div_VerifyCode .ResendCode {
 font-weight:700;
 font-size:14px;
 color:#f0ba0d;
 cursor:pointer;
 display:none
}
.openChild:before {
 content:url('/FileManager/Icons/down-chevron.svg');
 margin-top:4px;
 position:absolute;
 left:0
}
.openChild:not(.hovUnder):before {
 transform:rotate(-180deg)
}
.txtStyle {
 font-weight:900!important;
 color:var(--color-golden)!important
}
.txtStyle:before {
 content:url('/FileManager/Icons/DP_chevron-left.svg');
 top:2px;
 position:relative
}
.Login_title {
 font-size:2rem;
 text-align:right;
 color:#fcedd8;
 background:#d52e3f;
 font-weight:700;
 padding-right:15px;
 padding-bottom:10px;
 border-radius:8px
}
.edit_addressx {
 margin-right:.5rem!important
}
.form-group .control-label.mbadres {
 font-size:16px;
 position:relative;
 float:none;
 padding:0;
 text-align:center;
 display:block;
 right:0;
 top:0
}
.img-wrraper {
 position:relative;
 width:-webkit-fit-content;
 width:-moz-fit-content;
 width:fit-content;
 margin:auto;
 cursor:pointer
}
.avatar {
 width:100px;
 height:100px;
 max-width:55px;
 max-height:55px;
 border-radius:50%;
 overflow:hidden;
 border:6px solid #dd402630;
 margin:0
}
.avatar img {
 width:100%!important;
 height:100%!important;
 margin:0!important;
 border-radius:0!important
}
.icon-wrapper {
 position:absolute;
 right:0;
 bottom:0;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:20px;
 width:20px;
 border-radius:50%;
 background-color:#fff;
 cursor:pointer;
 overflow:hidden;
 margin:0 auto;
 font-size:17px;
 -webkit-box-shadow:0 0 6px 3px rgb(68 102 242 / 10%);
 box-shadow:0 0 6px 3px rgb(68 102 242 / 10%)
}
.icon-wrapper svg * {
 stroke:#dd4026
}