@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Ovo&family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('../fonts/font-awesome-4.7.0/css/font-awesome.css');
@import url('../fonts/simple-line-icons/css/simple-line-icons.css');
@import url('../fonts/boxicons/css/boxicons.min.css');
@import url('../fonts/theme/style.css?v=5');
@import url('../fonts/font-kit/stylesheet.css?v=1.02');

body { font-family: 'Montserrat', sans-serif; color:#212629; font-weight:normal; background-color:#fff; font-size: 14px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:600;}
.h1, .h2, .h3, h1, h2, h3 {  font-family: 'Breathing'; font-weight:normal; }

/* text color css start */
a.link:focus, a.link:hover{color: #DC8877;}
a { color:#DC8877; } 
a:hover, a:focus { color:#DC8877;}
.text-black{ color:#3D3D3D!important;}
.text-red{ color:#d00e0e;  }
.text-gray { color:#888888;}
a.text-gray:focus, a.text-gray:hover { color:#bbb; text-decoration:underline;}
.text-primary { color: #1D386A !important;}
a.text-primary:focus, a.text-primary:hover { color: #1D386A !important;  }

.vertical-middle { vertical-align: middle !important; }

.title-shadow { text-shadow: 2px 1px 0px rgba(220, 136, 119, 0.6);}
/* text color css end */

/*BG color css start */
.bg-primary { background-color:#1D386A !important;} 
.bg-primary-trans { background-color: rgba(235,194,168,0.3) !important;}
.border-primary { border-color: #EBC2A8 !important;}
.bg-pink { background-color: #FBF2ED; }
.bg-green-trans { background-color: rgba(29, 56, 106, 0.15); }
.bg-peach-puff { background-color: rgba(235, 194, 168, 0.3); }
.border-gray {border-color: #979797 !important;}
/*BG color css end  */

.sb-chat-btn .sb-icon { margin: 12px 0 19px -16px !important;  }
/*loader css start */
.ajex_loader.inner_loader { position: absolute; }
.ajex_loader { background: rgba(255, 255, 255, 0.8)  no-repeat center; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index:10000; } 
.ajex_loader .loading { position: absolute;  left: calc(50% - 35px);  top:calc(50% - 35px); width: 70px;  height: 70px;  border-radius: 50%;  -webkit-box-sizing: border-box;  box-sizing: border-box;  border: 4px solid transparent;}
.ajex_loader .loading .effect-1,.loading .effect-2 {  position: absolute;  width: 100%;  height: 100%;  border: 4px solid transparent;  border-left: 4px solid #1D386A ;  border-radius: 50%;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
.ajex_loader .loading .effect-1 {  animation: rotate 1s ease infinite;}
.ajex_loader .loading .effect-2 { animation: rotateOpacity 1s ease infinite 0.1s;}
.ajex_loader .loading .effect-3 {position: absolute; width: 100%; height: 100%; border: 4px solid transparent; border-left: 4px solid  #1D386A;  -webkit-animation: rotateOpacity 1s ease infinite 0.2s;  animation: rotateOpacity 1s ease infinite 0.2s;  border-radius: 50%;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
.ajex_loader .loading .effects { transition: all 0.3s ease;}
@keyframes rotate {
  0% { -webkit-transform: rotate(0deg);  transform: rotate(0deg);  }
  100% { -webkit-transform: rotate(1turn);  transform: rotate(1turn); }
}
@keyframes rotateOpacity {
  0% { -webkit-transform: rotate(0deg);  transform: rotate(0deg); opacity: 0.1; }
  100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); opacity: 1; }
}
/*loader css end  */

/* spacing utilities css start */
.mn{ margin:0 !important;}
.pn{ padding:0 !important;}
/* spacing utilities css end */

/* font weight utilities css start  */
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}
/* font weight utilities css  end */

/* width utilities css start */
.w-180 { width:180px !important; }
.w-12per { width:12% !important; }
.w-22per { width:22% !important; }
.mw100 { max-width:100px;}
.mw300 { max-width:300px;}
.mw400 { max-width:400px;}
.mw500 { max-width:500px;}
.mw650 { max-width:650px;}
.mw160 {min-width: 160px;}
.w100per{ width:100%;}
.min-50{ min-width: 50px; }
.min-75{ min-width: 75px; }
.min-100{ min-width: 100px; }
.min-200{ min-width: 200px; }
.min-220{ min-width: 220px; }
.min-400{ min-width: 400px; }
.mh225 { min-height: 225px; }
/* width utilities css end   */

/* font size utilities css end */
.fs6{font-size: 6px !important;}
.fs10{font-size: 10px !important;}
.fs12{font-size: 12px !important;}
.fs14{font-size: 14px !important;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px !important;}
.fs22{font-size: 22px;}
.fs24{font-size: 24px !important;}
.fs30{font-size: 30px; }
.fs32{font-size: 32px;}
.fs40{font-size: 40px;}
.fs50{font-size: clamp(24px, 5vw, 50px);}
.fs62 { font-size:clamp(32px, 5vw, 62px); }
.font-tenor{font-family: "tenor_sansregular", sans-serif;}
/* font size utilities css end */

/* button css start */
button { border: 0; background: none;}
button:focus, button:not(:disabled):not(.disabled):active:focus { outline: 0; box-shadow: none; }

.btn:not(.btn-lg) {border-radius:3px;  font-size: 14px; padding: 5.5px 15px; font-weight: 500;}
.btn:focus, .btn:not(:disabled):not(.disabled):active:focus{ box-shadow:none;}

.btn-default { color: #2d2d2d; background-color: #f4f4f4; border-color: #b8b8b8 }
.btn-default:hover { color: #2d2d2d; background-color: #fff; border-color: #b8b8b8; }
.btn-default.focus, .btn-default:focus { box-shadow: none; color: #2d2d2d; background-color: #fff; border-color: #b8b8b8;}
.btn-default.disabled, .btn-default:disabled { color: #2d2d2d; background-color: #f4f4f4; border-color: #b8b8b8 }
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle { color: #2d2d2d; background-color: #f4f4f4; border-color: #b8b8b8 }
.btn-default:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .show>.btn-default.dropdown-toggle:focus { box-shadow: none; }

.btn-primary { color: #fff; background-color: #1D386A; border-color: #1D386A }
.btn-primary:hover { color: #1D386A; background-color: #fff; border-color: #1D386A }
.btn-primary.focus, .btn-primary:focus { box-shadow: none; color: #1D386A; background-color: #fff; border-color: #1D386A }
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #1D386A; border-color: #1D386A }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #1D386A; border-color: #1D386A }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none; }

.btn-primary-o { color: #1D386A; background-color: #fff; border-color: #1D386A }
.btn-primary-o:hover { color: #fff; background-color: #1D386A; border-color: #1D386A }
.btn-primary-o.focus, .btn-primary-o:focus { box-shadow: none; color: #fff; background-color: #1D386A; border-color: #1D386A}
.btn-primary-o.disabled, .btn-primary-o:disabled { color: #fff; background-color: #1D386A; border-color: #1D386A }
.btn-primary-o:not(:disabled):not(.disabled).active, .btn-primary-o:not(:disabled):not(.disabled):active, .show>.btn-primary-o.dropdown-toggle { color: #fff; background-color: #1D386A; border-color: #1D386A }
.btn-primary-o:not(:disabled):not(.disabled).active:focus, .btn-primary-o:not(:disabled):not(.disabled):active:focus, .show>.btn-primary-o.dropdown-toggle:focus { box-shadow: none; }

.btn-secondary-o { color: #191919; background-color: #fff; border-color: #191919 }
.btn-secondary-o:hover { color: #fff; background-color: #191919; border-color: #545b62 }
.btn-secondary-o.focus, .btn-secondary-o:focus { box-shadow: none; color: #fff; background-color: #191919; border-color: #545b62}
.btn-secondary-o.disabled, .btn-secondary-o:disabled { color: #fff; background-color: #191919; border-color: #191919 }
.btn-secondary-o:not(:disabled):not(.disabled).active, .btn-secondary-o:not(:disabled):not(.disabled):active, .show>.btn-secondary-o.dropdown-toggle { color: #fff; background-color: #191919; border-color: #191919 }
.btn-secondary-o:not(:disabled):not(.disabled).active:focus, .btn-secondary-o:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary-o.dropdown-toggle:focus { box-shadow: none; }

.btn-light-pink { color: #1D386A; background-color: #EBC2A8; border-color: #EBC2A8 }
.btn-light-pink:hover { color: #1D386A; background-color: #fff; border-color: #EBC2A8 }
.btn-light-pink.focus, .btn-light-pink:focus { box-shadow: none; color: #EBC2A8; background-color: #fff; border-color: #EBC2A8 }
.btn-light-pink.disabled, .btn-light-pink:disabled { color: #1D386A; background-color: #EBC2A8; border-color: #EBC2A8 }
.btn-light-pink:not(:disabled):not(.disabled).active, .btn-light-pink:not(:disabled):not(.disabled):active, .show>.btn-light-pink.dropdown-toggle { color: #1D386A; background-color: #EBC2A8; border-color: #EBC2A8 }
.btn-light-pink:not(:disabled):not(.disabled).active:focus, .btn-light-pink:not(:disabled):not(.disabled):active:focus, .show>.btn-light-pink.dropdown-toggle:focus { box-shadow: none; }

.btn-outline-light:focus  { color: #FFF;  }
.btn-outline-light:hover { color: #212529; }
/* button css end   */

/*common css start  */
a:focus { outline: none;  }
.dropdown-menu {font-size: 14px;}
.navbar .menu .dropdown .dropdown-toggle:after{ display: none; float: right; }
.table-theme thead tr th, .table-theme thead tr th a { font-weight: 600 }

/* popover in table css start */
.popover  .table-theme  { font-size: 12px;}
.popover  .table-theme tr td, .popover  .table-theme tr th { padding:6px;}
.popover.popover-md{max-width: 570px;}
/* popover in table css end  */

/* dropdown css start */
.dropdown-item { font-size:14px; padding: 7px 21px;}
.bootstrap-select .dropdown-menu .dropdown-item  { white-space: normal; }

/* password popup css start  */
.pswd_popup { position: absolute; bottom: 100%; left: 0px; z-index: 99; background: #ffffff; width: 330px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  border:1px solid #d1d1cf; font-size:14px;}
.pswd_popup h4 { border-bottom: 1px solid #d1d1cf; color: #333; margin: 8px 0; padding: 0 10px 5px; font-size:18px; font-weight:normal;  }
.pswd_popup .pswd_popup_inner { position: relative; }
.pswd_popup .pswd_popup_inner .btarrow { position: absolute; z-index: 1; bottom: -24px; width: 100%; background: url(../images/btarrow.png) center bottom no-repeat; height: 14px; }
.pswd_popup .pswd_popup_inner ul { display: block; margin: 0 0 10px; padding: 0px 10px; }
.pswd_popup .pswd_popup_inner ul li { display: block; margin: 0 0 5px; position: relative; padding-left: 25px; text-align: left; }
.pswd_popup .pswd_popup_inner ul li.valid { color:#3fc35f; }
.pswd_popup .pswd_popup_inner ul li.valid em { background:url('../images/pass_marks.png') 0 0 no-repeat; position: absolute; z-index: 1; top: 0px; left: 0px; width: 15px; height: 15px; margin: 2px 0px 0 0; vertical-align: top; }
.pswd_popup .pswd_popup_inner ul li.invalid { color:#ff5555; }
.pswd_popup .pswd_popup_inner ul li.invalid em { background:url('../images/pass_marks.png') -39px 0 no-repeat; position: absolute; z-index: 1; top: 0px; left: 0px; width: 15px; height: 15px; margin: 2px 0px 0 0; vertical-align: top; }
/* password popup css end  */

/* tooltip and popover css start */
.popover { font-family:'Montserrat', sans-serif; }
.popover .popover-header { font-family:'Montserrat', sans-serif; font-weight:700; }
.popover.br-blue { border-color:#191919; }
.popover.br-blue.bs-popover-top>.arrow::before { border-top-color:#191919; }

.tooltip {font-family:'Montserrat', sans-serif; text-align:left; font-size: 12px; font-weight: normal;  }
.tooltip.show{opacity: 1;}
.tooltip .tooltip-inner{ background-color:#fff; color:#191919; border:1px solid #191919; }
.tooltip.bs-tooltip-bottom .arrow:before{border-bottom-color: #191919;}
.tooltip.bs-tooltip-top .arrow:before{border-top-color: #191919;}
.tooltip.bs-tooltip-left .arrow:before{border-left-color: #191919;}
.tooltip.bs-tooltip-right .arrow:before{border-right-color: #191919;}

.tooltip-box .tooltip-inner { background-color:#fff; color:#4F4F4F; box-shadow: 0 2px 8px 0 rgba(61,61,61,0.25); border-color:#fff; }
.tooltip-box.bs-tooltip-top .arrow:before {border-top-color: #fff;} 
.tooltip-box.bs-tooltip-bottom .arrow:before {border-bottom-color: #fff;} 
/* tooltip and popover css end */

/*.text-primary{ color:#1D386A !important;   }*/
.dropdown-menu { border-radius:0; border:0;box-shadow: 0 2px 8px 0 rgba(61,61,61,0.5); margin-top: 0; }
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover { background-color:#1D386A; color:#fff; }
.dropdown-toggle:after { content: "\e903"; font-family: 'Theme'; border:0;vertical-align: 0; font-size: 12px;}
.line-title h1 { font-size: 32px; font-weight: normal; position:relative; margin-top:0; margin-bottom:20px; font-family: "tenor_sansregular", sans-serif;} 
.line-title h1 span { background-color:#fff; color:#1D386A; position:relative; z-index:11; display:inline-block; padding-right:10px;}
.line-title h1:after { content:""; width:100%; height:2px; position:absolute; left:0; top:50%;  border-bottom: 2px solid #1D386A; }
.line-title h1 .right-btn { float:right; background-color:#fff; position: relative; z-index: 1; padding-left:40px; font-family: 'Montserrat', sans-serif;margin-bottom: 6px;}

.app-view .line-title h1{margin-top: 20px;}
.border-bottom-5 {border-bottom:5px solid ;}

.black_link { color:#191919; text-decoration:none;}
a.black_link:hover {color:#191919; text-decoration:none; } 
.page_wrapper { padding:15px;min-height:calc(100vh - 250px);float:left; width:100%; position:relative; }
.no_space .page_wrapper > .container { padding:0; }
@media (min-width:1280px){
.page_wrapper  { padding:25px 10px;}	
.no_space .page_wrapper  { padding:0px;}  
}
.page_wrapper > .container { width:auto; max-width:100%;} 
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend:not(:first-child) > .btn  { border-radius: 4px;}
.filter-div{ top: inherit; left: inherit; right:80px;   }
.filter-div .dropdown-menu{ min-width: 260px; z-index:999; }
.swal2-modal .swal2-title {  font-family: 'Montserrat', sans-serif; }
/*common css end    */

/* support page css start */
.support_wrap .tickets-ul ul{ padding:0; } 
.support_wrap .tickets-ul ul li { padding:7px 0 ;	border-bottom: 1px solid #B0B0B0;  }
.support_wrap .tickets-ul ul li a { color: #3D3D3D; }
.support_wrap .askus-box ul { margin:0 0 20px 0;  padding: 0;list-style:none; }
.support_wrap .askus-box ul li {  line-height: 24px; padding: 5px; margin-bottom: 5px; color: #333; position: relative; border-bottom: 1px solid #B0B0B0; padding-left:30px; background-color: #f3f3f3;}
.support_wrap .askus-box ul li a.active, .support_wrap .askus-box ul li a:hover { text-decoration: underline; }
.support_wrap .askus-box ul li:before { content: "\f105"; font-family:'FontAwesome'; position: absolute; top:5px; left:10px; font-size: 18px; }
/* support page css end   */

/* login page css start */
.login_page_wrap { position: relative; display: table; width: 100%; height: 100vh; background-color: #fff; }
.login_page_wrap .login_left_part { width: 450px; display: table-cell; vertical-align: top; position: relative; background-color: #F4EAD5; background-image: url("../images/login_bg.jpg?_v=1.01"); background-size: cover; background-repeat: no-repeat; background-position: left top; }
.login_page_wrap .login_left_part:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, rgba(235, 194, 168, 1) 0%, rgba(27, 54, 100, 1) 100%); opacity: 0.75; }
.login_left_part .login_left_content { text-align: center; padding: 50px 30px 30px; position: relative; z-index: 99999; background-color: rgba(255, 255, 255, 1); display: inline-block; border-bottom-right-radius: 60px; min-width: 80%; text-align: center; }
.login_left_part .login_left_content img { max-width: 100%; }
.login_page_wrap .login_right_part { vertical-align: middle; display: table-cell; padding: 30px 15px; position: relative; }
.login_right_part .login_right_content { max-width: 375px; margin: 0px auto; width: 100%; }
.create_account .login_right_part .login_right_content { max-width: 90%; }
/* login page css end */

/* updated notification css start */
.card-alert{position: fixed; right: 0px; top: 145px; z-index:999999;}
.card-alert .media{max-width: 512px;align-items: stretch; position: relative; min-width: 420px; display: flex; }
.card-alert .media-body, .card-alert .media-left, .card-alert .media-right{vertical-align: middle;}
.card-alert .media .media-left{min-width: 100px; /*height: 100px;*/ text-align: center;}
.card-alert .media .media-left img{margin: 0px auto; max-width: 100px;}
.card-alert .media .media-body{color: #fff; padding: 15px 30px 15px 15px; } 
.card-alert .media .media-body h4{ font-size: 18px; } 
.card-alert .media .media-left:after{  width:100px; height:100px; background-position:center; background-size:60%; background-repeat:no-repeat; display:inline-block; }
.card-alert.success .media .media-body{background-color: #91D879;} 
.card-alert.success .media .media-left{background-color: #3AB80E;}
.card-alert.success .media .media-left:after { content:" "; background-image:url(../images/card_right.svg);}
.card-alert.danger .media .media-left{background-color: #E02020;}
.card-alert.danger .media .media-body{background-color: #EB6E6E;} 
.card-alert.danger .media .media-left:after { content:" "; background-image:url(../images/card_close.svg);}
.card-alert.warning .media .media-left{background-color: #d6a54d;}
.card-alert.warning .media .media-body{background-color: #ffb42d;} 
.card-alert.warning .media .media-left:after { content:" "; background-image:url(../images/card_warning.svg);}
.card-alert .media .media-body .media-heading, .card-alert-success .media .media-body p{font-weight: normal; line-height: normal;}
.card-alert .media .media-close{position: absolute; color: #fff; right: 10px; top:7px; font-size: 24px; font-weight: normal; line-height: 24px;}
.card-alert .media .media-close:hover{text-decoration: none;}
/* updated notification css end */

/*header css start*/

.topbar  .site-msg-wrap { background-color: #fbb73a; border-color: #fbb73a; margin:0; padding: 6px 15px;}
.topbar  .site-msg-wrap .close  {color:#FFF; opacity: 0.75; font-weight: normal; text-shadow: none; padding: 3px 15px;}
.topbar  .site-msg-wrap .close:hover { color:#FFF; }

/*.navbar .right-icons .ricon-link{ margin: 0 10px; position: relative; }
.navbar .right-icons .ricon-link img{ max-width: 24px;}
.navbar .right-icons .ricon-link:hover  img{ filter: invert(36%) sepia(98%) saturate(1312%) hue-rotate(184deg) brightness(104%) contrast(104%); }
.navbar .right-icons .ricon-link:first-child { margin-left: 0;}
.navbar .right-icons .ricon-link:last-child { margin-right: 0;}
.navbar .right-icons > div { display: inline-block;}*/

.topbar  { position: relative;top: 0; left: 0; /*z-index: 1003;*/ width: 100%; background-color: #fff; }
.topbar .navbar  { padding: 0 15px; background-color:#EBC2A8; }
.topbar .navbar .navbar-nav .nav-link { color: #191919; position: relative; padding-left:10px; padding-right: 10px; font-size: 16px; line-height: 32px;  }
.topbar .navbar .navbar-nav .nav-link .prd_cout { position: absolute; background-color: #EBC2A8; border: 1px solid #191919; width: 14px; height: 14px; display: inline-block; text-align: center; font-size: 8px; color: #191919; line-height: 14px; top: 7px; right: 5px; border-radius: 50%; letter-spacing: 0px; font-weight: bold;}
.topbar .navbar .navbar-nav .nav-link .prd_cout.red { border-color:#D00E0E; color: #D00E0E; }
.topbar .navbar .navbar-nav .menu-toggle { display: none; }

.page-titlebar { color: #000; padding:8px 12px; font-size: 12px; float: left; width: 100%;}
.page-titlebar .breadcrumb  .breadcrumb-item a,  .page-titlebar .breadcrumb  .breadcrumb-item.active{ color: #000; }
.page-titlebar .breadcrumb-item+.breadcrumb-item::before { content: ">"; }
/*.black_subbar .dropdown a.dropdown-toggle { color: #fff; text-decoration: none; padding: 10px 0; display: inline-block;}
.black_subbar .dropdown a.dropdown-toggle:hover{ opacity: 0.85; }
.black_subbar .dropdown a.dropdown-toggle:after { display: none;}*/
/*.black_subbar .dropdown .dropdown-menu { padding: 22px;  }*/
.topbar .navbar .chat-link { display: inline-block;-webkit-animation: fglowing 1500ms infinite; -moz-animation: fglowing 1500ms infinite;-o-animation: fglowing 1500ms infinite;  animation: fglowing 1500ms infinite; }
/*.topbar .navbar .chat-link img { margin-top: -2px; }*/
.topbar .navbar .chat-link svg { width: 18px; margin-top: -2px; }
.topbar .navbar .chat-link svg path,  .topbar .navbar .chat-link  span{  -webkit-animation: fglowing 1500ms infinite; -moz-animation: fglowing 1500ms infinite;-o-animation: fglowing 1500ms infinite;  animation: fglowing 1500ms infinite; }
@-webkit-keyframes fglowing {
  0% {  fill: #353535;}
  50% {  fill: #8dc63f;}
  100% { fill: #353535;}
}
@-moz-keyframes fglowing {
  0% {  fill: #353535;}
  50% {  fill: #8dc63f;}
  100% { fill: #353535;}
}
@-o-keyframes fglowing {
  0% {  fill: #353535;}
  50% {  fill: #8dc63f;}
  100% { fill: #353535;}
}
@keyframes fglowing {
  0% {  fill: #353535; color: #353535;}
  50% {  fill: #8dc63f; color: #8dc63f;}
  100% { fill: #353535; color: #353535;}
}

/*header css end  */
.support-link  { display: inline-block; border-radius: 4px; font-size: 14px; color:#FFFFFF; padding: 5px 10px;  -webkit-animation: fglowing-v2 1500ms infinite; -moz-animation: fglowing-v2 1500ms infinite;-o-animation: fglowing-v2 1500ms infinite;  animation: fglowing-v2 1500ms infinite; text-decoration: none; }
.support-link:hover, .support-link:focus {color:#FFFFFF;  text-decoration: none; }
@-webkit-keyframes fglowing-v2 {
0% {  background-color: #17969d ;}
50% {  background-color: #a1dc7a;}
100% { background-color: #17969d;}
}
@-moz-keyframes fglowing-v2 {
0% {  background-color: #17969d ;}
50% {  background-color: #a1dc7a;}
100% { background-color: #17969d;}
}
@-o-keyframes fglowing-v2 {
0% {  background-color: #17969d ;}
50% {  background-color: #a1dc7a;}
100% { background-color: #17969d;}
}
@keyframes fglowing-v2 {
0% {  background-color: #17969d ;}
50% {  background-color: #a1dc7a;}
100% { background-color: #17969d;}
}

/* new slidebar css start*/
.main-wrapper { margin-left: 235px; position: relative; }
.left-sidebar .mCSB_scrollTools { width:5px; }
.left-sidebar { position: fixed; top: 0;bottom: 0; left: 0; z-index: 100;  width: 235px; height: 100%; background-color:rgba(235, 194, 168, 0.30); box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2);}
.left-sidebar .navbar-head { text-align: center; padding: 25px; background-color:#FFFFFF;}
.left-sidebar .navbar-brand { padding: 0; margin: 0; }
.left-sidebar .navbar-brand img { max-width: 100%; }
.left-sidebar ul.nav > li:last-child { margin-right: 0; }
.left-sidebar ul.nav > li { display: inline-block; width: 100%; }
.left-sidebar ul.nav > li > a.nav-link{ color: #191919; padding: 12px 15px; position: relative; font-size: 14px;transition: all .3s ease-out; /*border-left:3px solid transparent;*/  }
.left-sidebar ul.nav > li > a i { width: 28px; font-size: 18px; display: inline-block; vertical-align: top; line-height: 22px;  }
.left-sidebar ul.nav > li > a.dropdown-toggle:after { position: absolute; right: 10px; top: 15px; }
.left-sidebar ul.nav > li > a.dropdown-toggle.active:after { transform: rotate(180deg) translate(0, -50%); top: 6px}
.left-sidebar ul.nav > li > a:hover, .left-sidebar ul.nav > li.active > a,  .left-sidebar ul.nav > li > a.active{  color: #FFFFFF; background-color:#1D386A; }
.left-sidebar ul.nav > li.dropdown .dropdown-menu{ box-shadow: none; background: none; padding-top: 0;}
.left-sidebar ul.nav > li.dropdown .dropdown-menu .dropdown-item {  padding:7px 10px 7px 46px ;color: #191919; background:none; white-space:normal; }
.left-sidebar ul.nav > li.dropdown .dropdown-menu .dropdown-item:hover {color: #1D386A !important; background: none; }
.left-sidebar ul.nav > li.dropdown .dropdown-menu .dropdown-item.active{color: #1D386A !important; background: rgba(29, 56, 106, 0.14); font-weight:600; }
.left-sidebar ul.nav > li > a span.red-dot{width:7px; height:7px; background-color:#D00E0E; display:inline-block; border-radius:50%; position:absolute; top:9px; right:-2px;} 
.left-sidebar .navbar-nav li .dropdown-menu.in { display:block;  }
/* new slidebar css end  */

/* footer  css start */
.footer { background: #1D386A; color: #ffffff; line-height: 1.5; position: relative; padding: 50px 0px; }
.footer .footer-logo { max-width: 225px; }
.footer .disclaimer-text { border: 1px solid #FFFFFF; padding: 10px; display: inline-block; max-width: 715px; margin: 0 auto; }
.footer ul .nav-item { display: inline-block; margin-bottom: 5px; padding: 0px 10px; line-height: 1; border-right: 1px solid #FFF; }
.footer ul .nav-item .nav-link { color: #ffffff; position: relative; padding: 0px; }
.footer ul .nav-item .nav-link:hover, .footer ul .nav-item .nav-link:focus { color: #ffffff; text-decoration: underline; }
.download-app { background-color: #EBC2A8; position:relative; }

/* footer  css start */
/*BS scrolling tab css start */
.scroll_tabs_container{position:relative;top:0px;left:0px;right:0px;text-align:left;height:47px;margin-bottom:10px;}
ul.scroll_tabs_container{list-style:none;}
.scroll_tabs_container div.scroll_tab_inner{height:47px;}
.scroll_tabs_container div.scroll_tab_inner li{font-size:14px; cursor:pointer;}
.scroll_tabs_container div.scroll_tab_inner li{display:-moz-inline-stack;display:inline-block;*display:inline;list-style-type:none;}
.scroll_tabs_container div.scroll_tab_inner li a { font-size: 18px; font-weight: 500;  border: 0;  border-bottom: 2px solid transparent; color: #191919; text-transform: uppercase; padding-left:15px;padding-right:15px;line-height:28px; display: inline-block;}
.scroll_tabs_container div.scroll_tab_inner li.active a{ color: #1D386A;  border-bottom: 2px solid #1D386A; }
.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher{padding:0px;width:0px;}
.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_right_finisher{padding:0px;width:0px;}
.scroll_tabs_container .scroll_tab_left_button{height:47px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; text-align: left;}
.scroll_tabs_container .scroll_tab_right_button { text-align: right; }

.scroll_tabs_container .scroll_tab_left_button::before{content:"\f053";  font-family: FontAwesome; line-height:47px;}
.scroll_tabs_container .scroll_tab_right_button::before{content:"\f054"; font-family: FontAwesome; line-height:47px;}
.scroll_tabs_container .scroll_tab_left_button_disabled, .scroll_tabs_container .scroll_tab_right_button_disabled{color:#AAAAAA; opacity: 0;}
/*BS scrolling tab css end  */

/*Commision page css start*/
.commision_tab .dash_box.active {border-bottom: 4px solid #1D386A; }
.commision_tab .dash_box .media {padding: 0; border: 0; margin-bottom: 20px; }
/*Commision page css end  */

/*Dashboard css start*/
.dashboard_wrap .dash_box .media {padding: 0;border: 0;margin-bottom: 20px;}
.dashboard_wrap .dash_box .media .media-left {width: 40%;}
.dashboard_wrap .dash_box .media .media-body .btn.btn-primary { display: block; }
.dashboard_wrap .news_list { width: 100%; padding-right: 15px; margin-bottom: 20px; display: inline-block; }
.dashboard_wrap .news_list h4 {font-size: 24px;font-weight: normal;margin-bottom: 5px;}
.dashboard_wrap .news_list h4 small.time { color: #aeaeae; float: right; text-align: right; font-size: 12px; margin-top: 6px;}
.dashboard_wrap .news_list p {line-height: 20px; font-size: 12px; margin:0; word-break: break-all;}
.dashboard_wrap .news_list p a {font-size: 12px; float: right; text-decoration: underline;}
.dashboard_wrap .news_list img { max-width: 100% !important; }

.dashboard_slider {padding: 0;margin: 0; margin-bottom: 0;}
.dashboard_slider .bx-wrapper { border: 0;box-shadow: none;left: 0; margin-bottom: 45px;}
.dashboard_slider .bx-controls .bx-pager { position: absolute;bottom: -30px;padding: 0;margin: 0;width: 100%; list-style: none; text-align: center;}
.dashboard_slider .bx-wrapper .bx-pager {text-align: center; font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.dashboard_slider .bx-controls .bx-pager .bx-pager-item {display: inline-block; margin-right: 15px;}
.dashboard_slider .bx-controls .bx-pager .bx-pager-item a {border: 0;background: none; font-size: 0;border-radius: 100%;border: 2px solid #191919;height: 14px;width: 14px;display: inline-block;padding: 0;margin: 0;}
.dashboard_slider .bx-controls .bx-pager .bx-pager-item a.active {background-color: #191919;}
.dashboard_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000;}
.dashboard_slider .item  img { width:91%; margin:0 auto;max-height: 502px; } 
.dashboard_slider .bx-controls .bx-controls-direction a {left: 0; min-width: 50px; background: none;position: absolute;top: 0;height: 100%; z-index: 99;font-size: 0;background-color: #F9F9F9; border: 0;margin-top: 0;text-indent: inherit;text-align: center;}
.dashboard_slider .bx-controls .bx-controls-direction a.bx-next {left: inherit;right: 0;}
.dashboard_slider .bx-controls .bx-controls-direction a.bx-prev:after {content: "\e605";font-family: 'simple-line-icons'; font-size: 25px;color: #191919;}
.dashboard_slider .bx-controls .bx-controls-direction a:after {top: calc(50% - 15px ); position: relative;}
.dashboard_slider .bx-controls .bx-controls-direction a.bx-next:after {content: "\e606";font-family: 'simple-line-icons';font-size: 25px;color: #191919;}

.dashboard_slider .bx-wrapper .bx-viewport { box-shadow: none; }
.dashboard_slider .bx-controls .bx-controls-direction a:hover, .dashboard_slider .bx-controls .bx-controls-direction a:focus {text-decoration: none; }

.btn.btn-animation { -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite;-o-animation: glowing 1500ms infinite;  animation: glowing 1500ms infinite; color: #FFF; } 
.btn.btn-animation:hover { color: #FFF; }
@-webkit-keyframes glowing {
  0% { background-color: #1D386A; border-color: #1D386A; -webkit-box-shadow: 0 0 3px #1D386A; }
  50% { background-color: #fbb73a;border-color: #fbb73a; -webkit-box-shadow: 0 0 10px #fbb73a; }
  100% { background-color: #1D386A; border-color: #1D386A; -webkit-box-shadow: 0 0 3px #1D386A; }
}

@-moz-keyframes glowing {
  0% { background-color: #1D386A; border-color: #1D386A; -moz-box-shadow: 0 0 3px #1D386A; }
  50% { background-color: #fbb73a;border-color: #fbb73a; -moz-box-shadow: 0 0 10px #fbb73a; }
  100% { background-color: #1D386A; border-color: #1D386A; -moz-box-shadow: 0 0 3px #1D386A; }
}

@-o-keyframes glowing {
  0% { background-color: #1D386A; border-color: #1D386A; box-shadow: 0 0 3px #1D386A; }
  50% { background-color: #fbb73a;border-color: #fbb73a; box-shadow: 0 0 10px #fbb73a; }
  100% { background-color: #1D386A; border-color: #1D386A; box-shadow: 0 0 3px #1D386A; }
}

@keyframes glowing {
  0% { background-color: #1D386A; border-color: #1D386A; box-shadow: 0 0 3px #1D386A; }
  50% { background-color: #fbb73a;border-color: #fbb73a; box-shadow: 0 0 10px #fbb73a; }
  100% { background-color: #1D386A; border-color: #1D386A; box-shadow: 0 0 3px #1D386A; }
}

.dash_alert.alert  { display: table; padding: 0; width: 100%; background-color: #f5f5f5; }
.dash_alert.alert .alert-row { display: table-row; }
.dash_alert.alert .alert-row > div { display: table-cell; vertical-align:  middle; }
.dash_alert.alert .alert-icon {  font-size: 30px; line-height:0; text-align: center; width:40px; color:#191919; }
.dash_alert.alert .alert-content { position: relative;  padding: 10px 48px 10px 8px;  display: inline-block;  }
.dash_alert.alert .alert-content .close {  position: absolute; right: 0; bottom: 0; background-color: #1D386A; color:#fff; font-weight: normal; opacity: 1; font-size: 18px; padding: 0px; min-width: 40px;  }

.dash_slider {width: 100%;margin: 0 auto;position: relative;overflow: hidden;margin-bottom: 25px;height: 100%; }
.dash_slider .slider-nav .slider-button {font-size: 2.5em;color: #FFFFFF;background-color: rgba(0, 0, 0, 0.75);opacity: 0.5;}
.dash_slider .slider-nav .slider-button:hover {opacity: 1;}
.dash_slider .slider-nav-content .bullet-list {position: absolute;padding: 0;text-align: center;width: 100%;bottom: 0;z-index: 3;}
.dash_slider .arrows li {position: absolute;top: 50%;transform: translateY(-50%);}
.dash_slider .arrows li:first-child {right: 0em;}
.dash_slider .arrows li:last-child {left: 0em;}
.dash_slider .slider-nav-content .bullet-list li {display: inline-block;}
.dash_slider .arrows li, .dash_slider .bullet-list li, .slide {list-style: none;}
.dash_slider .bullet-list .bullet {width: 15px;height: 15px; margin: 0 .15em;-webkit-border-radius: 50%;border-radius: 50%;background: #FFFFFF;transition: transform .6s, -webkit-transform .6s;transform: scale(0.8);}
.dash_slider .bullet-list .bullet.active {opacity: 1;transform: scale(1);}
.dash_slider .slider-list {width: 100%;padding-left: 0;opacity: 1;margin-bottom: 0;}
.dash_slider .slide {width: 100%;height: 600px;background-position: center;background-repeat: no-repeat;background-size: 100% 100%; /* Ensure the image is fully covered */display: block;text-align: center;opacity: 1;position: relative;}
.dash_slider .slide:before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(196, 196, 196, 0) 35.94%, rgba(0, 0, 0, 0.40) 100%);}
.dash_slider .slide-content {position: absolute;left: 0;bottom: 0;width: 100%;color: #FFFFFF;padding: 15px 30px 90px;}
.dash_slider .slide-content .slide-title {font-family: "tenor_sansregular", sans-serif;}
.dash_slider .arrows {margin: 0;padding: 0;}
.dash_slider .arrows .slider-button {position: absolute;left: 0;top: -27px;z-index: 1;}
.dash_slider .arrows .slider-button.next {left: inherit; right: 0;}
/*Dashboard css end  */

/* Dashboard v1 css start   */
.dash-bg-gradient { position: relative; padding:25px; margin:0 0 0 -25px;  }
.dash-bg-gradient:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(270deg, #EBC2A8 27.63%, #FFFFFF 100%); mix-blend-mode: normal; opacity: 0.15; border-radius: 7px;}
.table-dash-pink.table thead th { font-family: 'Breathing'; border:0; border-bottom:5px solid #FFF;}
.table-dash-pink.table tbody td { border-top: 0; border-bottom:5px solid #FFF; background-color:#FBF2ED; }
.prd-50px img{ max-height:50px; max-width:50px;  }
.table-scroll {height:210px;  width:100%;  }
.product-scroll { height:230px; width:100%; }
.table-scroll .mCSB_inside > .mCSB_container, .product-scroll .mCSB_inside > .mCSB_container { margin-right: 15px;}
/* Dashboard v1 css end     */

/*profile-page*/
.text-lightgrey {color: #878787 !important;}
.text-exlightgray {color: #D3D3D3 !important;}
.profile_info { border:2px solid #191919; margin-bottom:50px; }
.profile_info .profile-head {padding:15px;  border-bottom:2px solid #3AB80E;} 
.profile_info .profile-body .right_btn { position: relative; right: 0; bottom: 0; text-align: right;}
.profile_info .profile-head .profile-img {	border: 1px solid #F3F3F3;height: 50px;	width: 50px; text-align:center; }
.profile_info .profile-head .profile-img img{ width: 100%; height: 100%; }
.profile_info#profile_edit_div .profile-head .profile-img { border-color:#1D386A; padding-top: 15px;}
.profile_info .profile-body {padding:15px; position:relative; }
.profile_info .profile-body table tr td { padding:4px 0;}
.profile_info .profile-head .media-left{vertical-align:top;}

.profile_cust{width:55px; height:55px; border:none;border:1px solid #1D386A; position: relative;}
.img-container{max-height: 450px; overflow: hidden; margin-bottom: 15px;}
.docs-cropped .modal-body>canvas, .docs-cropped .modal-body>img, .img-container>img, .img-preview>img {max-width: 100%;}
.docs-buttons .btn-default {color: #333; background-color: #fff; border-color: #ccc;}
.docs-buttons .btn-primary{background: #1D386A;border: 2px solid #1D386A; color:#fff;}
.profile_cust .dropzone .dz-preview, .profile_cust .dropzone-previews .dz-preview{margin:0px;  padding:0px; display:block; border:none; position:relative;}
.profile_cust .dropzone{padding:0px; }
.profile_cust .dropzone.dz-clickable .dz-message, .profile_cust .dropzone.dz-clickable .dz-message span{margin:0px; min-width:53px; min-height:53px;}
.profile_cust .dropzone .dz-preview .dz-details .dz-size, .profile_cust .dropzone .dz-preview .dz-progress{display:none!important;}
.profile_cust .dropzone .dz-preview  .dz-remove{width:100%; padding:0px; color:#fff; background-color:transparent;  font-size:0px; text-align:right; line-height:0px; position:absolute; right:-2px; bottom:2px;}
.profile_cust .dropzone .dz-preview  .dz-remove:before{font-family:'FontAwesome'; content:"\f00d"; font-size:10px; background-color:#4d4d4d; color:#fff; padding:2px 3px;}
.profile_cust .dropzone .dz-preview  .dz-remove:hover{text-decoration:none;}
.profile_cust .dropzone .dz-preview .dz-details, .profile_cust .dropzone .dz-preview .dz-details img{height:55px; width:55px;margin-bottom:0px; background-color:transparent;}
.profile_cust  .dropzone{position:relative; border:none;}
.profile_cust .edit-det-prof{width: 74px; margin: 0px; padding: 0px; position: absolute; bottom: -7px;left: -17px; text-align: center; z-index: 200;    list-style-type: none; right: -10px;}
.profile_cust .edit-det-prof li{ display:inline-block; margin-right:3px;}
.profile_cust .edit-det-prof li a{font-size:10px; background-color: #1D386A; color:#fff; width:20px; height:20px; text-align:center; line-height:20px; border-radius:100%; display:inline-block;  }
.profile_cust .edit-det-prof li:last-child{margin-right:0px; float:right;}
.profile_cust .dropzone .dz-preview .dz-details .dz-filename{display:none;}
.profile_social a{font-size:32px; color:#1D386A; margin-right:40px;}
.profile_social_panel .form-group{margin-top:50px; margin-bottom:0px;}
.ml-12{margin-left: -12px;}

/* order edit page css start */
.order_edit_box{ padding:15px; margin-bottom: 18px; min-height:170px; border:1px solid #191919;position:relative;}
.order_edit_box .custom-control.custom-radio { transform: scale(1.2); position: relative; left: 10px;  top: -15px;}
.order_edit_box table{min-height:112px;}
.order_edit_box table tbody tr td{padding-right:15px;}
.order_edit_box table tbody tr td:first-child{padding-right:0px;}
.order_edit_box .edit{ padding:7px 20px; border: 1px solid #1D386A; font-size:16px; color:#191919; text-align:center; text-transform:uppercase;  }
.order_edit_box .edit:hover, .order_edit_box .edit:focus{ background-color:#1D386A; color:#fff; text-decoration:none;}
.order_edit_box .edit_type{font-size: 24px; line-height:24px; color: #ddd; text-transform:uppercase;}
/* order edit page css end */

/*popup warning message css start */
.popup-warning { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height:calc(100vh - 100px );}	
.popup-warning .media { max-width:650px; margin:0 auto;}
.popup-warning .media.media-auto { max-width:inherit ;}
.popup-warning .media .media-left {padding-right: 15px;}
.popup-warning.two-alert { display: block; padding-top: 100px; }
.popup-warning.two-alert .media { margin-bottom: 50px; }

.iframe .btn + .btn { margin-left:10px;}
/*popup warning message css end   */

/*iframe css start*/
.iframe{background-color:#fff!important;}
.iframe .card{box-shadow: none; background-color:#fff; border:none; margin: 0px;}
.iframe .card .card-header{padding: 15px 20px; background-color:#fff; border-bottom: 1px solid #bbb;}
.iframe .card .card-header .card-title{ font-size: 18px; font-weight: 600;  margin: 0px;}
.iframe .card .card-body{padding: 20px; background-color:#fff;}
.iframe .card .card-footer{padding: 20px; background-color:#fff; border-top: 1px solid #bbb;}
.iframe .padding_panel .card-body{ padding: 50px 50px 15px ; }
.padding_panel_lg .card-body{ padding: 80px 100px 15px ; }
/*iframe css end  */

/* phone addon css start */
.phone-control-wrap.fixed_size{ table-layout:fixed;}
.phone-control-wrap { display:table; width:100%;}
.phone-control-wrap .phone-addon { display:table-cell; vertical-align:middle; padding-right:8px; text-align:center;}
.phone-control-wrap .phone-addon:last-child{padding-right:0;}
/* phone addon css end */

/* error class start */
.parsley-error-list { color: #FF0000; font-size:12px; display: block;  list-style: outside none none; margin: 0; padding: 0!important; text-align: left;}
.error, .required_error { padding: 0px !important; color: #FF0000 !important; font-size: 12px !important; margin: 0px !important; }
/* error class start */

/*Table css start */
.recorde_perpage{margin-bottom: 20px;}
.table-theme {font-size: 14px;}
.table-theme thead tr {background:#1D386A;  }
.table-theme thead tr th a:hover { text-decoration:none; }
.table-theme thead tr th a[data-direction="ASC"]:after { content:"\f0d7";font-family:FontAwesome; margin-left:3px; }
.table-theme thead tr th a[data-direction="DESC"]:after { content:"\f0d8";font-family:FontAwesome; margin-left:3px; }
.table-theme thead tr th, .table-theme thead tr th a{ color:#fff;  border-bottom:0; font-weight: 500; } 
.table-theme tbody tr td, 
.table-theme thead tr th, .table-theme tfoot tr td{ padding:10px; border:0; vertical-align:middle;  }
.table-theme tbody tr:last-child td{ border-bottom:1px solid #F4F4F4; }
.table-theme tr td.icons{white-space: nowrap;}
.table-theme tr td.icons a:hover{opacity: 0.8;}
.table-theme tr.table-primary td{ background-color:#ebc2a8;  }
/* .table-theme tr td.icons a:hover img {filter: invert(44%) sepia(74%) saturate(2913%) hue-rotate(181deg) brightness(101%) contrast(108%);} */
.table-theme tr td.icons a:not(.btn) > i { color:#191919; font-size:18px; margin: 0 5px;}
.table-theme tr td.icons a:not(.btn):hover > i { color:#191919;}
.table .rank-circle { width:25px; height:25px; line-height:25px;display:inline-block; border-radius:100%; text-align:center; }
.table .rank-circle.bg-yellow { background-color:#E9C34E; color:#FFFFFF; font-weight:bold;  }
.table .rank-circle.bg-gray { background-color:#BEBEBE; color:#FFFFFF;  font-weight:bold;   }
.table .rank-circle.bg-brown { background-color:#CF9052; color:#FFFFFF; font-weight:bold;   }

.pagination{margin: 0px;}
.pagination .page-item{margin-right: 5px;}
.pagination .page-item .page-link{color: #000; border-color:#bbb; padding:4px 8px;}
.pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover{background-color: #1D386A; color: #fff; border-color: #1D386A;}
.pagination .page-item.disabled {cursor: not-allowed;}
.pagination .page-item.disabled .page-link{background-color: #f4f4f4; color: #999; pointer-events:none;}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link{border-radius: 0px;}
.pagination .page-item .page-link:focus{box-shadow: none;}
.pagination .page-item .page-link:hover{background-color:inherit;}
.pagination .page-item .page-item:last-child{margin-right: 0px;}
/*Table css end   */

/* card css start */
.card{box-shadow: 0 2px 8px 0 rgba(61,61,61,0.25); background-color:#fff; border:none;}
.card .card-header:not(.card-search .card-right){padding: 20px; background-color:#fff;}
.card .card-header .card-title{ font-size: 18px; font-weight: 600;  margin: 0px;}
.card .card-body{padding: 20px; background-color:#fff;}
.card .card-footer{padding: 20px; background-color:#fff; border:none;}
.card.inline-colorbox{box-shadow: none; margin: 0px;}
.card.inline-colorbox .card-header{background-color: #fff;}
/*  card css end */

/*Shopping pages css start */
.prd_details .purchase_radio .custom-control{ padding-left:0;  }
.prd_details .purchase_radio .custom-control-label span{ border: 1px solid #1D386A; color: #1D386A; text-transform: uppercase;  border-radius:4px; padding:6px 20px 6px 40px ; display:inline-block; }
.prd_details .purchase_radio .custom-control-label::after, .prd_details .purchase_radio .custom-control-label::before { left:14px; top:9px;}
.prd_details .purchase_radio .custom-control-input:checked~.custom-control-label span{ background-color:#1D386A; color:#fff; }

.prd_details .product-details-img { margin-bottom:15px; display:inline-block; max-width: 100%; /*max-width:710px;*/ padding: 0px; text-align: center; /*min-height: 600px;max-height: 490px;*/  position:relative; }
.prd_details .product-details-img .product-zoom-right {position: relative; width:100%; float: left; padding:10px ; /*min-height: 280px;*/}
.prd_details .product-details-img .product-zoom-right img { display: block; height: auto; margin: 0 auto; max-width: 100%; max-height: 100%;max-height: 400px; }
.prd_details .product-details-img .product-dec-slider-2{ padding: 0; width: 100%; padding:0 10px; float: left;}
.prd_details .product-details-img .product-dec-slider-2 .slick-slide{margin: 5px;}
.prd_details .product-details-img .product-dec-slider-2 .slick-slide div { display: flex; align-items: center; }
.prd_details .product-details-img .product-dec-slider-2 .slick-slide a { width:100%; height:100px; line-height: 5.5rem; margin:0 auto; cursor: pointer; padding: 2px; box-shadow: 0 2px 4px 0 rgba(61,61,61,0.5); transform: scale(0.9);transition: all .3s ease-in-out;}
.prd_details .product-details-img .product-dec-slider-2 .slick-slide a.active { box-shadow: 0 2px 4px 0 rgba(29, 56, 106, 0.75); transform: scale(1);}
.prd_details .product-details-img .product-dec-slider-2 .slick-slide a:hover { box-shadow: 0 2px 4px 0 rgba(29, 56, 106, 0.75); transform: scale(1);}
.prd_details .product-details-img .product-dec-slider-2 .slick-slide img { max-width:100%; max-height:96px; margin:0 auto; display: inline-block;}
.product-details-img .product-dec-slider-2 img { max-width: 100px;}
.product-details-img .product-dec-slider-2 .product-dec-icon {cursor: pointer;display: inline-block; left:0%; position: absolute; -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 9;  width: 30px; height: 30px; line-height:27px; text-align: center; font-size: 20px; color: #1f2226; top:38%; }
.product-details-img .product-dec-slider-2 .product-dec-icon.product-dec-prev { left:0px; }
.product-details-img .product-dec-slider-2 .product-dec-icon.product-dec-next { left:inherit; right: -30px; }
.product-details-img .product-dec-slider-2 .product-dec-icon:hover { color: #1D386A; }

.prd_accordion .card {box-shadow : none; border:1px solid rgba(0,0,0,.125); }
.prd_accordion .card-header{  background-color:#FFFFFF;  border-bottom:0; padding: .75rem 1.25rem !important; } 
.prd_accordion .head-acc { position: relative; border:0; padding: 10px 35px 10px 0; display:block; background:none;  font-size:18px; font-weight: bold; color:#212629; width:100%; text-align:left; }
.prd_accordion .head-acc.collapsed:after { content:"\f067"; }
.prd_accordion .head-acc:after { content:"\f068"; font-family:'FontAwesome'; width:25px; height:25px; line-height: 25px; border:1px solid #979797; color:#1A1B1C; font-size:12px; position: absolute; right:0; top: 10px; text-align:center; font-weight:normal; }
.prd_accordion .card-body { padding-top:0; }
.prd_accordion .card-body p { font-family:'Montserrat', sans-serif !important; }
.prd_accordion .card-body img { max-width:100%;width:auto !important; }

.blue-border-ig .input-group-text{border: 1px solid #1D386A;background-color: #F4F4F4; background-color: #F4F4F4;border-radius: 2px 0 0 2px; font-weight: bold;}
.blue-border-ig.input-group>.form-control{border: 1px solid #1D386A; border-radius: 1px;}
.blue-border-ig.input-group>.form-control:focus{ outline: 0; border: 1px solid #1D386A; box-shadow: none; }

.cart-dropdown .dropdown-toggle::after{ display: none; }
.cart-dropdown .dropdown-menu {border: 1px solid #F4F4F4; border-radius: 4px; box-shadow: 0 0 5px 0 rgba(187,187,187,0.5); padding: 0; min-width:400px;}
.cart-dropdown .dropdown-menu .cart-body{max-height:190px; position: relative;}
.cart-dropdown.open .dropdown-menu{ max-height: 400px;opacity: 1;}
.cart-dropdown .dropdown-menu .table-cart { font-size:16px; width:100%; margin:0px 0px 10px; }
.cart-dropdown .dropdown-menu .table-cart tbody tr td { border-bottom:0.50px solid #bbb;}
.cart-dropdown .dropdown-menu .table-cart tr td { padding:10px 4px; vertical-align:top; }
.cart-dropdown .dropdown-menu .table-cart tr td:last-child { padding-right:20px;}
.cart-dropdown .dropdown-menu .table-cart tr td:first-child { padding-left:0;}
.cart-dropdown .dropdown-menu .table-cart tfoot { font-size:16px;}

.prd_cate_label {display: flex; justify-content: center; align-content: center; flex-direction: column;background-color: #1D386A; color: #fff; padding: 7px; min-width: 380px; max-width: 380px; padding-left: 65px;  margin-bottom: 15px;  min-height: 50px;} 
.prd_cate_label.left-title{ position: relative; min-width: 100%; padding-left: 42px; border-radius:4px 0 0 4px; }
.prd_cate_label.left-title:after{ content: ""; width: 100%; height: 100%; position: absolute; right: -12%; z-index: -1; background-color: #1D386A; }
.prd_cate_label h4 { text-transform: uppercase;  margin: 0px;}
.prd_item_wrap { text-align:center; margin-bottom:30px; position:relative; margin-top: 20px;}
.prd_item_wrap a:hover h4{ color:#1D386A;}
.prd_item_wrap .prd_img { min-height:205px; line-height:160px; position: relative;display: inline-block; width: 100%;  }
.prd_item_wrap .prd_img img {max-height: 160px; max-width:160px;  margin: 0 auto;}
.prd_item_wrap .prd_img .quick_popup{position: absolute; top: 50%; left: 0px; right: 0px; max-width: 180px; transform: translateY(-50%);  box-shadow: 0 2px 4px 0 rgba(29,29,29,0.35); transition: all 0.4s ease-out; margin: 0 auto; opacity: 0;}
.prd_item_wrap .prd_img:hover .quick_popup{ opacity: 1; }
.prd_item_wrap  h4{font-size: 18px; font-weight:normal; color: #3D3D3D; }
.prd_item_wrap  a { text-decoration: none; }

.app-view .prd_item_wrap .prd_img .quick_popup{display: none;}

.res-tab-wrap {border: 1px solid #d0d0d0;}
.res-tab-wrap .resp-tabs-list { margin: 0px; padding: 0px;background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); width: 100%; display: inline-block; }
.res-tab-wrap .resp-tabs-list li { padding: 20px 20px; margin: 0; list-style: none; cursor: pointer; float: left; color: #2A2B2F; font-size: 16px; border-right:1px solid #d0d0d0;}
.res-tab-wrap .resp-tabs-list li:last-child { border:0; }
.resp-tabs-container { padding: 0em; clear: left; }
.resp-tabs-container h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }
.resp-tab-content { display: none; padding: 15px; }
.res-tab-wrap .resp-tabs-list li.resp-tab-active { background: #fff; color:#000; }
.resp-content-active, .resp-accordion-active { display: block; }
.resp-tabs-container h2.resp-accordion { font-size: 17px; border-bottom: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 16px 15px;  }
.resp-tabs-container h2.resp-tab-active { border-bottom: 0px solid #fff !important; margin-bottom: 0px !important;}
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }
.resp-tab-content.resp-tab-content-active +  h2.resp-accordion { border-top: 1px solid #c1c1c1; }
.resp-tab-content p { font-family: 'Montserrat', sans-serif !important; }

.card-box {width: 100%; border: 1px solid #1D386A; position: relative; margin: 25px 0; margin-bottom:40px; }
.card-box .card-title { top: -15px; left: 0; width: 100%;  position: absolute; color: #000000; }
.card-box .card-title span { display: inline-block; background-color: #fff; padding: 0 10px; margin: 0 10px; }
.card-box .card-body { padding-top:25px; }
/*Shopping pages css end   */

/* shop v1 page css start  */
.bg-secondary { background-color: #1D386A !important;} 
.shop-v2-wrap .container { max-width:1500px; }

.prd-category-title { position:relative; margin:10px 0; text-align:center; }
.prd-category-title:after { content:""; position: absolute; left:0; top:calc(50% - 2px); width:100%; height: 4px; background-color:#1D386A;   }
.prd-category-title span { display:inline-block; background-color:#FFF; margin:0 auto; position:relative; z-index:1; padding:0 75px; }
.prd-category-title span b {  color: #1D386A; text-shadow: 1px 2px 0 rgba(220,136,119,0.5); line-height:1; }
.prd-category-title span em  { font-style:normal;color: #DC8877; font-family: 'Breathing'; margin-top:-20px; font-variant-ligatures: no-common-ligatures;  }
.macos .prd-category-title span em  {margin-top:0px;  }
.shop-v2-wrap .prd-category-title {   margin:80px 0 10px;}
.shop-v2-wrap .prd-category-title span { padding:0 32px 0 75px; }
/*.shop-v2-wrap .prd-category-title.ip-title span { padding:0 30px 0 50px; }*/
.shop-v2-wrap .prd-category-title.ip-title span em { bottom: 44px; }
.shop-v2-wrap .prd-category-title span em  {  color: #1D386A; font-style:normal; font-family: 'Breathing'; text-shadow: 1px 2px 0px rgba(220, 136, 119, 0.5);transform: rotate(-9deg); text-align:left;  position:absolute; bottom: 48px; left: 30px; font-size: clamp(1.5rem, -0.9219rem + 7.75vw, 3.4375rem);  }
.shop-v2-wrap .prd-category-title span b { color: #DC8877; text-shadow: 1px 2px 0 rgba(220,136,119,0.5); text-transform:uppercase; font-weight:normal; font-size:clamp(1.5rem, -2.25rem + 12vw, 4.5rem);  }
.shop-v2-wrap .prd-category-title span em.text-img {bottom: 32px;left: 21px; transform:rotate(0deg);}

.text-secondary { color:#1D386A !important; }
.btn-secondary { background-color: #1D386A; color:#FFF; border-color:#1D386A; } 
.btn-secondary:hover,.btn-secondary:focus { background-color: #FFFFFF; color:#1D386A; border-color:#1D386A; } 
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {background-color: #FFFFFF; color:#1D386A; border-color:#1D386A;}

.single-feature { margin: 0 0 30px; text-align: center; position: relative; box-shadow: 0 2px 30px 0 rgba(0,0,0,0.21); border: none;}
.single-feature .prd-img-wrap { min-height:280px; margin-bottom:10px; display:flex; align-items: center; justify-content: center; }
.single-feature .prd-img-wrap img{ max-height:265px; }
.single-feature .prd-img-wrap.prd-img-sm { min-height:250px; }
.single-feature .prd-img-wrap.prd-img-sm img{ max-height:250px; }
.single-feature .desc { padding: 0px 0 10px;text-align: center; line-height:1.2;}
.single-feature .desc p {text-align:left; font-weight:500;}
.single-feature .desc .btn {min-width: 195px;}
/* shop v1 page css end    */

/* details v1 page css start  */
.pack-addon .table thead tr th{font-weight: normal; color: #888888; border-width:1px 0px 1px 0px; border-style: solid; }
.pack-addon .table tbody tr td{border-width:0px 0px 5px 0px; border-style: solid; border-color: #ffffff; padding: 0px .75rem; vertical-align: middle;}
.pack-addon .table tbody tr td{border-width:0px 0px 5px 0px; border-style: solid; border-color: #ffffff; padding: 0px .75rem; vertical-align: middle;}
.pack-addon .table tbody tr.addon-selected{background-color: rgba(29, 56, 106, 0.30);} 
.pack-addon .quantity-select .value { background:none; }

.prd_details_options .purchase_radio .custom-control-input:checked~.custom-control-label span{ background-color:#1D386A; border-color:#1D386A;}
.prd_details_options .purchase_radio .custom-control-label span{ border: 1px solid #1D386A; color: #1D386A;}
.prd_details_options .purchase_radio .custom-control-input:checked~.custom-control-label span{ background-color:#1D386A;}
.prd_details_options .custom-radio .custom-control-input:checked~.custom-control-label::after{background: #1D386A;}
.prd_details_options .custom-radio .custom-control-input:checked~.custom-control-label::before {border-color:#1D386A; }
/* details v1 page css end   */

/* Summary box css start */
.sum_wrap {width: 100%; border: 1px solid #3D3D3D; position: relative; margin:20px 0; border-radius: 3px; }
.sum_wrap .sum_title {position: absolute; font-size: 32px; line-height: 42px; text-align: center; top: -23px; left: 0; width: 100%; text-align: center; position: absolute;      text-transform: uppercase; font-weight: normal; color: #3d3d3d;}
.sum_wrap .sum_title span {display: inline-block;  background-color: #fff; padding: 0 15px;}
.sum_wrap .sum_body { padding: 35px 20px 20px 20px;}
.sum_wrap .sum_body table { width: 100% ; }
.sum_table .table thead tr th{color: #878787; text-transform: uppercase; border-bottom: 1px solid #F4F4F4; font-weight: normal;}
.sum_wrap .sum_body table tr td{vertical-align: middle;}
.sum_wrap .sum_body table tr td:first-child{color: #878787; text-transform: uppercase;}
.sum_wrap .sum_body .sum_table_bottom tr td{padding: 10px; font-size: 18px;}
.sum_wrap .sum_body .sum_table_bottom tr td:last-child{ text-align: right; font-weight: bold; }
.sum_wrap .sum_body .sum_table_bottom tfoot tr td{border-top: 1px solid #f4f4f4; padding-bottom: 0px;}
.sum_wrap .sum_body .sum_table_bottom tfoot tr td:first-child{ color:#3d3d3d; font-weight: 500;  }
.sum_wrap .sum-line-title h5 { position: relative; color:#BBBBBB; }
.sum_wrap .sum-line-title h5 span{ background-color: #fff; position: relative; z-index: 11; display: inline-block; padding-right: 20px;}
.sum_wrap .sum-line-title h5:after{content: ""; width: 100%;height: 2px; position: absolute; left: 0; top: 50%; border-bottom: 2px solid #BBBBBB;}
/* Summary box css end  */

.cpopup_wrap {display: none;}

.profile_social a {font-size: 32px;color: #1D386A;margin-right: 40px;}
.btn-block {display: block;width: 100%;}
.distributor-profile-tab .nav-tabs:not(.nav-justified){border-bottom: 1px solid #d5d5d5;}

.info-icon { position: absolute; right:-22px; top: 5px; font-size: 18px; }
.info-icon:hover + .pswd_popover { display: block; }
.pswd_popover {  padding: 10px; background-color: #fff; font-size: 12; color:#3d3d3d; position: absolute; bottom: 100%; right: -26px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25); display: none; }
.pswd_popover:after { content: "";width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; position: absolute; right: 2px; bottom: -10px;  }
.pswd_popover:before { content: "";width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #9c9c9c transparent transparent transparent; position: absolute; right: 2px; bottom: -11px;  }
.object_hide { display:none; }
/*personalized-popup css*/

/*Tab css start  */
.nav-tabs:not(.nav-justified) {font-size:18px; border:0; border-bottom: 2px solid #F3F3F3; margin-bottom: 30px;}
.nav-tabs:not(.nav-justified) > li.nav-item > a { text-transform: uppercase; color: #3D3D3D; border:0;  border-bottom: 2px solid  transparent; /*font-weight: 500;*/ padding: 6px 15px; }
/*.nav-tabs:not(.nav-justified) > li.nav-item:first-child > a{ padding-left:0;}*/
.nav-tabs .nav-item {margin-bottom: -2px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border: 0; background-color:transparent;} 
.customtab li a.nav-link:hover, .profile-tab li a.nav-link:hover { color:#DC8877;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border: 0; border-bottom: 2px solid #DC8877; color: #DC8877;}
.customtab li a.nav-link.active, .profile-tab li a.nav-link.active { border: 0; border-bottom: 2px solid #DC8877; color: #DC8877;}
/*Tab css end  */

/* new comman tab responsive css start */
/*.tab_wrapper {position:relative; margin:0 auto; margin-bottom: 18px; overflow:hidden; padding:5px; height:42px; background-color:#fff;}
.tab_wrapper .nav-tabs { position:absolute; left:0px; top:0px;  min-width:3000px; margin-top:px;}
.tab_wrapper .nav-tabs li{display:table-cell;  position:relative; text-align:center; cursor:grab; cursor:-webkit-grab;  color:#efefef; vertical-align:middle;}
.scroller { text-align:center; cursor:pointer; display:none;  padding:11px 7px; white-space:no-wrap; vertical-align:middle; background-color:#fff;}
.scroller-right{  float:right;}
.scroller-left {  float:left; }
.scroller .fa { font-weight: bold; font-size:18px; }*/
/* new comman tab responsive css end */

/*shop page css start*/
.shop_filter_bar .left-search { min-width: 345px;  }
.shop_filter_bar .left-search .form-control{ border:0; border-bottom: 1px solid #1D386A; border-radius:0; }
.shop_wrap .prd_label {display: flex; justify-content:center; align-content:center; flex-direction:column;  background-color:#1D386A; color:#fff; padding:7px; min-width:450px; max-width:450px; padding-left:25px; margin-left:-25px; margin-bottom:15px; min-height:50px;}
.shop_wrap .prd_label  h4 { text-transform:uppercase; margin:0px; font-size: 20px;}

.cart_table.table thead th { border-top: 0; border-bottom: 1px solid #878787; color:#878787; font-weight: normal; text-transform: uppercase; }
.quantity-select{min-width:105px; }
.value-minus, .value-plus { height: 34px; line-height: 24px; width: 35px;  float:left; cursor: pointer; position: relative; font-size: 14px; color: #fff; text-align: center; -webkit-user-select: none; -moz-user-select: none; border: 0.5px solid #191919; vertical-align: bottom; }
.quantity-select .entry.value-minus, .quantity-select .entry.value-plus {color:#191919; font-size:14px; font-family:'FontAwesome'; line-height:34px;}
.quantity-select .entry.value-minus:before { content:"\f068"; position:relative;}
.quantity-select .entry.value-plus:before { content:"\f067"; position:relative;  }
.quantity-select .value { float:left; cursor: default; width: 35px; height: 34px; padding: 8px 0px; color: #000; line-height: 18px; border:0;  border-top: 0.5px solid #191919;  border-bottom: 0.5px solid #191919; background-color: #fff; text-align: center; font-weight:600;  }
.quantity-select .entry.value-minus:hover, .quantity-select .entry.value-plus:hover { background: #ddd; }
.quantity-select .entry.value-minus { margin-left: 0; }
.quantity-select .entry.value-minus.disabled, .quantity-select .entry.value-plus.disabled { pointer-events: none; cursor: not-allowed; }
.quantity-select .entry.value-plus.disabled:before, .quantity-select .entry.value-minus.disabled:before { opacity: 0.2; }

.shop_wrapper select{ overflow-x: hidden !important; }
/*shop page css end */

/*Search form css start */
.search_head { display: block;  }
.search_head h4{ text-transform: uppercase; font-size: 16px;  line-height: 48px;  margin-bottom:20px; display: inline-block; pointer-events: none;}
.search_head .search_circle{background-color:#1D386A; width: 48px; height: 48px; color:#fff; border-radius:50%; text-align:center; line-height:48px;  vertical-align: middle;  margin-right:15px; font-size:32px; display:none;}
.search_head .search_circle span:after{ content: "+"; }
.search_head h4.collapsed { pointer-events:inherit; cursor: pointer;   }
.search_head h4.collapsed .search_circle { display: inline-block; }
/*Search form css end   */

/* perfectscroll css start */
.ps{-ms-touch-action:auto;touch-action:auto;overflow:hidden!important;-ms-overflow-style:none; position: relative;}
@supports (-ms-overflow-style:none){
	.ps{overflow:auto!important;}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
	.ps{overflow:auto!important;}
}
.ps.ps--active-x > .ps__scrollbar-x-rail,.ps.ps--active-y > .ps__scrollbar-y-rail{display:block;background-color:transparent;}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail{background-color:#eee;opacity:0.9;}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x{background-color:#999;height:11px;}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail{background-color:#eee;opacity:0.9;}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y{background-color:#999;width:11px;}
.ps > .ps__scrollbar-x-rail{display:none;position:absolute;    /* please don't change 'position' */opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:0px;    /* there must be 'bottom' for ps__scrollbar-x-rail */height:15px;}
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x{position:absolute;      /* please don't change 'position' */background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;bottom:2px;      /* there must be 'bottom' for ps__scrollbar-x */height:6px;}
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x{height:11px;}
.ps > .ps__scrollbar-y-rail{display:none;position:absolute;    /* please don't change 'position' */opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:0;    /* there must be 'right' for ps__scrollbar-y-rail */width:15px;}
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y{position:absolute;      /* please don't change 'position' */background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;right:2px;      /* there must be 'right' for ps__scrollbar-y */width:6px;}
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y{width:11px;}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail{background-color:#eee;opacity:0.9;}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x{background-color:#999;height:11px;}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail{background-color:#eee;opacity:0.9;}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y{background-color:#999;width:11px;}
.ps:hover > .ps__scrollbar-x-rail,.ps:hover > .ps__scrollbar-y-rail{opacity:0.6;}
.ps:hover > .ps__scrollbar-x-rail:hover{background-color:#eee;opacity:0.9;}
.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x{background-color:#999;}
.ps:hover > .ps__scrollbar-y-rail:hover{background-color:#eee;opacity:0.9;}
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y{background-color:#999;}
/* perfectscroll css end  */

/* floating form utilities css start */
.pr { position:relative;}
.form-control:focus{ box-shadow: none; }
.form-control:-webkit-autofill, .form-control:focus:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
.theme-form .input-group>.custom-file .custom-file-input:focus~.custom-file-label, 
.theme-form .input-group>.custom-select:focus, 
.theme-form .input-group>.form-control:focus { z-index: inherit; }
.theme-form .form-group { position: relative; margin-bottom:10px; min-height:55px;}
.theme-form .form-group.height_auto { min-height:inherit; margin-bottom:15px;}
.theme-form .form-control{ color: #000; height: 34px; min-height: 34px; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; border: 1px solid #BBBBBB;	border-radius: 1px;  margin: 0; transition: all 0.3s; background: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }
.theme-form  textarea.form-control { height: auto; min-height: inherit; }
.theme-form .form-control ~ label { position: absolute; cursor: auto; top: 7px; left: 13px; transition: .2s ease all; -moz-transition: .2s ease all; -webkit-transition: .2s ease all; pointer-events: none; z-index: 1; color:#BBBBBB; font-weight:normal; }
.theme-form .form-control.has-value ~ label, .theme-form .form-control:focus ~ label { top:-8px; left:10px; font-size: 12px; background-color:#fff; padding:0 3px; color:#999999;}
.theme-form .form-control:focus ~ label{ color:#1D386A; }
.theme-form .form-control:focus { border:1px solid #1D386A; }
.theme-form .form-control[disabled], .theme-form .form-control[readonly]{ background-color: #f5f5f5; }
.theme-form .custom_select { position:relative; width:100%; }
.theme-form .custom_select:after { content:"\f0d7"; font-family:'FontAwesome'; color:#959595; position:absolute; right:5px; bottom:5px; font-size:18px; pointer-events: none;}
.theme-form .custom_select select { padding-right:20px; }
.theme-form .custom_select select::-ms-expand {display: none;}
.theme-form .input-group > .pr {flex: 1;}
.theme-form .input-group .input-group-prepend .input-group-text{background-color:#f4f4f4; border:1px solid #BBBBBB; border-radius:0px; padding: .355rem .75rem; }
.theme-form .input-group .input-group-prepend .input-group-text:focus{ border-color:#000;}
.theme-form select.form-control.select-arrow {background-position: 100% 50%; }

.theme-form .se_multiple_select ~ label { position: absolute; cursor: auto; top: 8px; left: 12px; transition: .2s ease all; -moz-transition: .2s ease all; -webkit-transition: .2s ease all; pointer-events: none; z-index: 9; color:#BBB; font-weight:normal; margin: 0px;} 
.theme-form .se_multiple_select.has-value ~ label{ top:-10px; left:10px; font-size: 11px; background-color:#fff; padding:3px 3px 0; color:#999999; margin: 0px;}
.theme-form .fake-input { display: inline-block;border: 1px solid #BBBBBB;  padding: 0 15px; width: 100%; height: 34px;}
.theme-form .fake-input iframe { border: 0; height: 34px; width: 100%; }
.theme-form .ellipsis{text-overflow:ellipsis;max-width: 80%; white-space:nowrap; overflow:hidden;text-align: left;}

.bs-add-option .dropdown-menu li:last-child a.dropdown-item,
.bs-add-option .dropdown-menu li:last-child a.dropdown-item:hover{ background-color: #F4F4F4; padding: 6px 16px; display: block; margin-top: 2px; color: #1D386A;  }
    .bs-add-option .dropdown-menu li a.dropdown-item  a { padding: 0; text-decoration: underline;}

select.form-control.select-arrow, table.table-theme select.form-control { background:url(../images/select_arrow.svg) no-repeat #fff; background-position: 100% 50%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding-right:25px; box-shadow: none;}

input.ui-autocomplete-input.ui-autocomplete-loading { background:url('../images/auto-loader.gif') no-repeat ;background-position: 98% 50% ; }

.phone-control-wrap.fixed_size{ table-layout:fixed;}
/*.phone-control-wrap { display:table; width:100%;}
.phone-control-wrap .phone-addon { display:table-cell; vertical-align:middle; padding-right:4px; text-align:center;}
.phone-control-wrap .phone-addon:last-child{padding-right:0;}*/

.custom-checkbox .custom-control-label::before { /*border:1px solid #1D386A;*/ background:none; top: .10rem; }
.custom-checkbox .custom-checkbox .custom-control-label:before { border-radius:1px;}
.custom-checkbox .custom-control-label::after{background: center no-repeat; top: .10rem; background-size: 10px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#1D386A;background-color:#1D386A}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before {box-shadow:none !important;}
.custom-checkbox .custom-control-input:not(:disabled):active~.custom-control-label::before { background-color: #fff; border-color: #bfbfbf;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
.table-theme thead .custom-checkbox .custom-control-label::before { background-color: #FFF; border-color: #FFF; }
.table-theme thead .custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #FFF; border-color: #FFF;}
.table-theme thead .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2309f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-label:before  { border-color:#BBBBBB; background:none;}
.custom-radio .custom-control-label::after, .custom-radio  .custom-control-label::before { top: .15rem; }
.custom-radio .custom-control-input:checked~.custom-control-label{ color:#3d3d3d;}
.custom-radio .custom-control-input:checked~.custom-control-label::after{background: #1D386A; border-radius: 100%; margin: 4px; width: 8px; height: 8px;}
.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color:#fff; border-color:#1D386A; }
 
.inline-custom-radio .custom-control{ display:inline-block; margin-right:20px; font-size:16px; cursor: pointer; }
.inline-custom-radio .custom-control .custom-control-label {text-transform:uppercase ; color:#bbbbbb; cursor: pointer; } 
.inline-custom-radio .custom-control:last-child { margin-right:0;}

.range_wrap .range_close {position: absolute; right: -10px; top: -10px; color: #AEAEAE;}

.app-view .theme-form .form-group{min-height: 65px;}
.app-view .theme-form .form-control, .app-view .form-control{height: 55px; min-height: 55px; }
.app-view .theme-form .form-control ~ label { top: 18px; }
.app-view .theme-form .form-control.has-value ~ label, .app-view .theme-form .form-control:focus ~ label  {top: -9px;}
.app-view .dropdown.bootstrap-select > .btn-select { height: 55px; background-position: 100% 18px; padding-top: 16px; }
/* floating form utilities css end */

/* form control css start */
label{font-weight: 500;}
input[type='file'].form-control { padding:3px !important;} 
.form-control{ color: #000; height: 34px; min-height: 34px; padding: 6px 12px; font-size: 14px; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; border: 1px solid #BBBBBB; border-radius: 1px; margin: 0; transition: all 0.3s; background: #fff; }
.input-group .input-group-prepend .input-group-text{background-color:#f4f4f4; border:1px solid #BBBBBB; border-radius:0px; padding: .355rem .75rem; }
.input-group .input-group-prepend .input-group-text:focus{ border-color:#000;}
.form-control:focus{border-color:#1D386A; box-shadow: none;}
.form-control[disabled], .form-control[readonly]{ background-color: #f5f5f5; }
.input-group-addon{border-radius:0px;}

.range_filter .form-control:-ms-input-placeholder {font-size: 10px;}
.range_filter .form-control::placeholder { font-size: 10px;}
.range_filter .range_filter_close {position: absolute; right: -10px; top: -10px; color: #AEAEAE;}
.range_filter .range_filter_close :hover{text-decoration: none; color: #191919;}
.range_filter .form-control{font-size:12px;}

.bootstrap-select .dropdown-menu li .bs-select-clear  small,
.bootstrap-select .dropdown-menu li.active .bs-select-clear  small{ color:#989898 !important; padding: 0; font-size: 14px; font-style: italic; }

.radio-view-check .custom-radio .custom-control-label::before { border-radius: .25rem;}
.radio-view-check .custom-radio .custom-control-input:checked~.custom-control-label::after { margin:0; width:16px; height:16px; border-radius: .25rem; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center; background-size: 10px;  }

.label-wrap{max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* form control css end */

/*card_auth_form page Authorization form*/
.authorization_form ul.form-list { border:1px solid black; padding-left:0px; }
.authorization_form ul.form-list label input { margin-right: 5px; }
.authorization_form ul.form-list li{ list-style-type: none; }
.authorization_form ul.form-list li{ border-bottom: 1px solid black; padding: 12px; }
.authorization_form ul.form-list li:last-child{ border-bottom: none; }
.authorization_form ul.form-list li>h4{font-size: 16px; margin:0px;font-weight: bold  }
.authorization_form ul.form-list li.bg-gray{  background-color:#E6E6E6;  }
.authorization_form .form-control{ border-bottom: 2px solid black; border-top:none; border-left: none; border-right: none; height: 25px;  min-height: 25px; padding-bottom:5px;}
.authorization_form .form-conditon-text{ line-height: 2.2; }

/* order receipt css start */
.receipt_left_table tbody tr td{ font-size: 16px; padding: 8px 0px; border: none!important; }
.receipt_left_table tbody tr td:first-child{ text-align: left; color: #878787; text-transform: uppercase; font-weight: normal;  word-break: break-word; }
.receipt_left_table tbody tr td:last-child{ text-align: right; color: #191919; font-weight: 600; word-break: break-word;  }

/* success library css end */
.select_floating .input-group-append .input-group-text { padding: 4px 8px; font-size: 14px;}
.select_floating .form-control { font-size: 12px; padding: 7px;}
.select_floating .select_floating_close, .select_floating_close_new { position: absolute;  right: -10px; top: -10px; color: #AEAEAE;}


/*Verfiy popup css start*/
.verify-popup .address-sec{ padding: 30px;}
.verify-popup .notification-sec { padding: 0; background-color:#f1f1f1 ; height: 100%;}
.verify-popup .notification-sec .msg-div { padding: 30px; text-align: center; }
.verify-popup .notification-sec .white-box { padding: 15px;background-color: #fff; }
.verify-popup .card-body { padding: 0px; }
.verify-popup .address-box { padding: 15px; min-height:192px; border: 1px solid #fff; margin-bottom: 25px; }
.verify-popup .address-box label div.radio {vertical-align: top;}
.verify-popup .address-box p {margin-left: 24px;}
.verify-popup .address-box.active { border: 1px solid #0077c8; }
/*Verfiy popup css end  */

.custom-switch .custom-control-label:before  { border-color:#e02020;  }
.custom-switch .custom-control-label:after { background-color:#e02020; }
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {background-color: #fff; border-color:#3ab80e; } 
.custom-switch .custom-control-input:checked~.custom-control-label:after{ background-color:#3ab80e; }

.table-collapse tbody tr td{ border-bottom: 1px solid #dee2e6; }
.bg-gray {background-color: #f1f1f1;  }
.iframe.bg-gray {background-color: #F5F5F5 !important;  }
.table .thead-light th { background-color: #f1f1f1; }

.table.collapse_tbl > tbody > tr:nth-child(4n-1) { background-color: #fff;}
.table.collapse_tbl > tbody > tr > td.collapse_plus a{ color:#191919;}
.table.collapse_tbl > tbody > tr > td.collapse_plus a:hover, .table.collapse_tbl > tbody > tr > td.collapse_plus a:focus{text-decoration:none;color:#191919; }
.table.collapse_tbl > tbody > tr > td.collapse_plus a.collapsed span:after { content: "\f067"; font-family:FontAwesome; }
.table.collapse_tbl > tbody > tr > td.collapse_plus a span:after { content: "\f068";  font-family:FontAwesome;}
.table.collapse_tbl > tbody > tr > td.collapse_subtbl { padding: 0px;  background-color: #fff;}
.table.collapse_tbl > tbody > tr > td.collapse_subtbl .card-collapse { padding: 0px 25px!important;  border-bottom: 2px solid #191919!important; }
.table.collapse_tbl .table  thead tr th { background-color:#fff; color:#000; border-bottom: 1px solid #000; }
.table.collapse_tbl .table tbody tr:last-child td { border:0; }
.btn { text-transform: uppercase; }

/*Success libaray page css start */
/* breadcrumb css start */
.breadcrumb{background-color:transparent; padding:0px; margin:0px;}
.breadcrumb > li{font-size:12px; text-transform:uppercase;color: #AEAEAE;}
.breadcrumb > li > a{color: #AEAEAE; text-decoration:none;}
.breadcrumb-item+.breadcrumb-item::before { color: #AEAEAE; }
.breadcrumb > li > a.active{color: #191919;}
/* breadcrumb css end */

.success_lib_wrap .breadcrumb{margin-bottom:35px;}
.success_lib_wrap .tab-content{padding-top:0px; min-height:455px;}
.success_lib_wrap .br-l { border-left: 1px solid #D3D3D3;}
.success_lib_wrap .card .card-header:not(.card-search .card-right) { padding:0px; }
@media (max-width: 767px){
.success_lib_wrap .tab-content { min-height: inherit; }
.tabbing-tab { margin-top:40px; }
}
.custom_vtab_wrap > .nav.nav-tabs{border-bottom:none;}
.custom_vtab_wrap > .nav.nav-tabs > li{float: none; margin-bottom:1px; width: 100%;}
.custom_vtab_wrap > .nav.nav-tabs > li:last-child { margin-bottom: 0; }
.custom_vtab_wrap > .nav.nav-tabs > li > a.nav-link{border:none; border-radius:0px; font-size: 16px; text-transform:uppercase; position:relative; color: #191919; padding:13px 15px; display: block;}
.custom_vtab_wrap > .nav.nav-tabs > li.active > a > i:after{color:#fff;}
.custom_vtab_wrap > .nav.nav-tabs > li > a img.social_tab_ico{ width:30px; max-height:30px;   }
.custom_vtab_wrap > .nav.nav-tabs > li > a.active, .custom_vtab_wrap > .nav.nav-tabs >  li > a.active:focus, 
.custom_vtab_wrap > .nav.nav-tabs > li > a.active:hover{ border:none; background-color:#1D386A; color:#fff; }
.custom_vtab_wrap > .nav.nav-tabs > li > a:hover, .custom_vtab_wrap > .nav.nav-tabs > li > a:focus{ background-color:transparent;}
.custom_vtab_wrap > .nav.nav-tabs > li > a.active > .phone-control-wrap > .phone-addon > img, 
.custom_vtab_wrap > .nav.nav-tabs > li > a.active > .phone-control-wrap > .phone-addon > img:focus, .custom_vtab_wrap > .nav.nav-tabs > li > a.active > .phone-control-wrap > .phone-addon > img:hover{filter: invert(1) sepia(1) saturate(0.25) hue-rotate(175deg);}
.custom_vtab_wrap .phone-control-wrap .phone-addon{text-align:left;}
.custom_vtab_wrap .phone-control-wrap .phone-addon:last-child{text-align:right;}

.middle_lib_wrap > .nav.nav-tabs{border-bottom:none;}
.middle_lib_wrap > .nav.nav-tabs > li{float: none; margin-bottom:0px; display: block; width: 100%;}
.middle_lib_wrap > .nav.nav-tabs > li > a{border:none; border-radius:0px; font-size: 16px; text-transform:capitalize; position:relative; color: #191919; padding:11px 15px; position:relative; display: block;}
@media (min-width:768px) {
.middle_lib_wrap > .nav.nav-tabs > li > a:after{position:absolute; right:15px; font-family:'FontAwesome'; content:"\f054"; color:#191919; font-size:16px; top:50%;     transform: translateY(-50%);}
}
.middle_lib_wrap > .nav.nav-tabs > li.active > a, .middle_lib_wrap > .nav.nav-tabs >  li.active > a:focus, .middle_lib_wrap > .nav.nav-tabs > li.active > a:hover{ border:none; background-color:transparent; color:#1D386A; }
.middle_lib_wrap > .nav.nav-tabs > li > a:hover, .middle_lib_wrap > .nav.nav-tabs > li > a:focus{ background-color:transparent; text-decoration: none;}
.middle_lib_wrap > .nav.nav-tabs > li > a.active,
.middle_lib_wrap > .nav.nav-tabs > li > a.active:after{color:#1D386A;}

.lib_file_list{max-height: 455px;}
.lib_file_list ul{margin:0px; list-style-type:none; padding:0px;}
.lib_file_list ul li{margin:15px 10px;}
.lib_file_list ul li a{font-size: 16px; color: #191919; text-decoration:none; }
.lib_file_list ul li a:hover, .lib_file_list ul li a:focus{ color:#1D386A;}
.lib_file_list .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color:#fff; } 
.lib_file_list .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #BBBBBB; 	width: 10px;}

#cboxNext, #cboxNext:hover { background:url('../images/icons/black_right_arrow.png') no-repeat center; opacity: 1; right: 15px;  }
#cboxPrevious, #cboxPrevious:hover { background:url('../images/icons/black_left_arrow.png') no-repeat center;  opacity: 1;  left:15px; }
.white-arrow #cboxNext, .white-arrow #cboxNext:hover { background:url('../images/icons/white_right_arrow.png') no-repeat center; right: 15px;  }
.white-arrow #cboxPrevious, .white-arrow #cboxPrevious:hover { background:url('../images/icons/white_left_arrow.png') no-repeat center; left:15px; }
body.iframe .card.card-arrow > .card-body{ padding:15px 60px; }
.card-arrow > a.disabled {opacity: 0.25; pointer-events: none;} 
.card-arrow .card-left-arrow {position:fixed;top: 50%;left: 20px;transition: all ease 0.5s;cursor:pointer;transform:translateY(-50%);}
.card-arrow .card-right-arrow { position: fixed;top: 50%;right:20px; transition: all ease 0.5s;cursor:pointer;transform:translateY(-50%);}
/*Success libaray page css end  */

/* Fill A Cart Css Starts */
.table.table-striped tbody tr.outdated-row td { background-color: #ffdada !important;  color: #611a1a !important; }
.bg-outdated { background-color: #ffdada !important; }
.outdated-row a { color: #8a2b2b !important; font-weight: 600; }
.outdated-row a:hover { color: #5c1a1a !important; }
/* Fill A Cart Css Ends */

/*Happenings page css start */
.feed_wrapper { margin:30px 0 50px;  }
.feed-item-wrap{ max-width: 650px; margin:0 auto 50px; box-shadow: 0 0 5px 0 rgba(181,181,181,0.5); border: 1px solid #F4F4F4;  border-radius: 3px; }
.feed-item-wrap .feed-head{line-height: 60px;position: relative;padding: 0 0 0 75px;color: #fff;  background-color: #191919; border-radius: 0 3px 0 0;-webkit-border-radius: 0 3px 0 0;width: 100%;}
.feed-item-wrap .feed-head img{height: 88px;  width: 88px; border: 3px solid #f3f3f3; background: #fff; border-radius: 100%; left: -4%;    position: absolute; top: -30%;  z-index: 6;}
.feed-item-wrap .feed-head h2 { font-size: 18px; font-weight: normal; margin: 0; color: #fff; line-height: 60px; text-transform: uppercase; }
.feed-item-wrap .feed-head h2 .right-dateinfo { float: right; font-size: 14px; margin-right: 15px; text-transform: capitalize; } 
.feed-item-wrap .feed-post .feed-img{ max-width: 100%; }
.feed-item-wrap .feed-data-info { background-color:#3D3D3D; color:#fff; padding: 15px;  }

.feed-item-wrap .feed-data-info  .date-div {width: 65px; background: #ffffff; color: #333333; border-radius: 8px; text-align: center;  font-size: 34px;    font-weight: 700; margin-right: 18px; vertical-align: bottom;  display: inline-block;   font-weight: normal;}
.feed-item-wrap .feed-data-info  .date-div span {border-bottom: 1px solid #ebebeb;  padding: 5px 0 7px; font-size: 16px;  float: left; width: 100%;}
.feed-item-wrap .feed-data-info .center-div { display: inline-block; }
.feed-item-wrap .feed-body { padding: 15px; }
.feed-item-wrap .feed-body img{ max-width: 100%; }
.feed-item-wrap .feed-footer {background-color: #F4F4F4; padding: 15px; text-align: center;}
.feed-item-wrap .feed-footer a, .feed-item-wrap .feed-footer button{font-size: 30px; color: #1D386A; margin-right: 35px; display: inline-block; cursor: pointer;}
.feed-item-wrap .feed-footer a:last-child, .feed-item-wrap .feed-footer button:last-child {margin-right: 0;}
/*Happenings page css end */

/*DNS register page css start   */
.register-first-step { max-width: 540px; margin: 0 auto; text-align: center; }
.register-wrap .code-input { font-size: 26px; line-height: 30px; text-align: center; border: 2px  dashed #e8e8ef; border-radius: 8px;
    padding: 33px 0; width: 100%; }
.register-wrap .code-input:focus-visible, .register-wrap .code-input:focus { border-color: #1D386A; outline: 0; }
.product-card .product-img img{ max-width:100%; display: block; margin: 0 auto; }
.register-wrap .package { border-radius: 4px; padding: 15px; padding-top: 30px; text-align: center; background: #FFFFFF; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);position: relative; }
.register-wrap .package .pack-badge { position: absolute; top:-14px; left: 0; width: 100%; text-align: center; }
.register-wrap .package .pack-badge span { display: inline-block; border: 1px solid transparent; background-color:#FFF; padding:2px 12px; border-radius: 40px; color: #FFF; }
.register-wrap .package .pack-badge span:empty { display: none;}
.register-wrap .package .pack-badge.red span{  background-color: #d00e0e; }
.register-wrap .package .pack-badge.theme span{ background-color: #1D386A; }
.register-wrap .package .pack-img { margin-bottom: 15px; }
.register-wrap .package .pack-img img { max-height: 150px; }
.register-wrap .package p { text-align: left; }
.register-wrap .package h2 { margin: 25px 0 ; font-size: 170%; }

.nav.report-tabs {  justify-content: center; padding: 30px 0 15px;  background-color: #e4e4e4; }
.nav.report-tabs  li{  text-align: center; position: relative; }
.nav.report-tabs  li a { padding-top: 0; padding-bottom: 0; }
.nav.report-tabs  li a:before {  display: block; content: ""; border-bottom: 2px solid #c9c9c9; height: 0; position: absolute; visibility: visible !important; top: 12px;
    left: 0; right: 0; -webkit-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s;}
.nav.report-tabs  li a .tab-number { display: inline-block; line-height: 30px; text-align: center; vertical-align: middle; width: 30px; min-width: 30px; min-height: 30px; height: 30px;
 color: #191919; background: #fff; border-radius: 50%; position: relative; z-index: 1; -webkit-transition: color 0.3s, background 0.3s; -o-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s; font-size: 16px;  font-weight: 400;  background: #fff; border: 1px solid #ccc;}
.nav.report-tabs  li a .tab-text { margin-top: 5px; display: block; position: relative; top: auto; left: auto; right: auto; color: #191919;}
.nav.report-tabs  li a.active:before, .nav.report-tabs  li a.active .tab-number { border-color: #191919; background-color: #000; color: #FFF;}
.nav.report-tabs  li a.active .tab-text { color: #000;  }
.nav.report-tabs  li a.completed:before, .nav.report-tabs  li a.completed .tab-number { border-color: #1D386A; background-color: #1D386A;}
.nav.report-tabs  li a.completed .tab-number { font-size: 0; }
.nav.report-tabs  li a.completed .tab-number:after {content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path style="fill:%23ffffff" d="M9.95 26.2c-0.1 0-0.15 0-0.25 0-0.45-0.050-0.9-0.35-1.1-0.8l-5.45-10.55c-0.4-0.75-0.1-1.65 0.65-2 0.75-0.4 1.65-0.1 2 0.65l4.5 8.75 16.1-15.95c0.6-0.6 1.55-0.6 2.1 0 0.6 0.6 0.6 1.55 0 2.1l-17.5 17.35c-0.25 0.3-0.65 0.45-1.050 0.45z"></path></svg>') !important; left: 6px; top: 6px; width: 18px; height: 18px; position: absolute; }
/*DNS register page css end     */

/* Mobile View Css Start */
.page_wrapper:has(.app_view) { padding: 0px; }
.page_wrapper>.container:has(.app_view) { max-width: 100%; padding: 0px; }
.app_view .bg_lg_primary { background-color: rgba(235, 194, 168, 15%); }
.app_view .profile_banner { background-image: url(../images/app/banner_image.png); background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 150px; height: 100%; }
.app_view .profile-image { height: 150px; width: 150px; position: absolute; top: -75px; left: calc(50% - 75px); background-color: white; border-radius: 1000px; background-position: center; background-repeat: no-repeat; background-size: cover; margin: auto; box-shadow: 0px 1.5px 6px 0px #21262980; }
.app_view .product-info-wrap { position: relative; border-radius: 10px 10px 0px 0px; padding: 70px 0px 0px 0px; background-color: white; top: -10px; }
.app_view .sponser-img{width: 50px; height: 50px; border-radius: 1000px; background-color: #fff;}
.app_view .text-black {color: #1d1d1d !important;}
.app_view .info-table td { font-size: 16px; padding: 7.5px 0px; color: #888888; }
.app_view .fs18 { font-size: 18px !important; }

.btn-app-group .custom-control{ border: 1px solid #1D386A; background-color: #fff; border-radius: 14px;  padding: 8px 40px 8px 56px; color: #1D386A;}
.btn-app-group .custom-control:has(input:checked){background-color: #1D386A;}
.btn-app-group .custom-control:has(input:checked) .custom-control-label{color: #fff}
/* Mobile View Css End */

/* blog page css start */
.blog-grid {margin:25px 0;}
.blog-grid .blog-img {position: relative;border-radius: 5px;overflow: hidden;}
.blog-grid .blog-img .date {position: absolute; background: #1D386A; color: #ffffff; padding: 8px 15px; left: 0; top: 10px; font-size: 14px;}
.blog-grid .blog-img .blog-post-img { width: 100%; min-height: 240px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; }
.blog-grid .blog-info {box-shadow: 0 0 30px rgba(31, 45, 61, 0.125); border-radius: 5px; background: #ffffff; padding: 20px;margin: -30px 20px 0; position: relative;}
.blog-grid .blog-info h5 {font-size: 22px; font-weight: 500; margin: 0 0 10px;}
.blog-grid .blog-info h5 a { color: #1D386A ;}
.blog-grid .blog-info p { margin: 0; word-break: break-word;}
.blog-grid .blog-info .btn-bar { margin-top: 20px;}
.px-btn-arrow { padding: 0 50px 0 0; line-height: 20px; position: relative; display: inline-block; color: #000; -moz-transition: ease all 0.3s; -o-transition: ease all 0.3s; -webkit-transition: ease all 0.3s; transition: ease all 0.3s;}
.px-btn-arrow .arrow { width: 13px; height: 2px; background: currentColor; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto;  right: 25px;    -moz-transition: ease right 0.3s; -o-transition: ease right 0.3s; -webkit-transition: ease right 0.3s; transition: ease right 0.3s;}
.px-btn-arrow .arrow:after {width: 8px; height: 8px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; content: ""; position: absolute; top: -3px;  right: 0; display: inline-block; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);    transform: rotate(45deg);}

.blog-page .card { background: #fff; transition: .5s; border: 0; margin-bottom: 30px; border-radius: .55rem; position: relative; width: 100%; box-shadow: 0 0 30px rgb(31 45 61 / 13%); }
.blog-page .card .body { color: #444; padding: 20px; font-weight: 400; }
.blog-page .card .header { color: #444; padding: 20px; position: relative; box-shadow: none; }
.single_post { -webkit-transition: all .4s ease; transition: all .4s ease }
.single_post .body { padding: 30px }
.single_post .img-post { position: relative; overflow: hidden; max-height: 500px; margin-bottom: 30px }
.single_post .img-post>img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: -webkit-transform .4s ease, opacity .4s ease; transition: transform .4s ease, opacity .4s ease; max-width: 100%; filter: none; -webkit-filter: grayscale(0); -webkit-transform: scale(1.01) }
.single_post .img-post:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); opacity: .7; filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .8s ease-in-out }
.single_post .img-post:hover .social_share { display: block }
.single_post .footer { padding: 0 30px 30px 30px }
.single_post .footer .actions { display: inline-block }
.single_post .footer .stats { cursor: default; list-style: none; padding: 0; display: inline-block; float: right; margin: 0; line-height: 35px }
.single_post .footer .stats li { border-left: solid 1px rgba(160, 160, 160, 0.3); display: inline-block; font-weight: 400; letter-spacing: 0.25em; line-height: 1; margin: 0 0 0 2em; padding: 0 0 0 2em; text-transform: uppercase; font-size: 13px }
.single_post .footer .stats li a { color: #777 }
.single_post .footer .stats li:first-child { border-left: 0; margin-left: 0; padding-left: 0 }
.single_post h3 { font-size: 20px; text-transform: uppercase }
.single_post h3 a { color: #242424; text-decoration: none }
.single_post p { font-size: 16px; line-height: 26px; font-weight: 300; margin: 0 }
.single_post .blockquote p { margin-top: 0 !important }
.single_post .meta { list-style: none; padding: 0; margin: 0 }
.single_post .meta li { display: inline-block; margin-right: 15px }
.single_post .meta li a { font-style: italic; color: #959595; text-decoration: none; font-size: 12px }
.single_post .meta li a i { margin-right: 6px; font-size: 12px }
.single_post2 { overflow: hidden }
.single_post2 .content { margin-top: 15px; margin-bottom: 15px; padding-left: 80px; position: relative }
.single_post2 .content .actions_sidebar { position: absolute; top: 0px; left: 0px; width: 60px }
.single_post2 .content .actions_sidebar a { display: inline-block; width: 100%; height: 60px; line-height: 60px; margin-right: 0; text-align: center; border-right: 1px solid #e4eaec }
.single_post2 .content .title { font-weight: 100 }
.single_post2 .content .text { font-size: 15px }
.right-box .categories-clouds li { display: inline-block; margin-bottom: 5px }
.right-box .categories-clouds li a { display: block; border: 1px solid; padding: 6px 10px; border-radius: 3px }
.right-box .instagram-plugin { overflow: hidden }
.right-box .instagram-plugin li { float: left; overflow: hidden; border: 1px solid #fff }
.comment-reply li { margin-bottom: 15px }
.comment-reply li:last-child { margin-bottom: none }
.comment-reply li h5 { font-size: 18px }
.comment-reply li p { margin-bottom: 0px; font-size: 15px; color: #777 }
.comment-reply .list-inline li { display: inline-block; margin: 0; padding-right: 20px }
.comment-reply .list-inline li a { font-size: 13px }
@media (max-width:640px) {
    .blog-page .left-box .single-comment-box>ul>li { padding: 25px 0 }
    .blog-page .left-box .single-comment-box ul li .icon-box { display: inline-block }
    .blog-page .left-box .single-comment-box ul li .text-box { display: block; padding-left: 0; margin-top: 10px }
    .blog-page .single_post .footer .stats { float: none; margin-top: 10px }
    .blog-page .single_post .body, .blog-page .single_post .footer { padding: 30px }
}
/* blog page css end   */

/* ingredient page css start*/
.ingredient-hero{background-color: #EBC2A8; padding-top: 50px; margin: 0px -30px;}
@media (min-width:1280px){
  .ingredient-hero{margin: 0px -25px;}
}
.ingredient-hero img{margin-bottom: -30px;}
.ingredient-box img{max-width: 110px;}
.ingredient-box h4{font-family:'Montserrat', sans-serif;}
.ingredient-box .border-primary{border-color: #1D386A!important;}
.ingredient-box a.text-primary:hover, .ingredient-box a.text-primary:focus{color:#1D386A!important; }
/* ingredient page css end*/

/* your stroy page css start */
.fs72 { font-size:clamp(32px, 5vw, 72px); }
.text-pink { color: #DC8877 !important;}
.bg-gray-light { background-color: #f6f5f3 !important;}
.step_tabul { font-size:28px; list-style: none; display: flex; margin: 50px auto; padding:0px; }
.step_tabul li{color:#191919;text-align: center;vertical-align:top;margin: 0 0;position:relative;flex-grow: 1;flex-basis: 0;}
.step_tabul li:first-child { text-align: left;}
.step_tabul li:last-child { text-align: right;}
.step_tabul li a { display:inline-block; text-decoration: none; text-align:center;}
.step_tabul li a:hover { text-decoration:none;}
.step_tabul li a:focus { text-decoration:none;}
.step_tabul li span { color: #1D386A; display: block;  width: 100%; font-size: 16px; margin-top:10px; }
.step_tabul li em{ width:50px; height:50px; display:inline-block;  border-radius:100%;  position:relative; z-index:1; background-color: #fff; font-size:20px; color:#1D386A; font-weight:bold; font-style:normal; text-align:center; line-height:2.5; border:1px solid #1D386A; }
.bg-gray-light .step_tabul li em{ background-color: #f6f5f3 ;}
.step_tabul li em i { vertical-align: top; display:inline-block; line-height:17px;}
.step_tabul li.complete:after { background-color: #1D386A; color:#fff; }
.step_tabul li:after{ content:""; width:100%; height:1px; position:absolute; left:0; top: 25px; background-color:#1D386A; }
.step_tabul li:first-child:after { left:50px; }
.step_tabul li:last-child:after { left:-20px; }
.step_tabul li.active em {  background-color: #1D386A; color:#fff;} 

.photo_uploader {display: block;clear: both;margin: 0 auto;width: 100%; margin-bottom: 10px;}
.photo_uploader .photo-label { float: left; clear: both; width: 100%; min-height:800px; /*max-height:800px;*/ padding:0; text-align: center; background: #fff;  border: 3px dashed  #979797; transition: all 0.2s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  display:flex; align-items:center; margin-bottom:15px;}  
.photo_uploader .photo-label.hover, .photo_uploader .photo-label.dragover { opacity:0.75; }
.photo_uploader .photo-label .default-txt img.added_img{ /* height: 800px;*/ width:100%; }
.photo_uploader .default-txt {float: left;clear: both;width: 100%;}
.photo_uploader .default-txt div { padding:15px; line-height:1.75; }
.photo_uploader .default-txt.hidden {display: none;} 
.photo_uploader .notimage {display: block;float: left;clear: both;width: 100%;}
.photo_uploader .notimage.hidden {display: none;}
.photo_uploader .preview-img {display: inline; margin: 0 auto 0.5rem auto;width: auto;height: auto; max-width: 100%;max-height: 800px; }
.photo_uploader .preview-img.hidden {display: none;} 
.photo_uploader input[type=file] {display: none;} 
.photo_uploader .crop-preview-img.pe-none { pointer-events:none;}
.photo_uploader .crop-preview-img > div { max-height:793px; max-width:100%; }
.story-additional-thumb { max-width: 100%; min-height: 175px; background-color: #FFFFFF; display:flex; align-items:center; justify-content:center}
.story-additional-thumb img {max-height:175px; max-width: 100%; height: auto;}
.story-additional-thumb.shadow { position:relative; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
.story-additional-thumb .btn-delete { position:absolute; right:0; bottom:0; padding:8px; background: #D9D9D9;color:#DC8877; }
/* your stroy page css end   */


/* subscribe page css start */ 
.payment-selection { display:inline-block; width:100%; }
.payment-selection label {border-radius:5px; border:1px solid #888888; padding:15px; padding-right:85px; position:relative; display:block; cursor: pointer;  }
.payment-selection label:after { content:"Select"; color:#DC8877; text-decoration:underline; font-weight:600; position:absolute; right:15px; bottom:15px;  }
.payment-selection input[type="radio"] { position:absolute ; opacity:0; }
.payment-selection input[type="radio"]:checked  + label { border-color:#889C55; display:block ; width:100%; box-shadow: 0px 0px 0px 3px rgba(136,136,136, 1); }
.payment-selection input[type="radio"]:checked  + label:after{ content:"Selected"; text-decoration:none; color:#889C55;  }
.payment-selection input[type="radio"]:checked  + label:before { content:"\f058"; font-family:FontAwesome; position:absolute; right:15px; top:5px; font-size:30px; color:#889C55;   }
.max-width-550 { max-width: 550px; }
/* subscribe page css end   */

/* OTP Block CSS Starts */
.otp_block {max-width: 600px;margin: auto;padding: 15px;}
.otp-container {background: #fff;padding: 20px;border-radius: 15px;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);text-align: center;}
.otp-title {font-weight: bold;font-size: 18px;margin-bottom: 10px;}
.otp-subtext {font-size: 12px;color: #888;margin-top: 10px;cursor: pointer;}
.otp-input {width: 44px;height: 44px;text-align: center;font-size: 1.5rem;border: 1px solid #ced4da;border-radius: 0.5rem;}
.otp-input:focus { border-color: #1D386A; box-shadow: 0 0 0 0.2rem rgba(29, 56, 106, 0.25); outline: none;}
.resend-link.disabled { pointer-events: none; color: #aaa !important; }
.cell_phone_number .input-group-append .input-group-text{border-color: #BBBBBB!important;}
.cell_phone_number .input-group-append .input-group-text:hover{border-color: #1D386A!important;}
/* OTP Block CSS Ends */

/* x24 page css start */
.min-100 { min-width:100px; }
.min-200 { min-width:200px; }
.min-145{min-width: 145px;}

.your-photo-wrap { position: relative; padding-left:70px; max-height:200px; margin-bottom:10px; }
.your-photo-wrap  .box-title { position: absolute;  transform: rotate(270deg);  left: 0; top: 44%;    margin: 0; }
.your-photo-wrap label {display:inline-block; max-width:100%; max-height:200px; }
.your-photo-wrap label input[type='file'] { visibility:hidden; }
.your-photo-wrap img {max-height:200px; margin:0 auto; display: block  }
.photo-sm .your-photo-wrap{  max-height:125px; }
.photo-sm .your-photo-wrap label{  max-height:125px; }
.photo-sm .your-photo-wrap img{  max-height:125px; }
.photo-sm .your-photo-wrap .box-title{ font-size:18px;  }

.mea-table-size { max-width:280px;  font-weight:bold;  }
.mea-table-size.mea-table-lg { max-width:320px; }
.mea-table-size thead tr th { text-transform:uppercase; min-height:60px; text-align: center; color:#1d386a; background:#FFF; border:1px solid #1d386A; }
.mea-table-size thead tr th:first-child { border:0; }
.mea-table-size tr td{ border:0; border-left:1px solid #1d386A;  border-right:1px solid #1d386A; padding:0; vertical-align:middle }
.mea-table-size tr:last-child td { border-bottom:1px solid #1d386A;}
.mea-table-size tr td:first-child {background:#FFF; text-align: right; padding-right:10px; font-weight:600; color:#1d386a;  border:0; min-width:150px; }
.mea-table-size tr:nth-of-type(odd){  background-color:#faede7; }

.body-mea-sec .tab-input{  border:0; width:100%; height:60px; padding:0 5px; background:none;}
.body-mea-sec .tab-input.bg-ivory{ background-color:#faede7;  }

.customer_bones .progress.progress-lg { height:24px; }
.customer_bones .progress.progress-lg .progress-text { line-height:24px; }

.tab-box-progress-wrap .last-arrow { padding:12px; }
.tab-box-progress-wrap .last-arrow.last { opacity:0; }
.tab-box-progress-wrap .active .tab-box-progress {  background-color:#1D386A; }
.tab-box-progress-wrap .active svg path { fill:#1D386A ; }
.tab-box-progress-wrap .complete .tab-box-progress {  background-color:#349E35;  }
.tab-box-progress-wrap .complete .tab-box-progress:after {content: ""; color: #FFF; position: absolute; right: 5px;top: 3px; background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.538 2L18 4.48962L5.86675 16.4881L0 10.6121L2.47778 8.13819L5.88221 11.5478L15.538 2Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-position: center; width:18px; height:18px; }
.tab-box-progress-wrap .complete svg path { fill:#1D386A ; }
.tab-box-progress { background-color:#8e9bb4; color: #FFFFFF; padding:5px 30px 5px 15px; border-radius: 3px; display:flex; align-items:center; text-transform:uppercase;  font-size:17px; line-height:1.2; position:relative  }
.tab-box-progress > div:last-child { max-width:126px; text-align:left; }
/* x24 page css end   */

/* Responsive css start */
.visible-xs { display: none; }

.tableFixHead { overflow: auto; max-height:555px; width:100%; }
.tableFixHead.table-responsive::-webkit-scrollbar { width: 10px; height: 10px; background-color: rgba(45, 45, 65, 0.10); border-radius: 10px; }
.tableFixHead.table-responsive::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(45, 45, 65, 0.10); }
.tableFixHead.table-responsive::-webkit-scrollbar-thumb {  background-color: #1D386A; border-radius: 10px; outline: none; }
.tableFixHead table { border-collapse: collapse; width: 100%; white-space: nowrap;}
.tableFixHead .table-theme thead tr th { background: #1D386A; color:#FFF; position: sticky; top: 0; z-index:2;} 
.tableFixHead:not(.twocolums) .table-theme thead tr th { background: #1D386A; color:#FFF; position: sticky; top: 0; z-index:2;} 
.tableFixHead tbody tr td, .tableFixHead tfoot tr td  { border:1px solid #F2F2F2; }
.tableFixHead tbody tr:nth-of-type(odd) { background-color:#FFF; }
.tableFixHead table td:first-child, .tableFixHead table th:first-child {  border-color: #F2F2F2;background-color: #F2F2F2; position:sticky;left:-2px;  z-index:1; width:36px; }
.tableFixHead table td:nth-child(2), .tableFixHead table th:nth-child(2) { border-color: #F2F2F2; background-color: #F2F2F2; position:sticky; left:33px; z-index:1; width:115px }
.tableFixHead:not(.twocolums) table td:nth-child(3), .tableFixHead:not(.twocolums) table th:nth-child(3) { border-color: #F2F2F2; background-color: #F2F2F2; position:sticky; left:124px; z-index:1; width:1150px; }
.tableFixHead .table-theme thead tr th:first-child,
.tableFixHead .table-theme thead tr th:nth-child(2),
.tableFixHead:not(.twocolums) .table-theme thead tr th:nth-child(3) { z-index:3; } 

@media only screen and (max-width: 767px) and (orientation: portrait) {
.tableFixHead table {  white-space: normal;}
}
@media only screen and (max-width: 767px){
.tableFixHead table th:nth-child(2), .tableFixHead table th:nth-child(3) { left: auto !important; z-index: 1 !important;}
.tableFixHead table td:nth-child(2), .tableFixHead table td:nth-child(3) { left: auto !important; background-color: transparent!important; z-index: 0!important;}
.tableFixHead:not(.twocolums) table th:nth-child(2){ position: sticky !important; z-index: 3 !important; left: 33px !important;}
.tableFixHead:not(.twocolums) table td:nth-child(2) { left: 33px !important; background-color: #F2F2F2!important; z-index: 1!important;}
}
 
@media (min-width:768px){
.pull-md-left { float:left; }
}
@media (min-width:991px){
.macos .shop-v2-wrap .prd-category-title span em { bottom:30px; }
.qty-mobile-display span{ width: 50px; display: none;}
}
@media (max-width:1366px){
  .nav.report-tabs li a .tab-text { font-size: 12px; }
}
@media (max-width:991px){
.dashboard_wrap #slider_div_getheight .dash_box .media .media-left img { width: 75px; }
.nav.report-tabs li a { padding-left: 0.5rem;padding-right: 0.5rem; }
.nav.report-tabs li a .tab-text { font-size: 10px; }
.qty-mobile-display span{ width: 50px; display: block;}
}
@media (max-width:858px){
.dash_box .line-title h1{ font-size:26px!important; }
#content_wrapper .order_wrap .pull-left { margin-bottom: 15px; }
}
@media (max-width:767px){
.fs18 { font-size: 16px; } 
.fs24 { font-size: 20px !important; }
.hidden-xs { display: none; }
.visible-xs { display: block;  }/*Do not update visible css config in success libary   */
.iframe .padding_panel .card-body{ padding:15px 20px; } 
.dash_box.active { margin-bottom: 25px; }
.dash_box .line-title .fs24{ font-size:24px!important; }
.line-title h1 span { font-size: 26px; }
.bootstrap-select .dropdown-menu li a span.text{font-size: 16px;}
.filter-div { right: 15px;  } 
.feed-item-wrap .feed-data-info .d-sm-flex > div { display: inline-block; }
.order_wrap  .border-right { border-right: none!important }
.popup-warning .media { display: block; text-align: center; }
.popup-warning .media .media-left, .popup-warning .media .media-body { display: block; width: 100%;  text-align: center!important; padding: 0; padding-bottom: 15px;}
.popup-warning .media-body .pull-left, .popup-warning .media-body .pull-right { float: none!important;}
.popup-warning .media-body .float-left, .popup-warning .media-body .float-right { float: none!important;}
.popup-warning .media-body h3 { font-size: 20px;  line-height: normal; font-family: 'Montserrat', sans-serif;}

.card-group .card + .card { margin-top: 5px;}
.custom_vtab_wrap .card { box-shadow: none; margin: 0; }
.custom_vtab_wrap .card .card-header { padding:0; position:relative; border: 0;}
.custom_vtab_wrap .card-group .card-group { margin-bottom:0;} 
.custom_vtab_wrap .card-group .card .card-header .card-title a { background-color:#1D386A; color:#fff; display:block; padding:10px 15px; text-decoration: none; }
.custom_vtab_wrap .card-group .card .card-header .card-title a:focus { text-decoration:none;}
.custom_vtab_wrap .card-group .card .card-header .card-title a img{    filter: invert(1) sepia(1) saturate(0.25) 
hue-rotate(175deg);}
.custom_vtab_wrap .card-group .card .card-header .card-title a:after { content:"\f107"; font-family:FontAwesome; color: #fff; position:absolute; right:15px; top:calc(50% - 13px); font-size:22px; }
.custom_vtab_wrap .card-group .card .card-header .card-title a.collapsed:after { content:"\f105"; font-family:FontAwesome;  color: #323232;}
.custom_vtab_wrap .card-group .card .card-header .card-title .collapsed{ background-color: #f9f9f9; color: #323232; }
.custom_vtab_wrap .card-group .card .card-header .card-title .collapsed img { filter : none;}
.custom_vtab_wrap .card-group .card .card-header .card-title .nav-link img {  max-width: 30px;}
.custom_vtab_wrap .card-group .card .card-header .card-title{font-size: 14px; }
.custom_vtab_wrap .card-header .phone-control-wrap .phone-addon:last-child { display:none;}
.custom_vtab_wrap .card-header .phone-control-wrap .phone-addon:first-child { width:45px;}
.custom_vtab_wrap .middle_lib_wrap .card-group .card .card-header .card-title a { background-color:#fff; font-weight:normal; }
.custom_vtab_wrap .hide_maintab .middle_lib_wrap .card-group .card .card-header .card-title a.collapsed { display:none; background-color:#fff !important;}
.custom_vtab_wrap .hide_maintab  .middle_lib_wrap .card-group .card .card-header .card-title a { background-color:#fff; color:#aeaeae; font-weight:normal; font-size:12px; text-transform:uppercase;}
.custom_vtab_wrap .hide_maintab  .middle_lib_wrap .card-group .card .card-header .card-title a:after { color:#1D386A; right:inherit; left:0; content:"\f104"; top:4px; }
.middle_lib_wrap .card-body { border:0 !important;}
.lib_file_list ul { margin:0 15px; }
.lib_file_list ul li { margin:0 0 15px; }
.lib_file_list ul li a { font-size: 14px; display:block;}
.hide_maintab > .card > .card-header { display:none;}  
.hide_maintab > .card > .card-collapse > .card-body { padding:0; border:0;}
.nav.report-tabs { display: block; overflow: hidden; }
.nav.report-tabs li { text-align: left; padding: 8px 0;  }
.nav.report-tabs li a .tab-text { display: inline-block; margin-left: 5px; }
.nav.report-tabs li a:before {     transform: rotate(90deg); width: 46px; top: 22px; }

.pack-addon table.r-table tbody tr{border-top-color: #1D386A; border-top: 3px solid #1D386A; margin-bottom: 5px;}
.pack-addon table.r-table tbody td:before{ margin: 10px 0px; font-weight: normal; min-width: 73px;}
.pack-addon .table tbody tr td{border-width: 0px; padding:.45rem .75rem; }
.prd-category-title span em{margin-top: 0px;}
.macos .highlight-title h1{line-height: 1!important;}
.macos .dash-rank-title span b{line-height: 1.4;}

}
@media (max-width:575px){
.footer{padding: 30px 0px;}
.btn-block { margin-bottom: 18px; }
.order_wrap .sum_wrap .sum_foot .btn-block { margin-bottom: 0px; }
}
@media (max-width:480px){
.line-title h1 span { font-size: 22px; }
.feed-item-wrap .fs16 { font-size: 14px; }  
.feed-item-wrap .feed-head { padding: 8px 0 8px 65px;}
.feed-item-wrap .feed-head img { height: 65px;  width: 65px; top: -10%; }
.feed-item-wrap .feed-head h2 { font-size: 16px;line-height:  normal; } 
.feed-item-wrap .feed-head h2 .right-dateinfo { float: none; display: block; }
.feed-item-wrap .feed-data-info .date-div {width: 50px; font-size: 26px; margin-right: 12px;}
.feed-item-wrap .feed-data-info .date-div span { font-size: 12px; }
.feed-item-wrap .feed-data-info .center-div{ font-size: 12px; }
.feed-item-wrap .feed-data-info .center-div p { margin-bottom: 5px; }
.feed-item-wrap .feed-data-info .d-sm-flex > div.flex-grow-1{ width: 75%; vertical-align: top;}
.feed-item-wrap .feed-data-info .d-sm-flex > div:last-child { display: block; }
.feed-item-wrap .feed-footer a{font-size: 24px; margin-right: 25px;}
.profile_info .profile-body table tbody tr td span { line-break:anywhere; }
}
/*Happenings page css end  */ 

/*new recognition page css start  */
.recognition_wrap .nav.nav-tabs > li > a.nav-link { text-transform: none; font-weight: bold; font-size: 18px;  }
.recognition_wrap .nav.nav-tabs > li > a, .recognition_wrap .nav.nav-tabs > li > a:hover, .recognition_wrap .nav.nav-tabs > li > a:focus { background-color: rgba(0, 153, 255, 0.1); }
.recognition_wrap .custom_vtab_wrap > .nav.nav-tabs > li { margin-bottom: 10px; }
.recognition_wrap .profile-img { background-color: #FFF; width: 35px; height: 35px; display: inline-block; overflow: hidden; border-radius: 35px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.35); }
/*new recognition page css end   */


/*Sales Dashboard page css start*/
.dashboard_block .card-sales .card .card-header{ border-radius: 0px; border: none; }
.dashboard_block .card-sales .br-l{border-left:1px solid #fff;}
.dashboard_block .card-sales .country_summary{min-width: 200px;}
.dashboard_block .card-sales .country_summary .ms-choice{margin: 0px; position: relative;}
.dashboard_block .card-sales .country_summary .ms-drop ul > li.multiple{float: none; width: 100%!important;}
.dashboard_block .card-sales .form-inline .form-control{min-height: inherit; max-width: 115px;}
.dashboard_block .card-sales .table-theme tbody tr{ text-align: center;}
.dashboard_block .card-sales .table-theme thead tr th{color: #1D386A;font-weight: 600;background-color: #fff; text-align: center;}
.dashboard_chart #legend .pl-3 > a{color: #5e5e5e;}
.dashboard_block .card.card-dash .card-header .card-title  { font-size: 16px; font-weight: 600; }
.dashboard_block .card.card-dash .card-header a { color:#3D3D3D; }
.dashboard_block .card.card-dash .card-header { background-color:#fff; padding: 15px; }
.dashboard_block .card.card-dash .card-body { padding: 15px; }
.dashboard_block .card.card-dash .table-theme thead tr th:first-child, 
.dashboard_block .card.card-dash .table-theme tbody tr td:first-child { padding-left: 15px; }
.dashboard_block .card.card-dash .table-theme thead tr th:last-child, 
.dashboard_block .card.card-dash .table-theme tbody tr td:last-child  { padding-right: 15px;  }

.dashboard_block .card.card-dash.card-black .table-theme thead tr th{ background-color:#000; } 
.dashboard_block .card.card-dash .table-theme  td  a { color:#000; }
.dashboard_chart .form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*="col-"]){width: 110px !important;}
/*Sales Dashboard page css end*/

/*Business progress page css start */
.biz_progress_wrap h5 { margin: 10px 0; font-size: 16px; font-weight: 600; } 
.biz_progress_wrap .rand_circle{ max-width: 95px; height:95px; font-size: 13px; line-height:normal; font-weight: 600;  border: 1px solid #1D386A; background-color:#1D386A ; color:#fff; border-radius: 100%; word-break:break-word; margin: 0px auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.biz_progress_wrap .inactive .rand_circle{ background-color:#f1f1f1; border-color: #000; }
.biz_progress_wrap .inactive .text-primary{ color: #9ca6af!important; }
.biz_progress_wrap .process_circle { display: inline-block; margin:0 auto 50px; text-align: center; width:100%; position:relative;}
.biz_progress_wrap .process_circle .knob-wrap { width: 100%; max-width: 242px; margin: 0 auto;} 
.biz_progress_wrap .process_circle .circle-text { position:absolute; bottom:-25%; left:55%; transform: translate(-55%,-25%); min-width:100%; max-width:100%; z-index:99; font-size:10px; color:#000; }  
.biz_progress_wrap .process_circle .circle-text .rank_title { display:inline-block; color:#1D386A ; font-size:10px;}

.biz_progress_wrap .process_circle_old { display: inline-block; margin:0 auto; text-align: center; width:100%; position:relative; margin-bottom:15px; margin-bottom: 50px; }
.biz_progress_wrap .process_circle_old .circle-text { position:absolute; top:calc(100% - 60px); left:calc(50% - 95px); min-width:190px; max-width:190px; z-index:99; font-size:18px; color:#000; }  
.biz_progress_wrap .process_circle_old .circle-text .rank_title { display:inline-block; color:#1D386A ; font-size:22px; font-weight: 700;}

.biz_progress_wrap .biz-box { border: 2px solid #000;  text-align: center; padding: 15px; color: #000; position: relative;  background-position: center; background-repeat: no-repeat;  background-size: auto 200px;    margin-bottom: 25px;}
.biz_progress_wrap .biz-box .biz-box-head { position:absolute; font-size: 22px; line-height:32px; font-weight:bold; text-align:center; top:-16px; left:0; width:100%; text-align:center; position:absolute;  color:#000;    }
.biz_progress_wrap .biz-box .biz-box-head span { display:inline-block; background-color:#fff; padding:0 10px; }
.biz_progress_wrap .ranking_tbl tbody{ text-align: left; color: #000000;}
.biz_progress_wrap .ranking_tbl td { border-color:#000000; padding: 8px; vertical-align: middle;}
.biz_progress_wrap .ranking_tbl tbody tr:first-child td {border-top: 0;}
.biz_progress_wrap .ranking_tbl td:last-child, .biz_progress_wrap .ranking_tbl td:nth-child(2) {text-align:right;}
.biz_progress_wrap .box-header { text-align:center; font-size:24px; color:#1D1D1D; margin-bottom:20px; }
.biz_progress_wrap .box-header a{ margin:0 8px;}
.biz_progress_wrap .box-header .fa{ font-size:26px;}
/*.customer_bones { padding:0 50px }*/
.customer_bones .progress { height: 20px; position: relative; }
.customer_bones .progress .progress-bar { background-color:#000000;}
.customer_bones .progress .progress-text { position: absolute; right: 10px; line-height: 20px; color: #FFFFFF; font-size: 12px; font-weight: bold;     mix-blend-mode: difference; z-index: 3;}
.customer_bones .progress .makered { background-color: #1D386A; mix-blend-mode: screen;  width: 100%; height: 100%; z-index: 4; position: absolute;}
.power-ul-bonus {  display: flex; padding:0; list-style:none; justify-content: space-around;   }
.power-ul-bonus li { text-align:right; flex:1; }
.power-ul-bonus li .circle{  width:30px; height:30px; line-height:30px; margin-bottom: 5px; display: inline-block; background-color:#CECECE; border-radius:100%; }
.power-ul-bonus li .circle:after { content:"\e91d"; color:#FFF; font-family: 'Theme' ;  font-size:14px; }
.power-ul-bonus li.complete .circle { background-color:#DC8877; }
.power-ul-bonus li.complete .circle:after { content: "\e91c"}
.power-ul-bonus li .right-wrap { display:inline-block; text-align:center; padding:0 10px; }
.power-ul-bonus li:last-child .right-wrap { padding-right:0; }
.power-ul-bonus li .flex-grow-1 { padding-top: 15px; }
.power-ul-bonus li .progress-bar { height:2px;  background-color:#CECECE; }
.power-ul-bonus li .progress-bar .progress-bar-primary { background-color:#DC8877; }
/*Business progress page css end   */

/*Org tree page css start */
.controlDiv { position:absolute; z-index:50; top:10px; right:10px; width:96px; background-size:100%;  border:1px solid transparent;background: radial-gradient(50.75% 50.75% at 50.75% 48.51%, rgba(196, 196, 196, 0) 0%, #C4C4C4 100%); border-radius: 100%;}
.controlDiv table {margin:0px; table-layout: fixed;  width: 94px; height: 94px; }
.controlDiv table td { text-align:center; vertical-align:middle; width: 28px; height:28px; border:1px solid transparent;  }
.controlDiv table td a { display:inline-block; cursor:pointer;background:url('../images/tree-arrow.svg') no-repeat center; width: 24px; height: 24px; position: relative; top: 2px; }
.controlDiv table td a:hover { opacity: 0.5; }
.controlDiv table td a.uparrow { transform: rotate(0deg);}
.controlDiv table td a.leftarrow { transform: rotate(270deg);}
.controlDiv table td a.rightarrow { transform: rotate(89deg);}
.controlDiv table td a.downarrow {  transform: rotate(181deg);}

/*.rightzoom { display:block;  display:inline-block; position:absolute; z-index:10; margin-top:12px;   margin-left: 12px; }
.rightzoom ul { padding:2px 2px 5px; margin:0; border-radius: 5px; background-color:#DCDCDC; float:left; width:40px;   box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);  border: 1px solid #c4c4c4; }
.rightzoom ul li{ display:block;  list-style:none; margin:3px; float:left; }
.rightzoom ul li:first-child{ border-bottom:1px solid #929292;   padding-bottom: 5px;}
.rightzoom ul li a{ color:#4a4a49;  padding:5px; float:left;   border-radius: 2px; font-size: 19px; padding: 2px 5px; }
.rightzoom ul li a:hover {color:#157bfb; }*/

.node_label {text-align: center; background-color: #fff; position: relative; }
.node_label h4 { font-size: 14px; font-weight: 600; color: #DC8877; margin: 7px 0; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 130px; word-wrap: break-word; vertical-align: middle; }
.node_label h4.text-primary{color: #000!important;}
.node_label h6 {  margin: 0; }
.node_label p { font-size: 12px; font-weight: 400; color: #339900; padding: 0px; margin: 0px; }
.node_label .bottom { position: absolute; left: 0; width: 100%; bottom: 0; }
.node-border-primary { border: 1px solid #e0e0e0 !important; }
.node-border-success { border: 1px solid #28a745 !important; }
.node-border-primary p { color: #13dafe; margin: 0 !important; }
.node-border-blue { border: 1px solid #1D386A !important; }
.node-border-blue p { color: #1D386A;  }
.node_label { display:table; width: 100%; }
.node_label .call  { display: table-cell; width: 27px; text-align: center; min-height: 100%;  line-height: 100%;  margin: 0;  padding: 0; vertical-align: middle; border-right:1px solid rgba(0,0,0,0.1 ); }
.node_label .node_center  {  display: table-cell; }
.node_label .node_center  .member_popup {  display:inline-block; }
.node_label .member_popup  {  display: table-cell; }
.node_label .member_popup:hover {text-decoration: none;}
.node_label .member_popup:hover h4 {text-decoration: underline;}
.node_label p a.graph-icon i { font-size: 16px; }
.node_label p a.graph-icon i { padding: 1px 5px; }
.node_label p a.graph-icon.inactive { color: #cf0000; }
.node_label .place-icon  { display: table-cell; width: 27px; text-align: center; min-height: 100%;  line-height: 100%;  margin: 0;  padding: 0; vertical-align: middle; }
.node_label p a.graph-icon.active { color: #093; }
.fs-14 {font-size: 14px !important;}

.bg-success { background-color: #29a645 !important;}
.bg-warning {background-color: #ffc009 !important;}
.bg-red  {background-color: #f60304}
.legend_wrap { font-size:16px; }
.legend_wrap .box-icons { width:34px; height:34px; display:inline-block ; line-height: 36px; margin-right: 5px; text-align:center; color:#FFF; }
/*Org tree page css end   */

/* org profile popup css start  */
.org-profile:before  { content: ""; position: absolute; left: 0; top: 0; width: 100%; min-height: 200px; background-color: #1D386A; background-size: cover; z-index: 1;  }
.iframe .card.org-profile  {background-color: #F5F5F5;}
.iframe .card.org-profile .card-body{ background:none; padding: 10px 25px; position: relative;  z-index: 1;}
.org-profile .profile_info { border: 0; }
.org-profile .profile_info .profile-head { border: 0; text-align: center; padding:0 0 12px; }
.org-profile .profile-head .profile-img { background-color: #FFF; border-radius: 15px; margin: 0 auto;margin-bottom: 10px;  width: 90px; height: 90px; box-shadow:0px 0px 8px rgba(0, 0, 0, 0.3); overflow: hidden; }
.org-profile .profile_info .profile-body { border-radius: 15px; background-color: #FFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.org-profile .profile-body table tr td { border-bottom: 1px solid #E8E8E8; }
.org-profile .profile-body table tr:last-child td { border-bottom: 0; }
/* org profile popup css end  */

/* trovopoly page css start*/ 
.sec-travopoly {  max-width: 1210px; margin: 0 auto; }
.sec-travopoly .text-warning {color: #F89704 !important;}
.sec-travopoly a.text-warning:hover, .sec-travopoly a.text-warning:focus {color: #F89704 !important; text-decoration: underline;}
.sec-travopoly .text-secondery{color: #AFC9DF;}
.fs52 { font-size: 52px; }
.fs44 { font-size: 44px; }
/* trovopoly page css end*/

/*mass pay page css start  */
.mass_pay_wrap .shadow{ box-shadow: 0 2px 9px 0 rgba(0,0,0,0.2) !important; }
.transfer_option { margin-bottom: 30px; }
.transfer_option .custom-radio { padding-left: 0; }
.transfer_option .custom-radio .cust-label { padding:10px; border-bottom:  2px solid transparent; color: #BBBBBB; cursor: pointer;}
.transfer_option .custom-radio .custom-control-input:checked~.cust-label { box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);  border-bottom:  2px solid #1D386A; color: #000; }
.transfer_option .custom-radio .custom-control-input:checked~.cust-label .col-auto { color: #1D386A; }
.card_bank_option .shadow{  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5) !important; position: relative;  color: #000;}
.card_bank_option a.shadow:hover, .card_bank_option a.shadow:focus { text-decoration: none; }
.card_bank_option .shadow .edit-icon {  position: absolute; right: 10px; top: 5px; color: #1D386A; }
.card_bank_option .new-add-btn { font-weight: bold; color: #000; margin-left: 15px; }
.card_bank_option .new-add-btn:hover{ color: #1D386A; }
/*mass pay page css end    */

/*new success libary css start  */
.success_lib_v1 .nav li.nav-item.drop > a[data-toggle='collapse']:not(.collapse.show) { background-color: #f1f1f1; font-weight: bold;
text-transform: uppercase; font-size: 16px;  }
.success_lib_v1 .nav li.nav-item.drop  a[data-toggle='collapse']:after { content: "\f105"; font-family: FontAwesome; font-size: 18px; position: absolute; right: 10px; top: 5px;  }
.success_lib_v1 .nav li a { color: #3D3D3D; position: relative; font-size: 14px; }
.success_lib_v1 .nav li a:hover { background-color:#f1f1f1 ; }
.success_lib_v1 .nav li.nav-item.active a  { background-color: #1D386A; color: #FFF; }
/*new success libary css end    */

/*contant.php css start  */
.announe_wrap .card { border-top: 3px solid #1D386A;transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s, -webkit-transform .3s, -webkit-box-shadow .3s; }
.announe_wrap:not(.announe_wrap_info) .card:hover{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2); transform: translateY(-6px);  }
.announe_wrap img { max-width: 100%; width: inherit; height: inherit;}
.announe_wrap .card .media .media-left img{ max-width: 45px;}
/*contant.php css end   */

/*contant.php css start  */
.social_wrap .social-item { max-width: 272px; margin-bottom: 25px;  }
.social_wrap .social-item .social-img { min-width: 100%;min-height: 272px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; cursor: pointer; }
.social_wrap .social-item .social-img .overlay-title { position: absolute; width: 100%; left: 0; bottom: 0; padding:15px 10px; background-color: rgba(0, 0, 0, 0.6); color: #FFF;}
.social_wrap .social-item .social-info { padding: 15px 10px; }
.social_wrap .social-item .social-info p.text-gray{ margin-bottom: 10px; }
/*contant.php css start  */

/* Dashboard v1 css start  */
.right-quick-btngroup .btn{font-size: clamp(18px, 2vw, 20px);font-weight: 600;text-align: left;/* padding: 15px; */box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.25);margin-top: 25px;}
.right-quick-btngroup .btn span { color:#EBC2A8; font-size:35px; vertical-align:middle; margin-right:10px; }
.right-quick-btngroup .btn[aria-expanded='true'] { border-radius:3px 3px 0 0; }
.right-quick-btngroup .collapse  { margin-bottom:25px; border-radius: 0 0 3px 3px; overflow: hidden; }
.highlight-title h4{margin-bottom: 10px!important; vertical-align: top; text-shadow: 0px 4px 0px rgba(255,255,255,0.5);}
.highlight-title h1{vertical-align: middle; margin-bottom: 0px; text-shadow: 2px 0px 0px rgba(255,255,255,0.9); margin-top: -8px;}
.macos .highlight-title h4{margin-bottom: 1px; vertical-align: inherit;}
.macos .highlight-title h1{vertical-align: middle; margin-bottom: 0px; line-height: 0; margin-top: 5px;}
/* beneve update BE - 1464 */
.beneve-update-box {max-height: 514px;overflow-y: auto;width: 100%;margin-bottom: 20px;}
.beneve-content-wrapper {position: relative;margin-bottom: 20px;}
.beneve-content {display: -webkit-box;-webkit-line-clamp: 2; /* Truncate to 2 lines */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.5;}
.btn-container {display: flex;gap: 10px; justify-content: flex-start;margin-top: 10px;}
.read-more-btn {color: white;padding: 10px;border: none;cursor: pointer;}
.close-btn {color: white;padding: 10px;border: none;cursor: pointer;display: none;}
.highlight-beneve-title {background: linear-gradient(270deg, #FC466B, #3F5EFB, #FC466B);background-size: 600% 600%;animation: gradientMove 8s ease infinite;color: white;padding: 10px;text-shadow: 3px 1px 0px rgba(0, 0, 0, 0.4);}
@keyframes gradientMove {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}
.challenge-icon {min-width: 62px;}
/* Dashboard v1 css end */ 

/*responsive css start */
@media only screen and (max-width: 1680px) and (min-width: 1280px)  {
.range_filter .form-control, .range_filter .input-group-prepend .input-group-text{padding:5px 5px;}
.mw160 {min-width:120px;}
.range_filter .phone-control-wrap .phone-addon{max-width:150px; padding-right: 5px;}
.range_filter .range_filter_close {right:0px;}

.select_floating .phone-control-wrap .phone-addon { max-width: 150px;}
.theme-form  .select_floating  .input-group-prepend .input-group-text { padding:6px 5px ; }
}
@media (min-width: 768px) {
.border-md-right {  border-right: solid; border-right-width: 1px;}
.vertical-line { position: absolute; top:0; right:-1px; width:1px; background-color:#EBC2A8; height:100%;  }
}
@media (min-width: 1280px) {
.min-130{ min-width: 130px;}
.min-165{ min-width: 165px;}
.power-ul-bonus.dash-p-ul-bonus li .circle { width: 50px; height: 50px; line-height:50px; }
.power-ul-bonus.dash-p-ul-bonus li .circle:after  { font-size:24px; }
.power-ul-bonus.dash-p-ul-bonus li .flex-grow-1 { padding-top: 24px;}
}
@media (min-width: 1279px) {
.right-quick-btngroup { text-align:left; max-width:440px;}
}
@media (min-width: 1320px) {
.right-quick-btngroup { text-align:left; max-width:100%;width: 100%; }
}
@media (max-width:1600px) {
.photo_uploader .crop-preview-img > div { max-height:636px; }
.photo_uploader .photo-label{min-height: 636px; }
}
@media (max-width:1450px) {
.photo_uploader .crop-preview-img > div { max-height:550px; }
.photo_uploader .photo-label{min-height: 550px; }
}
@media (max-width:1400px) {
.photo_uploader .crop-preview-img > div { max-height:522px; }
.photo_uploader .photo-label{min-height: 522px; }
}
@media (max-width:1280px) {
.photo_uploader .crop-preview-img > div { max-height:460px; }
.photo_uploader .photo-label{min-height: 460px; }
}
@media (max-width:1024px) {
.photo_uploader .crop-preview-img > div { max-height:415px; }
.otp-input{width: 22px;padding: 4px; font-size: 18px !important;}

}
@media (max-width: 1450px) {
/*.navbar ul.nav > li { margin-right: 0; }*/ 
}
@media (max-width: 1320px) {
/*.navbar ul.nav > li > a.nav-link { padding: 8px 4px; }*/ 
}
/*@media (max-width: 1500px) {
.navbar ul.nav > li > a.nav-link {padding: 6px; font-size: 15px; }	
}
@media (max-width: 1366px) {
.select_floating .form-control.mw160 {  min-width: 110px;}
.navbar ul.nav > li > a.nav-link { font-size: 14px; }
}
*/
@media (max-width:1279px) {
/*header menu responsive css start*/
.topbar .navbar { padding: 0; }
.topbar .navbar .navbar-nav .menu-toggle { display: block; }
.page-titlebar { padding: 8px 0; }
.main-wrapper { margin-left: 0; }
.left-sidebar { display: none; top:0; left:0; background-color:#f9ece5; width:250px; min-height:100vh; overflow: auto;  z-index:1001; text-align:left;  transition: all 400ms ease 0s;  transform-origin: bottom left; transform: translate(0,0) scale(0,1);}
.left-sidebar.show { transition: all 400ms ease 0s; left: 0;  transform: translate(0,0) scale(1,1);}
.menu-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.75); transition: all 0.4s ease; z-index:1000;}
.menu-overlay .menu-close{ color: #FFF; float: right; margin: 5px;  }
/*.navbar .right-icons a.menu-toggle { display:inline-block; vertical-align: top; }
.navbar .right-icons a.menu-toggle  span{ height: 3px;  width: 25px; background-color: #191919; margin:5px 0 2px; transition: 0.4s; display: block;}
.navbar .right-icons a.menu-toggle.active span.bar-2 { opacity :0; }
.navbar .right-icons a.menu-toggle.active span.bar-1 { transform:rotate(-45deg) translate(-9px, 4px); }
.navbar .right-icons a.menu-toggle.active span.bar-3 { transform:rotate(45deg) translate(-7px, -2px); }*/
/*.navbar .menu{ display:none;}
.navbar .menu { position:absolute; top:72px; left:0; background-color: #FFF; width:250px; min-height:100vh;  z-index:999; text-align:left;  transition: all 400ms ease 0s;  transform-origin: bottom left; transform: translate(0,0) scale(0,1);}
.navbar .menu.show {transition: all 400ms ease 0s; left: 0;  transform: translate(0,0) scale(1,1);}
.navbar .menu > ul {height: 82vh;overflow: auto; display: block;}
.navbar .menu > ul > li { display: inline-block; width:100%;  border-bottom: 1px solid #eee; margin-right:0;}
.navbar .menu > ul > li a { padding:5px 20px; display:block; }
.navbar .menu > ul > li.dropdown.show .dropdown-menu { position:relative;box-shadow: none;}
.navbar .menu > ul > li.dropdown a[data-toggle="dropdown"]:after { content:"\f078"; font-family:'FontAwesome'; position:absolute;right: 15px; top: 12px; transition: all .6s; transform-origin: center center;}
.navbar .menu > ul > li.dropdown.show a[data-toggle="dropdown"]:after {transform: rotate(180deg);}

.navbar .menu > ul > li.dropdown .dropdown-menu { box-shadow:none; }
.navbar .menu > ul > li.dropdown .dropdown-menu li a{ font-size: 13px; } 
.navbar .menu .dropdown .dropdown-toggle:after{ display:block; }*/
/* header menu responsive css End */
.profile_url_breack { line-break:anywhere; }
.ingredient-hero img{max-width: 480px;}
}
@media (max-width:1099px) {
.line-title h1 { font-size: 24px; }
.fs30{font-size: 24px;}
}
@media (max-width:991px) {
.fs50 {font-size: 40px;}
.float-right.filter-div.fixed-top { position:unset; }

.dashboard_wrap #slider_div_getheight .dash_box .media .media-left img { width: 75px; }
.footer > .container .text-center { margin-top: 10px }
.page_wrapper { padding: 20px 0 }

/* responsive popup css start ========================== */
body #colorbox { width: 90% !important; left: 5% !important; }
body #cboxWrapper, body #cboxContent, body #cboxLoadedContent { width: 100% !important; }
/* responsive popup css end ============================ */
table.r-table tbody tr { border: 1px solid rgba(0, 0, 0, 0.10); border-top: 2px solid #1D386A; display:block;  }
table.r-table tbody tr td:first-child:before{min-width:auto; }
table.r-table tbody tr td:first-child{border-bottom:1px solid rgba(0, 0, 0, 0.10)!important;}
table.r-table tbody tr td:nth-child(2):before, table.r-table tbody tr td:nth-child(4):before{float:left;}
table.r-table tbody tr td:nth-child(2) .media .media-left img{width:55px!important;}
table.r-table tbody tr td.text-center{text-align:left!important;}
table.r-table tbody td { padding: .6rem; display: block; width: 100%\9; float: left\9; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.10); }
table.r-table tbody td:before { min-width:85px; content: attr(data-th); font-weight: 600; display: inline-block; }
table.r-table tbody tr.data-remove  td:before{ display:none;}
table.r-table thead { display: none; }
table.r-table tr td .quantity { display: inline-block; }

.order_info   { border: 0 !important; border-bottom:1px solid #dee2e6!important ; margin-bottom: 15px;  }
.login_page_wrap .login_left_part { width: 350px; }
.dash-bg-gradient { padding:15px; margin:0 -12px; }
.ingredient-hero{margin: 0px -15px;}
.prd-category-title span{ padding:0 20px;}
.card-box .card-title { top: -12px;}
.card-box .card-title span { font-size:2vw !important; }
.card-box .card-body{ padding:15px; }
.r-table.fs16 { font-size:14px; }

.dash_slider .slide{height: 550px;}
}
@media (max-width:945px) and (min-width: 768px) {
.support_new_eticket { margin-bottom: 15px; }
}
@media screen and (max-width:850px) {
.prd_details .product-details-img .product-zoom-right { min-height: 210px; }
.tableFixHead table { min-width:134vw; }
.dash_slider .slide { height: 500px; }
.dash_slider .slide-content .slide-title {font-size: 22px; }
}
@media screen and (max-width:768px) {
.btn.btn-lg {font-size: 17px;}
.footer img.footer-logo { max-width: 150px; }
.resp-tabs-container h2.resp-accordion { display: block;}
.resp-tabs-container h2.resp-accordion:empty { display:none;}
.resp-tabs-container h2.resp-tab-active { background:#1D386A; color:#fff;}
.res-tab-wrap .resp-tabs-list { display: none;}
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #3D3D3D}
.resp-tabs-container h2.resp-tab-active .resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #fff; }
.shop-v2-wrap .prd-category-title span em{bottom: 35px; left: 45px;}
.beneve-update-box {width: 100%; }
.otp-input{width: 22px;padding: 4px; font-size: 18px !important;}
.dash_slider .slide { height: 450px; }
.dash_slider .slide-content .slide-title {font-size: 20px; }
.dash_slider .slide-content { padding: 15px 30px 60px; }
}

@media (max-width: 767px) {
.fs20 {font-size:17px !important;}
.fs30{font-size: 22px;}
.fs50 {font-size:30px;}
.popover.popover-md{max-width: 100%;}
.prd_item_wrap .prd_img > a:not(.btn) { display: block; min-height:150px;}
.customer_bones { padding:0px }
.card-alert { font-size: 12px;}
.card-alert .media .media-body h4 {font-size: 16px;}
.card-alert .media .media-left {min-width: 80px;}
.dashboard_wrap #parent_heightset {height: 600px; }
.border-md-right {border-bottom: solid; border-bottom-width: 1px; } 
.power-ul-bonus.dash-p-ul-bonus .fs16 { font-size:12px;  }
.power-ul-bonus.dash-p-ul-bonus li .right-wrap { padding:0; }
.card-box .card-title span { font-size:3.5vw !important; }
.shop-v2-wrap .prd-category-title span em.text-img { bottom: 3vw; left:18px; }
.shop-v2-wrap .prd-category-title span em.text-img img{ max-width: 158px;}
.tab-box-progress-wrap .last-arrow svg{ transform: rotate(90deg); margin: auto 74px; display: block; }
.tab-box-progress-wrap .last-arrow.last { display:none; }
.otp-input{width: 22px;padding: 4px; font-size: 18px;}
}
@media (max-width: 640px) {
.login_page_wrap, 
.login_page_wrap .login_left_part, 
.login_page_wrap .login_right_part{ display: inline-block !important; width: 100%; min-height: 150px; background-position: 0 20%;}
.loging_left_center_content { text-align: center; width: 100%; display: inline-block !important; padding: 0 !important;  }
.login_left_part .login_left_content {padding: 15px;min-width:inherit;max-width: 170px;border-radius:0px;margin:0px auto;display:block;}
.shop-v2-wrap .prd-category-title span em {bottom:18px; left: 42px;}
} 
@media (max-width: 575px) {
.shop-v2-wrap .prd-category-title { margin:40px 0 10px; }
.shop-v2-wrap .prd-category-title span em { bottom:20px; left: 60px; font-size: 20px;}
.shop-v2-wrap .prd-category-title.ip-title span em { bottom:22px; }  
.shop-v2-wrap .prd-category-title span em.text-img { bottom: 12px; left: 33px; }
.shop-v2-wrap .prd-category-title span em.text-img img {max-width: 106px;}
.photo_uploader .crop-preview-img > div { max-height: 822px; }
.dash_slider .slide { height: 420px;}
.dash_slider .slide-content .btn {
    font-size: 12px;
    padding: 5px 8px;
    max-width: 125px;
}
}
@media (max-width: 480px) {
.nav-tabs:not(.nav-justified) { font-size: 14px; margin-bottom:15px;}
.topbar .navbar .dropdown  { position: static; }
.topbar .navbar .dropdown .dropdown-menu, .topbar .navbar .dropdown .dropdown-menu table { max-width: 100%; word-wrap: break-word; }
.topbar .navbar .dropdown .dropdown-menu .text-nowrap{ white-space: normal !important; word-break: break-word; }
.topbar .navbar .navbar-nav .nav-link { padding-left: 10px;padding-right: 10px;}
.topbar .navbar .dropdown-toggle:after { font-size: 10px; }
.topbar .navbar .navbar-nav .nav-link .prd_cout {right: 5px; }
.dashboard_wrap .news_list h4 { font-size: 18px; }
.dashboard_slider .bx-controls .bx-controls-direction a { min-width: 32px;}
.cart-dropdown { position: static; }
.cart-dropdown .dropdown-menu { padding: 15px !important;top: 100%; min-width:300px; }	
.sum_wrap .sum_body {padding: 25px 15px 15px 15px;}
.sum_wrap .sum_title { font-size: 26px; }
.sum_wrap .sum_body .sum_table_bottom tr td { padding: 8px 0; font-size: 16px;}
.sum_table .table thead tr th, 
.sum_table .table tbody tr td { font-size: 12px;  padding:6px; }
.sum_wrap .sum_body table tr td .media img.mr-3{ max-width: 50px;  }
.card-alert { width: 100%; top: 112px;}
.card-alert .media { min-width: 100%;}
.card-alert .media .media-left:after { width: 60px;}
.shop_wrap .prd_label  { min-width: 100%;  max-width: 100%; }
.beneve-update-box {width: 100%; }

.biz_progress_wrap .biz-box { padding:15px 0 0; }
.biz_progress_wrap .ranking_tbl tbody { font-size: 16px;}

.dash_alert.alert { font-size: 12px; }
.fs52 {font-size: 42px;}
.fs44 {font-size: 34px;}
.select_floating .phone-control-wrap .phone-addon:first-child { padding-bottom: 10px; }
.select_floating .phone-control-wrap .phone-addon:first-child, .select_floating .phone-control-wrap { display: block; }
.card-arrow .card-left-arrow { top: inherit; left: 0; bottom: 0; padding: 8px 14px; background-color:#FFF; box-shadow: 0px 0px 5px rgba(0, 0, 0, 50%); transform: translateY(0%);}
.card-arrow .card-right-arrow{ top: inherit; right: 0; bottom: 0; padding: 8px 14px; background-color:#FFF; box-shadow: 0px 0px 5px rgba(0, 0, 0, 50%); transform: translateY(0%);}
body.iframe .card.card-arrow > .card-body { padding: 15px !important; margin: 0 !important;}

.dash_slider .slide-content { padding: 15px 15px 35px;}
.dash_slider .slide-content .btn { font-size: 10px; padding: 5px 8px; max-width: 122px;}
.dash_slider .slide-content .slide-title{ font-size: 15px; }
.dash_slider .slide-content p{ font-size: 12px; text-overflow: ellipsis;  -webkit-line-clamp: 3;display: -webkit-box;   -webkit-box-orient: vertical; overflow: hidden; }
.dash_slider .slider-nav .slider-button { font-size: 1em; }
.dash_slider .slider-nav-content .bullet-list { margin-bottom: 0;}
.dash_slider .slide {height: 320px; }
.page_wrapper {padding: 0px 0;}

.ingredient-hero{padding-top: 25px;}
.ingredient-hero img{margin-bottom: -15px; max-width: 280px;}

.power-ul-bonus .right-wrap.min-165, .power-ul-bonus .right-wrap.min-130{max-width: 80px; min-width: 80px}

.topbar .navbar .navbar-nav .nav-link.username { line-height:normal; display: flex; align-items: center; height: 48px; }
.shop-v2-wrap .prd-category-title span em.text-img img { max-width: 90px; }
.shop-v2-wrap .prd-category-title span em.text-img { left:8vw; }

.custom-control.custom-radio.custom-control-inline.add_mobile_resp {display: block;}
.otp-input{width: 28px;padding: 4px;}
}
@media (max-width:414px){
.fs16 { font-size: 14px;}
.popover { max-width: 60%;}
.popover .popover-body {  font-size: 12px;}
.custom_vtab_wrap .phone-control-wrap .phone-addon { font-size: 14px; }
.phone-control-wrap .phone-addon{display:inline-table;padding-right: 8px;text-align: center;margin: 4px 0px;}
.card-alert .media .media-left:after { height: 90px; }
.fs52 {font-size: 32px;}
.fs44 { font-size: 24px;}
.biz_progress_wrap .process_circle { margin:0 auto; }
.biz_progress_wrap .process_circle .circle-text { bottom:25%; transform: translate(-55%,25%); }
.single-feature .desc .btn  { min-width:100%; }
.right-quick-btngroup .btn span { font-size:25px; }
.right-quick-btngroup .btn span.mobile-icon{ font-size:36px; }
.app-view .biz_progress_wrap .biz-box .biz-box-head.mobile-box-head{top: -40px!important; padding: 0 5px;}
.pagination .page-item .page-link { padding:4px 3px; }
.table-footer-row .dataTables_info { margin-bottom:5px;  }
.challenge-icon {min-width: unset; }
.fs46 {font-size: 26px;}
.otp-input{width: 22px;padding: 4px;font-size: 18px;}
}
@media (max-width:360px){
.fs52 { font-size: 28px;}
.fs44 { font-size: 18px;}
.right-quick-btngroup .btn { font-size:clamp(16px, 2vw, 28px); }
.shop-v2-wrap .prd-category-title span em.text-img {left: 10vw; }
.otp-input{width: 22px;padding: 4px; font-size: 18px;}
.responsive-padding { padding: 0.5rem  !important; margin-top:  0.5rem  !important; margin-bottom:  0.5rem  !important;}
}
.onetime_div { z-index: 0 !important; }

/*home page css start*/
.section-md { padding: 50px 0; }

/* event register page css start */
.divider{width: 50px; height: 3px; background-color: #EBC2A8;}
.event-box{border: 2px solid #889C55;}
.event-box h4{top: -22px;}
.event-row{position: relative; }
.event-row .event-boxinfo{color: #000; opacity: 0.70;}
.event-sec1 { background-color:#889C55; color:#FFFFFF;  }
.event-sec1 img.img-fluid { object-fit: cover; height: 100%; width: 100%; }

.timeline { position: relative; padding: 0; margin-top: 2em; margin-bottom: 0 }
.timeline::before { content: ''; position: absolute; top: 0; left: 6px; height: 100%; width: 3px; background: #889C55; }
@media only screen and (min-width:1170px) {
	.timeline { margin-top: 3em; margin-bottom: 0 }
	.timeline::before { left: 50%; margin-left: -2px }
}
.timeline-block { position: relative; margin: 1em 0 }
.timeline-block:after { content: ""; display: table; clear: both }
.timeline-block:first-child { margin-top: 0 }
.timeline-block:last-child { margin-bottom: 0; }
@media only screen and (min-width:1170px) {
	.timeline-block { margin: 2em 0 }
	.timeline-block:first-child { margin-top: 0 }
	.timeline-block:last-child { margin-bottom: 0 }
}
.timeline-bullet { position: absolute; top: 0; left: 0; width: 15px; height: 15px; border-radius: 50%; border: 3px solid #889C55; background: #f7f7f7 ; }
@media only screen and (min-width:1170px) {
	.timeline-bullet { width: 15px; height: 15px; left: 50%; margin-left: -8px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden }
}
.timeline-content { position: relative; margin-left: 35px; min-height: 50px; margin-bottom: 10px }
.timeline-content:after { content: ""; display: table; clear: both }
.timeline-content h2 { font-size: 18px; margin: 0; font-family:'Montserrat', sans-serif; font-weight:bold; }
.timeline-content p, .timeline-content .date { font-size: 13px }
.timeline-content .date { display: inline-block }
.timeline-content p { margin: 5px 0; line-height: 1.6; color: #b3b3b3 }
.no-touch .timeline-content .read-more:hover { background-color: #bac4cb }
.timeline-content .date { float: left; padding: 0; opacity: .7; color: #000000 }
@media only screen and (min-width:768px) {
.timeline-content { margin-left: 60px }
.timeline-content h2 { font-size: 18px; line-height: 1 }
.timeline-content p { font-size: 14px; line-height: 1 }
.timeline-content .read-more, .timeline-content .date { font-size: 14px }
}
@media (min-width: 1920px) {
    .dash_slider .slide{height: 780px;}
    .dash_slider .slide-content{padding: 15px 30px 150px;}
}
@media only screen and (min-width:1170px) {
.timeline-content { margin-left: 0; width: 47.3% }
.timeline .timeline-block:nth-child(odd) .timeline-content h2, .timeline .timeline-block:nth-child(odd) .timeline-content p { text-align: right }
.timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: #fff }
.timeline-content .read-more { float: left }
.timeline-content .date { position: absolute; width: 100%; left: 112%; top: 0; font-size: 14px }
.timeline-block:nth-child(even) .timeline-content { float: right }
.timeline-block:nth-child(even) .timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #fff }
.timeline-block:nth-child(even) .timeline-content .read-more { float: right }
.timeline-block:nth-child(even) .timeline-content .date { left: auto; right: 112%; text-align: right }
}

.event_register .confirm_div { padding: 15px; max-width: 410px; margin: 0 auto; }
.event_register .confirm_div .card { border:0 }

.already-register-wrap { background: #F4C8C8; padding:25px; margin-bottom: 25px; }
.disabled-form{ position: relative; opacity: 0.2; cursor: not-allowed;}
.disabled-form input, .disabled-form select, .disabled-form button, .disabled-form .custom-control-input,  .disabled-form .custom-control-label{ pointer-events: none;}
/* event register page css end  */

/* Thank You / Registration Complete Page */
.register-complete-page {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}
.register-complete-page .rc-card {
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
    padding: 50px 60px;
    max-width: 520px;
    width: 100%;
    text-align: center;
}
.register-complete-page .rc-checkmark {
    width: 80px;
    height: 80px;
    background-color: #2ecc71;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}
.register-complete-page .rc-checkmark svg {
    width: 40px;
    height: 40px;
    color: #fff;
}
.register-complete-page .rc-title {
    font-size: 56px;
    color: #333;
    margin-bottom: 15px;
    font-weight: normal;
}
.register-complete-page .rc-message {
    color: #555;
    font-size: 16px;
    margin-bottom: 8px;
}
.register-complete-page .rc-note {
    color: #777;
    font-size: 14px;
    margin-bottom: 25px;
}
.register-complete-page .rc-btn-primary {
    background-color: #d8584f;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: block;
    width: 100%;
    margin-bottom: 12px;
    transition: background-color 0.3s ease;
}
.register-complete-page .rc-btn-primary:hover {
    background-color: #c44a42;
    color: #fff;
    text-decoration: none;
}
.register-complete-page .rc-btn-secondary {
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    transition: all 0.3s ease;
}
.register-complete-page .rc-btn-secondary:hover {
    background-color: #f8f8f8;
    color: #333;
    text-decoration: none;
}
.register-complete-page .rc-reg-section {
    margin-bottom: 30px;
}
.register-complete-page .rc-reg-label {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}
.register-complete-page .rc-reg-box {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 18px;
    background: #fff;
}
.register-complete-page .rc-reg-number {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    letter-spacing: 0.5px;
}
.register-complete-page .rc-copy-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #666;
    transition: color 0.2s ease;
    position: relative;
}
.register-complete-page .rc-copy-btn:hover {
    color: #333;
}
.register-complete-page .rc-copy-btn svg {
    width: 18px;
    height: 18px;
}
.register-complete-page .rc-copy-btn::after {
    content: 'Copied!';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.register-complete-page .rc-copy-btn.show::after {
    opacity: 1;
}
@media (max-width: 576px) {
    .register-complete-page .rc-card {
        padding: 20px 15px;
    }
    .register-complete-page .rc-title {
        font-size: 22px;
    }
    .register-complete-page{
      padding: 20px 15px;
    }
}
/* Thank You Page CSS End */