html {
height: 100%;
}
body {
min-height: 100dvh;
/* بهترین واحد در حال حاضر */
/* min-height: 100vh; ← فالبک قدیمیتر */
margin: 0;
display: flex;
flex-direction: column;
}
@font-face {
font-family: 'Yekan';
src: url('font/Yekan.eot');
src: url('font/Yekan.eot?#iefix') format('embedded-opentype'),
url('font/Yekan.woff2') format('woff2'),
url('font/Yekan.woff') format('woff'),
url('font/Yekan.ttf') format('truetype'),
url('font/Yekan.svg#Yekan') format('svg');
font-weight: normal;
font-style: normal;
}
.center {
flex: 1;
}
.d-none {
display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
direction: ltr;
}
.fright {
float: left !important;
}
.fleft {
float: right !important;
}
.w100 {
width: 100% !important;
}
.btn:focus {
outline: none;
}
a:focus {
outline: none;
}
.visible {
display: block
}
.text-right {
text-align: left !important;
}
.text-left {
text-align: right !important;
}
/* color ox */
.red {
color: #d34f4f;
}
.bg-red {
background-color: #d34f4f;
}
.blue {
color: #3895cb;
}
.bg-blue {
background-color: #3895cb;
}
.blue2 {
color: #2594a5;
}
.bg-blue2 {
background-color: #2594a5;
}
.black {
color: #3f3f3f;
}
.bg-black {
background-color: #3f3f3f;
}
.withe {
color: #fff;
}
.bgwithe {
background-color: #fff;
}
.green {
color: #4caf50;
}
.greenbg {
background-color: #4caf50;
}
.color-trans {
background: transparent;
}
.color-w {
background: #fff;
}
.background-w {
background: #fff;
}
.height700 {
min-height: 500px;
}
.bg-grey {
background: #f5f5f5;
border: 1px #ccc solid;
overflow: hidden;
margin: 0 15px;
}
.overflow {
overflow: hidden;
}
.no-padding {
padding: 0 !important;
}
.no-margin {
margin: 0 !important;
}
.no-marg-pad {
margin: 0 !important;
padding: 0 !important;
}
.no-rpadding {
padding-right: 0 !important;
}
.no-lpadding {
padding-left: 0 !important;
}
.padding20 {
padding: 20px !important;
}
.paddtop10 {
padding-top: 10px !important;
}
.paddbt10 {
padding-bottom: 10px !important;
}
.margin15 {
margin: 15px !important;
}
.margtop5 {
margin-top: 5px !important;
}
.margin10 {
margin: 10px !important;
}
.margtop10 {
margin-top: 10px !important;
}
.margbt10 {
margin-bottom: 10px !important;
}
.marg2tb10 {
margin: 10px 0 !important;
}
.margtb10 {
margin-top: 10px !important;
}
.margtop15 {
margin-top: 15px !important;
}
.margtop0 {
margin-top: 0px !important;
}
.marginlr {
margin-left: 7px;
margin-right: 7px;
}
.marginlr15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.marginlr16 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.padding5 {
padding: 5px;
}
.padding10 {
padding: 10px;
}
.margin-ntop {
margin-top: -19px;
}
.priceoff {
text-decoration: line-through;
font-size: 10px;
color: #7a1b1b;
}
.padding-right0 {
padding-right: 0px;
}
.padding-left0 {
padding-left: 0px;
}
.table {
margin-bottom: 0px !important;
}
.box-shadow {
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.radius10 {
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
}
.radius15 {
border-radius: 15px !important;
-moz-border-radius: 15px !important;
-webkit-border-radius: 15px !important;
}
.radius6 {
border-radius: 6px !important;
-moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
}
.radius6top {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-moz-border-top-left-radius: 6px;
-moz-border-top-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-top-left-radius: 6px;
}
.radius6bot {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-bottom-left-radius: 6px;
-moz-border-bottom-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-bottom-left-radius: 6px;
}
.block {
display: block !important;
}
.inblock {
display: inline-block !important;
}
body {
font-family: tahoma;
background: #f5f5f5;
direction: ltr;
}
.mode-title,
.mode-title-big,
.mode-title-c {
color: #333;
overflow: hidden;
text-align: right;
line-height: 30px;
background: #e3e3e3;
}
.mode-title i,
.mode-title-big i,
.mode-title-c i {
color: #1b76f1;
}
.fagtitle {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.mode-title-c {
text-align: center;
}
.mode-title-big {
margin-top: 10px;
}
.mode-title i,
.mode-title-big i {
float: left;
font-size: 30px;
margin: 13px 7px 7px;
}
.mode-title-big i {
font-size: 20px;
}
.mode-title h5,
.mode-title-big h5 {
padding: 5px;
float: left;
}
.name-b {
padding: 10px;
direction: ltr;
color: #fff;
background: #b2b2b2;
}
.mytopmenu {
margin-top: 0px !important;
}
.panel.with-nav-tabs .nav-tabs {
margin-left: -35px !important;
}
.nav-tabs>li {
float: left !important;
margin-bottom: -1px !important;
;
}
.mynav {
margin: 10px 0;
}
.top-menu,
.top-shopmenu {
text-align: left;
}
.top-menu a,
.top-shopmenu a {
color: #333;
margin-left: 7px;
margin-top: 20px;
display: inline-block;
}
.top-menu a:hover,
.top-shopmenu a:hover {
color: #3ebc51 !important;
}
.top-menu h5,
.top-shopmenu h5 {
display: block;
margin-right: 7px;
}
.top-menu img,
.top-shopmenu img {
width: 27px;
margin-top: 5px;
}
.menu-user {
z-index: 5000;
}
.modal-backdrop {
z-index: 6000 !important;
}
.modal {
z-index: 6000 !important;
}
.modal-backdrop.in {
z-index: 5000 !important;
}
.mini-menu {
display: inline-block;
width: 100%;
}
.under-header {
margin-top: 145px !important;
}
.time-left li {
list-style: none;
display: inline-block;
margin-right: 20px;
}
.time-left p {
margin-top: 10px;
color: #080808;
margin-left: 7px;
}
.time-left span {
margin-top: 10px;
color: #af1741;
}
.org-box {
background-color: #fff;
-webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
border: 1px solid #dedede;
margin: 0 0 10px;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
overflow: hidden;
text-align: center;
}
.org-box-l {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
text-align: center;
}
.box-repair,
.box-faqlist {
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position: center center;
background-repeat: no-repeat;
background-size: auto auto;
padding: 5px;
text-align: left;
}
.box-faqlist {
max-height: 450px;
overflow: scroll;
overflow-x: hidden;
background: #f8f8f8;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-bottom: 10px;
}
.box-faqlist .spec-list li {
line-height: 45px;
padding: 5px 2px !important;
border-bottom: 1px #e6e6e6 solid;
}
.spec-list h5 {
font-weight: normal !important;
}
.spec-list li {
line-height: 45px;
}
.pro-detail li {
line-height: normal;
}
.box-repair h5 {
color: #444;
}
/* top menu */
@media (min-width: 768px) {
.navbar-nav {
float: left !important;
margin: 0px;
}
}
.navbar-fixed-top {
z-index: 5000;
}
.navbar-default .navbar-nav>li>a {
color: #444;
font-size: 16px;
font-family: tahoma;
}
.navbar-default .navbar-nav>li>a:hover {
color: #159ace;
font-size: 16px;
font-family: tahoma;
}
.dropdown-menu>li>a {
padding: 3px 5px !important;
}
/**/
.div-logo {
text-align: left;
display: inline-block;
float: left;
width: 150px;
}
.div-logo a {
display: inline-block;
padding-top: 5px;
}
.share-icon i {
margin-right: 8px;
margin-top: 20px;
}
.myproimge {
background-image: url("../img/product/22.jpg");
background-position: center;
background-repeat: no-repeat;
display: inline-block;
}
/* blog style */
.postcover {
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #ddd;
}
.blogbox {
padding: 7px;
text-align: center;
}
.blogbox h3 {
font-size: 15px;
line-height: 35px;
}
.blogbox a {
color: #578f1b;
margin: 7px 0;
}
.blogbox a:hover {
color: #388136;
font-weight: bold;
}
.blogslide h3 {
font-size: 14px;
height: 50px;
line-height: 30px;
direction: rtl;
}
.blogslide a {
margin-top: 7px;
display: inline-block;
padding: 10px;
}
/* slider */
.home-titlemod {
background: #fff;
color: #0d6c10;
margin-top: 15px;
overflow: hidden;
}
.textgreen {
display: block;
float: left;
border-left: 4px solid #4d6cb0;
line-height: 120px;
padding: 15px;
color: #4d6cb0;
font-weight: bold;
}
.textgreen h5 {
font-weight: bold;
}
.proslide a,
.modelslide a {
color: inherit;
}
div#owl-prolist {
margin-bottom: 10px;
}
.owl-item:hover {
cursor: pointer;
}
#owl-demo .item img,
#owl-prolist .item img {
display: block;
height: auto;
}
#owl-demo .item,
#owl-prolist .item {
position: relative;
display: inline-block;
}
#owl-prolist .item {
border: 1px #f1f1f1 solid;
}
.title-slide {
position: absolute;
background: #fff;
padding: 2px 10px;
opacity: 0.7;
right: 10px;
bottom: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
animation-name: bounceInRight;
}
/* owl news ticker */
#box-tickernews {
background: #f9f9f9;
border: 1px #eee solid;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
margin: 0;
}
#owl-newsticker .item {
background: #f9f9f9;
padding: 2px 0px;
margin: 10px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#owl-newsticker h4 {
color: #777;
}
#owl-newsticker a {
text-decoration: none;
}
.mycustomNavigation {
padding: 15px 0 0;
text-align: left;
}
.prolistnavigation {
text-align: left;
}
.prolistnavigation .btn {
padding: 0 5px;
}
/* side menu */
.menu-brand {
margin: 0px;
display: inline;
}
.menu-brand li {
list-style: none;
padding: 5px 0;
border-bottom: 1px #f1f1f1 solid;
}
.menu-brand li:hover {
background: #f1f1f1;
}
.menu-brand a {
color: #777;
font-size: 16px;
}
.menu-brand li:hover a {
color: #a21919;
}
/* use styles below to disable ugly selection */
.customNavigation a {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* product details */
.img-pro {
height: 130px;
width: auto !important;
margin: 3px 0;
}
.img-proshop {
height: 110px;
width: auto;
margin: 3px 0;
}
.newprolist .img-pro {
height: 110px;
width: auto;
margin: 3px 0;
}
.pro-title {
height: 65px;
padding: 4px 0;
}
.owl-carousel .item h5 {
line-height: 25px;
color: #666;
padding: 0 7px;
}
.newprolist .pro-title {
direction: ltr;
}
/* last article style */
.article-last {
background: #f7f7f7;
}
.article-last ul {
margin: 0px;
display: inline;
}
.article-last li {
list-style: none;
border-bottom: 1px #eee solid;
overflow: hidden;
}
.article-last h3 {
color: #204d74;
}
.article-last h5 {
line-height: 23px;
padding-right: 5px;
}
.article-last a {
text-decoration: none;
color: #444;
}
.article-img {
float: right;
width: 150px;
padding: 5px;
margin-left: 10px;
border-left: 1px solid #eee;
}
.banner_4 a {
width: 24.2%;
margin-left: 0.7%;
display: inline-block;
}
.banner_4 .lastitem {
margin-left: 0 !important;
}
.banner_4 img {
display: block;
border-radius: 7px;
border: 1px solid #ececec;
float: right;
width: 100%;
}
.banner_3 a {}
.banner_3 span {
position: absolute;
right: 12px;
top: 5px;
color: #b3b6c9;
font-weight: bold;
font-size: 14px !important;
}
.banner_3 .lastitem {
margin-left: 0 !important;
}
.banner_3 img {
display: block;
border-radius: 7px;
border: 1px solid #ececec;
float: right;
width: 100%;
padding: 2px 5px;
}
.img-res {
width: 100%;
height: auto;
max-width: 100%;
display: inline-block;
}
.pos-rel {
position: relative !important;
display: inline-block;
width: 100%;
}
.brandlist {
overflow: hidden;
}
.brandlist span {}
.mybanner a {
margin: 10px 0;
}
.brandlist a {
color: #000;
font-size: 13px;
margin-top: 2px;
}
.brandlist li {
list-style: none;
padding: 3px 6px !important;
line-height: 30px;
display: block;
float: right;
background-color: #fff;
transition: background-color .2s ease-in;
margin: 6px 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.brandlist ul {
margin-right: 0;
}
.brandlist li:hover {
color: #fff;
background-color: #159ace;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.brandlist li:hover a {
color: #fff;
}
.brandlist hr {
margin: 0;
}
.mycontent h4 {
line-height: 30px;
color: #555;
}
.myform,
.mybox {
background: #f5f5f5;
padding: 10px;
}
.myform label {
background: #f1f1f1;
color: #777;
font-size: 1.4rem;
}
.myregform {
padding: 10px;
}
.bg-dropmenu {
background-image: url("../img/bg-vertical-line.png");
background-position: center;
background-repeat: repeat-y;
display: inline-block;
}
.yamm-fw {
position: initial;
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
width: 100%;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.box-menu {
padding: 7px;
text-align: left;
}
.mysubmenu li {
list-style: none;
line-height: 35px;
}
.list-menu a {
color: #555;
}
.title-menu a {
color: #204d74;
font-weight: bold;
}
.panel-info>.panel-heading {
background: #f1f1f1;
background-image: none;
border: 1px #eee solid;
}
/* banner */
.mybanner {
padding: 5px;
overflow: hidden;
text-align: center;
}
.mybanner img {
margin-bottom: 7px;
}
.shop-banner {
margin: 5px 0;
}
.shop-banner a {
margin: 7px 5px 0 5px;
display: inline-block;
background: #fff;
width: 100%;
}
.shop-banner img {
width: 100%;
}
.customer .box {
overflow: hidden;
border: 1px #eee solid;
padding: 3px;
}
.fac-table thead th {
font-weight: normal;
}
.price-row {
background: #fff;
color: #000;
line-height: 40px;
}
.fac-title {
background: #fff;
padding: 7px 5px;
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
font-weight: bold;
position: relative;
}
.iconprint {
position: absolute;
left: 7px;
top: 5px;
display: block;
}
.iconaddress {
position: absolute;
left: 60px;
top: 5px;
display: block;
}
.fac-status {
padding: 5px;
background: #f5f5f5;
border: 1px #ccc solid;
}
/* product */
.shopprolist h5 {
direction: rtl !important;
}
.prolist h5 {
color: #666;
margin: 0px;
direction: ltr;
line-height: 25px;
height: 60px;
}
.prolist h6 {
color: #861d1d;
}
.minibox {
border: 1px #eee solid;
padding: 5px;
position: relative;
height: 100%;
overflow: hidden;
float: left;
}
.icprolist .minibox .img-pro {
margin: 10px 0 3px 0;
}
.minibox:hover {
border-bottom: 1px #295b28 solid;
}
.minibox-back i {
margin-top: 50%;
font-size: 50px;
color: #fff;
}
.minibox:hover .minibox-back {
display: inline-block;
}
.pagination li {
float: left !important;
}
.pagination>li>a,
.pagination>li>span {
border-radius: 50% !important;
margin: 0 5px;
}
/* forum */
.head-forum {
background: #4aa8c7;
margin-right: 1px;
}
.head-forum h4 {
color: #fff;
}
.mybtsend {
margin-top: 8px;
float: left;
}
.mybtsend-answer {
margin: 0 0 5px 5px;
}
.question-list {
margin-right: 1px;
margin-top: 5px;
}
.answer-admin {
background: #f8f8f8;
margin: 2px 7px;
padding: 5px 10px;
}
.answer-admin h6 {
color: #444;
}
.answer-new {
background: #fff;
margin: 5px;
padding: 10px;
}
.search-row {
position: relative;
}
.search-row input {
padding: 10px 5px;
line-height: 45px;
height: 45px;
margin-top: 4px;
}
.search-row button {
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.search-row select {
position: absolute;
left: 64px;
top: 6px;
line-height: 70px;
height: 34px;
background: #e3e3e3;
border: 1px #c2c2c2 solid;
padding: 0 7px;
}
.search-row option {
padding: 7px 2px;
height: 35px;
border: 1px solid #777;
}
.mysearchbox {
display: inline-block;
}
.mysearch i {
font-size: 20px;
}
.mysearch button {
margin-top: 9px;
}
.search-wi {
position: relative;
text-align: left;
}
.search-wi a {
position: absolute;
right: 10px;
top: 9px;
}
.search-wi i {
color: #000;
}
.company-ic {
border: 1px #ccc solid;
background: #efefef;
margin-bottom: 7px;
width: 100%;
}
/* search top */
#top-search-input {
padding: 3px;
border: solid 1px #E4E4E4;
background-color: #fff;
}
#top-search-input input {
border: 0;
box-shadow: none;
}
#top-search-input button {
margin: 2px 0 0 0;
background: none;
box-shadow: none;
border: 0;
color: #666666;
padding: 0 8px 0 10px;
border-left: solid 1px #ccc;
}
#top-search-input button:hover {
border: 0;
box-shadow: none;
border-left: solid 1px #ccc;
}
#top-search-input .fa-search {
font-size: 23px;
}
/* login menu */
#login-nav input {
margin-bottom: 15px;
}
/* filter box */
#steps-fivepercent-slider .ui-slider-tip {
visibility: visible;
opacity: 1;
top: -30px;
}
/* content */
.fullbox {
margin: 10px;
}
.box-imgcover,
.box-imgcover-min {
padding: 7px;
margin: 15px 0;
position: relative;
}
.box-imgcover-min {
padding: 7px 0px 7px 7px;
}
.box-imgcover h4 {
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
width: 97%;
bottom: 15px;
padding: 30px;
color: #fff;
}
.price-box {
color: #444;
line-height: 34px;
font-weight: bold;
}
.price-box {
border: 1px #ccc solid;
padding: 7px;
margin: 10px 0;
}
.price-box a {
margin: 10px 0;
width: 70%;
}
.boxcontent {
padding: 5px;
display: inline-block;
width: 100%;
}
.boxshopcontent {
padding: 5px;
display: inline-block;
overflow: hidden;
width: 100%;
}
.boxshopcontent select {
margin-top: 10px;
}
.boxshopcontent .form-control {
width: auto;
}
.seller-d {
border: 1px #eee solid;
padding: 5px;
margin: 10px 0px;
}
.seller-d i {
float: right;
}
.seller-d span {
margin: 5px 5px 0 0;
display: inline-block;
}
.stock {
border: 1px solid #d9534f;
padding: 6px 7px;
width: auto;
display: inline-block;
color: #d9534f;
}
.boxcontent h5,
.boxshopcontent h5 {
line-height: 35px;
font-family: tahoma;
}
.addshop {
width: 30px;
height: 30px;
text-align: center;
}
.boxaddshop {
border: 1px #ccc solid;
padding: 10px;
background: #f8f8f8;
}
.boxaddshop .btn {
width: 150px;
}
.boxaddshop input {
width: 70px;
-webkit-appearance: none;
margin: 0;
border: 1px #ccc solid;
}
.shopsum {
border-radius: 50px;
-moz-border-radius: 50px;
width: 50px;
height: 50px;
border: 1px solid #98332a;
margin-left: 10px;
margin-top: 5px;
display: inline-block;
float: right;
}
.shopsum .is-buy {
padding: 20px;
margin-top: -10px;
}
.shopsum p {
font-weight: bold;
position: absolute;
border-radius: 30px;
right: 0;
top: 15px;
-moz-border-radius: 30px;
padding: 5px;
width: 30px;
height: 30px;
background: #fff;
color: #333;
border: 1px solid #98332a;
}
i#cart-item-count {
font-weight: bold;
font-style: normal;
color: #79b946;
}
.usermenu {
float: right;
display: inline-block;
margin-right: 10px;
margin-top: 20px;
}
.usermenu a {
margin-right: 7px;
color: #7a1b1b;
}
.order-list {
background: #fff;
padding: 5px;
margin: 5px 0;
}
.order-list .row1 {
background: #f1f1f1;
padding: 3px 0;
}
.myhistory {
height: 500px;
overflow-y: scroll;
text-align: left;
}
.myhistory thead td {
text-align: left !important;
}
#transaction td {
text-align: left !important;
}
ul.spec-list {
list-style: none;
padding: 10px;
}
ul.spec-list.key-features {
margin-bottom: 72px;
}
ul.spec-list span.technicalspecs-value,
ul.spec-list span.technicalspecs-title {
border-radius: 2px;
display: block;
margin-bottom: 9px;
white-space: normal;
}
ul.spec-list span.technicalspecs-value .wiki,
ul.spec-list span.technicalspecs-title .wiki {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #00afc8;
border-image: none;
border-style: none none dashed;
border-width: 0 0 1px;
padding: 0;
position: relative;
}
ul.spec-list span.technicalspecs-title {
background: #f0f1f2 none repeat scroll 0 0;
float: left;
height: auto;
padding: 9px 21px;
width: 183px;
}
ul.spec-list span.technicalspecs-value {
background: #f7f9fa none repeat scroll 0 0;
color: #777;
text-align: left;
display: list-item;
height: auto;
padding: 9px 21px;
}
ul.spec-list span.technicalspecs-value[data-mark="true"] {
background: #f5fcf5 none repeat scroll 0 0 !important;
}
ul.spec-list span.technicalspecs-value[data-mark="false"] {
background: #fcf5f5 none repeat scroll 0 0 !important;
}
ul.spec-list span.technicalspecs-value[data-mark] i,
ul.spec-list span.technicalspecs-value i {
top: 3px;
}
.wmin ul.spec-list span.technicalspecs-value {
height: auto;
}
.shopprofile .box-profile {
background: #f1f1f1;
text-align: right;
overflow: hidden;
padding: 10px;
margin: 10px;
margin-top: 20px;
}
/* grid board */
.bordheader {
position: relative;
border: 1px solid #ebebeb;
direction: ltr;
text-align: center;
padding: 0px 7px !important;
margin-top: -10px;
}
.bordheader h3 {
color: #2472b8;
font-size: 23px;
text-align: center;
}
.bordheader input {
position: absolute;
left: 7px;
top: 10px;
padding: 7px;
}
.adv-tools {
padding-top: 15px;
float: right;
}
.adv-tools img {
float: right;
top: 1px;
left: 35px;
position: absolute;
}
.i-select,
.i-zoom {
float: left;
width: 65px;
height: 50px;
position: relative;
line-height: 70px;
display: inline-block;
}
.tgl-sw+.btn-switch {
width: 2em !important;
}
.board-box {
text-align: center;
padding-bottom: 70px;
}
.listic {
background: #2472b8 none repeat scroll 0 0;
margin-top: 0.5rem;
}
.listic .boxcell {
border: 0px;
padding: 12px;
}
.filteric h6 {
color: #fff;
text-align: center;
font-weight: bold;
float: right;
}
.filteric select {
color: #fff;
text-align: center;
font-weight: bold;
float: right;
}
.boxfilter h6 {
font-weight: bold;
margin: 10px !important;
padding-bottom: 10px;
font-size: 14px;
}
.problemic {
border-radius: 15px !important;
-moz-border-radius: 15px !important;
-webkit-border-radius: 15px !important;
border: 2px #2093bb solid;
text-align: left;
margin-bottom: 15px;
}
.form-control:focus {
border-color: #ccc;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.withebg h6 {
color: #777;
padding: 0.2rem;
}
.boldcolor {
border-radius: 50px;
display: inline-block;
height: 20px;
margin-top: 13px;
padding: 0 2px;
width: 20px;
}
.icshow-pop-ul,
#ic-repier ul {
margin-right: 0;
padding: 7px 0 10px;
text-align: center;
}
.boxcell {
border: 1px solid #eee;
color: #777;
padding: 0.2rem;
text-align: center;
}
.withebg {
background-color: #fff;
}
.aboutpage {
font-size: 15px;
line-height: 30px;
text-align: justify !important;
padding: 7px;
}
.aboutpage h5 {
padding: 15px;
}
.row-ic h6 {
direction: rtl;
font-weight: bold;
font-size: 12px;
}
.iccode {
direction: ltr !important;
}
/* showpage slider */
.div#slideproduct {
padding: 7px;
}
.mobilelist {
display: inline-block;
background: #fff;
width: 100%;
text-align: center;
direction: ltr;
}
.mobilelist img {
height: 140px;
margin-top: 10px;
}
.mobilelist a {
color: #333;
display: inline-block;
cursor: pointer;
}
.mobilelist h5 {
height: 55px;
line-height: 28px;
}
.imgbox {
display: inline-block;
}
/* blog */
.navbar-nav-blog {
padding-right: 30px !important;
}
.post-div {
margin: 0px;
padding: 5px;
}
.post-intro {
position: relative;
transition: background-image 0.5s ease-in;
height: 200px;
}
.post-back {
background-image: url("../img/bg-back-post.png");
display: none;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
padding: 7px;
line-height: 30px;
color: #0f0f0f;
}
.post-back a {
color: #8f2c2c;
}
.post-back h5 {
margin-top: 5px;
}
.post-back i {
font-size: 40px;
color: #fff;
margin-top: 25%;
}
.post-intro:hover .post-back {
display: inline-block;
}
.img-post {
height: 200px;
width: 100%;
}
.img-post,
.img-slide {
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
display: inline-block;
width: 100%;
height: auto;
}
.img-ic {
margin-top: 20px;
}
.img-post-show {
background-position: center;
background-repeat: no-repeat;
display: inline-block;
height: 500px;
width: 100%;
}
.title-post {
font-size: 14px;
height: 75px;
line-height: 25px;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
color: #fff;
padding: 7px;
}
.title-post a {
height: 50px;
line-height: 30px;
text-shadow: 2px 2px 4px #000000;
color: #fff;
}
.text-min-post {
padding: 5px;
}
.text-post h5 {
text-align: right;
padding: 5px;
line-height: 35px;
}
.post-intro-show {
padding: 10px;
}
.blogpage .navbar-form {
background: none;
border: 0px;
}
.rowclick:hover .row-ic {
background: #f5f5f5;
}
.rowclick:hover .icmore {
background: #47ade7;
color: #fff;
}
.rowclick:hover .icmore h6 {
color: #fff;
font-weight: bold;
font-size: 16px;
}
/* alert */
.myalert {
margin: 25%;
width: 50%;
position: absolute;
z-index: 7000;
}
/* popup style */
.modal-body {
overflow: hidden;
}
/* error page */
.errors {
margin-top: 200px;
}
.errors .btn {
margin-top: 25px;
}
/* footer */
.footer {}
.myfooter {
background: rgb(17, 22, 26);
color: #fff;
padding: 10px 5px 10px 5px;
font-size: 15px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.footeren {
background: #159ace;
color: #fff;
padding: 20px 0 0 0;
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 100;
}
.footeren .logo-bank img {
width: 140px;
float: left;
margin-left: 10px;
}
.footer-menu {
color: #fff;
}
.footer-menu a {
color: #fff;
margin: 10px;
}
.footer-menu a:hover {
color: #fff;
}
.wm-row {
display: block;
float: left;
}
.wm-row a {
display: block;
margin-top: 10px;
}
.number2 {
margin-left: 20px;
}
.contact-footer h5 {
display: inline;
margin: 0 0 7px 7px;
color: #fff;
}
.contact-footer .line {
margin-bottom: 7px;
}
.contact-info {
padding-right: 10px;
}
.contact-form {
background: #f6f6f6;
text-align: right;
margin: 10px;
padding: 10px;
}
.social-icon {}
.social-icon i {
color: #fff;
font-size: 18px;
padding: 10px;
width: 40px;
text-align: center;
margin-left: 5px;
}
.social-icon i:hover {
color: #295b28;
}
.logo-bank img {
width: 160px;
}
.myfooter h5 {
float: right;
color: #a1a1a1;
margin-right: 7px;
}
.row.myfooter {
line-height: 35px;
}
.myfooter a:hover {
text-decoration: none;
color: #3f8bff;
}
#goTop {
position: fixed;
bottom: 60px;
right: 30px;
width: 45px;
height: 45px;
border-radius: 50%;
border: none;
background: #333;
color: #fff;
font-size: 26px;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 999;
}
#goTop.show {
opacity: 1;
visibility: visible;
}
#goTop:hover {
background: #555;
}
.under-footer {
background: #3f8bff;
color: #fff;
border-top: 1px solid #8dcaff;
}
.date-cp {
text-align: right;
}
.flag {
float: right;
}
.banner-l a {
margin-top: 10px;
display: inline-block;
width: 100%;
}
.banner-l img {
border-radius: 7px !important;
-moz-border-radius: 7px !important;
-webkit-border-radius: 7px !important;
border: 1px solid #ececec;
}
.banner-img {
width: 100%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.sitedetail {
margin: 15px;
background: #fff;
color: #333;
}
.sitedetail {
margin: 15px;
background: #fff;
color: #333;
text-align: center;
}
.sitedetail h4 {
font-size: 16px;
}
.box-f {
position: relative;
}
.box-b {
position: absolute;
text-align: center;
display: inline-block;
background: url("../img/bg-back.png");
top: 0;
bottom: 0;
right: 0;
left: 0;
max-height: 0px;
z-index: 100;
-webkit-transition: max-height 0.5s;
-moz-transition: max-height 0.5s;
transition: max-height 0.5s;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.box-b a {
color: #fff;
}
.box-b h2 {
margin-top: 30%;
display: none;
color: #fff;
}
.box-f:hover .box-b {
z-index: 200;
max-height: 100%;
}
.box-f:hover .box-b h2 {
display: inline-block;
}
.feature {
position: fixed;
top: 35%;
left: -10px;
opacity: 0.5;
z-index: 100;
}
.feature:hover {
opacity: 1;
}
/* icons */
.i-searchfix,
.i-buyic,
.i-learnfix,
.i-searchic,
.ih-learn,
.ih-repair {
background-image: url("../img/icons.png");
background-repeat: no-repeat;
display: inline-block;
width: 75px;
height: 75px;
}
.i-searchfix {
background-position: 0 0;
}
.i-buyic {
background-position: -75px 0;
}
.i-learnfix {
background-position: -150px 0;
}
.i-searchic {
background-position: -225px 0;
}
.ih-learn {
background-position: -300px 0;
}
.ih-repair {
background-position: -375px 0;
}
.btregform .mybtn {
margin-top: 30px;
}
.footer-loading {
position: fixed;
padding: 5px 0;
bottom: 0;
left: 0;
width: 30%;
display: inline-block;
background: #e8672d;
background-color: rgba(232, 103, 45, 0.9);
line-height: 40px;
color: #fff;
z-index: 1000;
}
.spinner {
line-height: 40px;
padding-top: 7px;
height: 40px;
width: 70px;
text-align: center;
}
.spinner>div {
width: 18px;
height: 18px;
background-color: #fff;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
/* shop style */
#shopload .modal-header,
#shopload .modal-footer {
background: #f1f1f1;
}
#shopload .modal-header .close {
float: left;
position: absolute;
left: 18px;
top: 18px;
color: #761e1e;
opacity: 1;
}
.close {
float: right !important;
filter: alpha(opacity=100) !important;
opacity: 1 !important;
}
#shopload .modal-body {
display: inline-block;
color: #333;
background: #fff;
line-height: 30px;
}
#shopload span {
display: inline-block;
color: #ce3b3b;
font-size: 14px;
margin: 7px 0;
}
#shopload .it-este {
margin: -5px !important;
}
#shopload .modal-footer btn {
font-size: 12px;
}
.sc-brand {
height: 100%;
}
.brandlogolist ul {
margin-right: -35px;
}
.brandlogolist li {
list-style: none;
text-align: center;
background: #fff;
margin-top: 5px;
}
.shopsearch {
background: #fff;
padding: 5px;
margin-top: 10px;
}
.shopsearch input,
.shopsearch select {
margin-bottom: 5px;
background: #f5f5f5;
}
.shopbox:hover .shoptoolrow {
display: inline-block;
}
.shoptoolrow {
display: none;
background: rgba(45, 45, 45, 0.7);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.shoptools,
.detailshop {
height: 50px;
float: right;
display: block;
width: 50%;
text-align: right;
padding-right: 7px;
}
.detailshop {
float: left;
text-align: left;
padding-left: 7px;
}
.shoptools a,
.shoptools p {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
cursor: pointer;
}
.shoptools span {
margin-top: 3px;
}
.detailshop a {
color: #7a1b1b;
margin-top: 7px;
padding-bottom: 5px;
display: inline-block;
}
.ava-pro {
background: #71a017 !important;
}
.ava-pro:hover {
background: #71a017 !important;
border: 1px #fff solid !important;
;
}
.pro-desc {
text-align: right;
padding: 7px;
line-height: 30px;
}
/* address page radio bt form */
.addaddress label {
color: #777;
margin: 10px 0 !important;
}
.address-tools {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: #f1f1f1;
}
.address-tools li {
list-style: none;
}
.address-tools a {
margin: 10px;
margin: 7px;
display: inline-block;
}
.address-tools span {
float: left;
}
.funkyradio div {
clear: both;
/*margin: 0 50px;*/
overflow: hidden;
background: #fff;
padding: 5px;
}
.funkyradio label {
/*min-width: 400px;*/
width: 100%;
border-radius: 3px;
border: 1px solid #ccc;
font-weight: normal;
position: relative;
}
.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
display: block;
/* display:none; */
}
.funkyradio input[type="radio"]:empty~label,
.funkyradio input[type="checkbox"]:empty~label {
position: relative;
line-height: 2.5em;
text-indent: 3.25em;
margin-top: 3px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.funkyradio input[type="radio"]:empty~label:before,
.funkyradio input[type="checkbox"]:empty~label:before {
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
content: '';
width: 2.5em;
background: #D1D3D4;
border-radius: 3px 0 0 3px;
}
.funkyradio input[type="radio"]:hover:not(:checked)~label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked)~label:before {
content: '\2714';
text-indent: .9em;
color: #C2C2C2;
}
.funkyradio input[type="radio"]:hover:not(:checked)~label,
.funkyradio input[type="checkbox"]:hover:not(:checked)~label {
color: #888;
}
.funkyradio input[type="radio"]:checked~label:before,
.funkyradio input[type="checkbox"]:checked~label:before {
content: '\2714';
text-indent: .9em;
color: #333;
background-color: #ccc;
}
.funkyradio input[type="radio"]:checked~label,
.funkyradio input[type="checkbox"]:checked~label {
color: #777;
}
.funkyradio input[type="radio"]:focus~label:before,
.funkyradio input[type="checkbox"]:focus~label:before {
box-shadow: 0 0 0 3px #999;
}
.funkyradio-primary input[type="radio"]:checked~label:before,
.funkyradio-primary input[type="checkbox"]:checked~label:before {
color: #fff;
background-color: #337ab7;
}
.funkyradio-primary p {
line-height: 20px;
}
#cart-item .alert {
width: 100% !important;
}
/* icons small */
.is-view,
.is-buy,
.is-vis,
.i-myshop,
.i-telegram,
.i-gplus,
.it-search,
.it-este,
.is-delete,
.is-edit,
.is-print,
.is-address {
background: url("../img/icons-sm.png") no-repeat;
display: inline-block;
width: 32px;
height: 32px;
}
.is-view {
background-position: 0 0;
}
.is-buy {
background-position: -32px 0;
}
.is-vis {
background-position: -64px 0;
}
.i-myshop {
background-position: -96px 0;
}
.i-telegram {
background-position: -128px 0;
}
.i-gplus {
background-position: -160px 0;
}
.it-search {
background-position: -192px 0;
}
.it-este {
background-position: -224px 0;
}
.is-delete {
background-position: -256px 0;
}
.is-edit {
background-position: -288px 0;
}
.is-print {
background-position: -320px 0;
}
.is-address {
background-position: -352px 0;
}
.is-pay,
.is-orginal,
.is-price,
.is-exp {
background: url("../img/i-shop.png") no-repeat;
display: inline-block;
width: 35px;
height: 35px;
}
.is-pay {
background-position: 0 0;
}
.is-orginal {
background-position: -35px 0;
}
.is-price {
background-position: -70px 0;
}
.is-exp {
background-position: -105px 0;
width: 50px;
}
@media (max-width: 575px) {
.pronameshop {
max-width: 150px;
width: 150px;
}
.footer-loading {
width: 100%;
}
.menu-user {
top: 0px;
}
#fullScreenDiv {
width: 100%;
min-height: 190px !important;
}
.banner_4 a {
width: 100%;
}
.banner_3 a {
width: 100%;
margin-bottom: -4.7px !important;
}
.banner_3 img {
border-radius: 0px !important;
border: 0px !important;
}
.myfooter {
text-align: center;
}
.date-cp {
text-align: center;
margin-top: 7px;
}
.under-header {
margin-top: 200px !important;
}
.under-header-mobile {
margin-top: 200px !important;
}
.homesearch {
display: none;
}
.btngreen,
.btndef,
.btnred {
width: 100% !important;
margin-top: 5px !important;
}
.pro-detail span {
width: 100% !important;
}
.abbsearch {
padding: 10px 10% !important;
}
.container.content.org-box {
margin-bottom: 300px;
}
.footeren .text-left,
.footeren .text-right {
text-align: center !important;
}
.login-div .input-group,
.register-div .input-group {
width: 100%;
text-align: center !important;
margin-left: 0px !important;
}
.paddingtopbot100 {
padding: 50px !important;
}
.paddingtopbot50 {
padding: 25px !important;
}
.abblist .col-md-1 {
float: left !important;
padding-left: 7px !important;
}
.abblist .col-md-11 {
float: right !important;
width: 84% !important;
padding-left: 0px;
}
.boxword {
width: 35px !important;
height: 35px !important;
}
.abbmain {
padding-bottom: 130px !important;
}
.ics-fac img {
width: 100px !important;
margin: 0px;
}
.ics-fac {
padding-left: 0px !important;
}
.model2box p,
.model1box p {
display: none;
}
.model2box,
.model1box {
padding: 3px !important;
}
.box-image {
display: none;
}
.paypal li,
.usdt li {
margin-left: -25px;
}
.myfooter .logo-bank,
.myfooter .footer-menu {
text-align: center !important;
}
.div-logo {
width: 135px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.pronameshop {
max-width: 150px;
width: 150px;
}
.footer-loading {
width: 100%;
}
.menu-user {
top: 0px;
}
#fullScreenDiv {
width: 100%;
min-height: 190px !important;
}
.myfooter {
text-align: center;
}
.date-cp {
text-align: center;
margin-top: 7px;
}
.banner_4 a {
width: 100%;
}
.banner_3 a {
width: 100%;
}
.under-header {
margin-top: 200px !important;
}
.btngreen,
.btndef,
.btnred {
width: 100% !important;
margin-top: 5px !important;
}
.pro-detail span {
width: 100% !important;
}
.abbsearch {
padding: 10px 10% !important;
}
.container.content.org-box {
margin-bottom: 300px;
}
.footeren .text-left,
.footeren .text-right {
text-align: center !important;
}
.login-div .input-group,
.register-div .input-group {
width: 100%;
text-align: center !important;
margin-left: 0px !important;
}
.paddingtopbot100 {
padding: 50px !important;
}
.paddingtopbot50 {
padding: 25px !important;
}
.abblist .col-md-1 {
float: left !important;
padding: 0px;
padding-left: 20px !important;
}
.abblist .col-md-11 {
float: right !important;
width: 84% !important;
padding-left: 0px;
padding-right: 40px !important;
}
.abbmain {
padding-bottom: 130px !important;
}
.navbar-collapse {
background-color: #1f2937 !important;
}
}
.bigbanner-title {
position: absolute;
right: 10px;
top: 160px;
text-align: right;
}
.topslide a {
color: #555;
}
.popup-gap {
background: #fff;
height: 20px;
display: inline-block;
width: 100%;
}
#prolockshow .imein {
width: 100% !important;
}
#prolockshow .imein {
width: 100% !important;
}
#prolockshow .checkbpxlaw {
width: 20px;
height: 20px;
background: #fff;
-webkit-appearance: checkbox;
}
#prolockshow .lawlink {
color: #D60202;
}
.shake {
animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both infinite;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
display: inline-block;
}
@keyframes shake {
10%,
90% {
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
transform: translate3d(2px, 0, 0);
}
30%,
50%,
70% {
transform: translate3d(-4px, 0, 0);
}
40%,
60% {
transform: translate3d(4px, 0, 0);
}
}
/* video banner*/
/* Default to hide the video on all devices */
/* Default to display the image on all devices */
#videosubstitute {
display: block;
width: auto;
height: 100%;
}
html,
body {
height: 100%;
margin: 0;
}
#fullScreenDiv {
width: 100%;
min-height: 100%;
/* Set the height to match that of the viewport. */
padding: 0 !important;
margin: 0 !important;
position: relative;
}
#fullScreenDiv video {
width: 100%;
height: auto;
}
@media (min-aspect-ratio: 16/9) {
#video {
height: 150%;
top: -100%;
}
#videosubstitute {
display: block;
width: 100%;
height: auto;
}
}
@media (max-aspect-ratio: 16/9) {
#video {
width: 150%;
left: -100%;
}
#videosubstitute {
display: block;
width: auto;
height: 100%;
}
}
/*if there is 992 pixels or more, then display the video but hide the image*/
@media only screen and (min-width: 992px) {
#video {
display: block;
}
}
/* The container for our text and stuff */
#messageBox {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.homesearch {
position: absolute;
top: 16%;
left: 400px;
right: 400px;
}
.homesearch .form-control {
opacity: 0.7;
border: 0px !important;
}
.home-search-mobile .search-wi {
margin: 7px;
}
/* col 5 style */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-5ths {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
.navbar-right {
float: right !important;
margin-right: 3px !important;
}
.navbar-nav>li>a {
padding-top: 10px !important;
padding-bottom: 0px !important;
}
.div-logo a {
padding-top: 5px;
}
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
#unlockalert .modal-header {
background: #159ace;
color: #fff;
}
#unlockalert .modal-content {
-webkit-border-radius: 20px !important;
-moz-border-radius: 20px !important;
border-radius: 20px !important;
}
.searchtwo {
display: none;
}
.searchoption .SumoSelect .CaptionCont span {
text-align: right !important;
}
.searchbar {
background: #fff;
margin: 5px 15px;
padding: 10px 0;
}
.boxfilter {
background-color: #fff;
-webkit-box-shadow: 0 0 12px 12px hsla(0, 0%, 71%, .11);
box-shadow: 0 0 12px 12px hsla(0, 0%, 71%, .11);
border: 1px solid #dedede;
margin: 0 0 10px;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
padding: 7px 10px;
text-align: left;
}
.boxfilter h5 {
font-weight: bold;
}
#adsoption .boxfilter h5 {
margin-bottom: 10px !important;
font-size: 13px !important;
}
.boxfilter .panel-title {
position: relative;
}
.boxfilter .panel-heading {
background: #fff !important;
border-bottom: none;
cursor: pointer;
text-align: left;
}
.boxfilter .panel-heading:hover {
cursor: pointer;
}
.boxfilter .panel-title::after {
content: "\f107";
color: #333;
top: -2px;
right: 0px;
position: absolute;
font-family: "FontAwesome"
}
.boxfilter .panel-title[aria-expanded="true"]::after {
content: "\f106";
}
#advsearch .search-wi .form-control,
#advsearch .mybtn,
#modelsearch .search-wi .form-control {
border: 2px solid #ddd;
background-color: #fff;
-webkit-box-shadow: 0 0 12px 12px hsla(0, 0%, 71%, .11);
box-shadow: 0 0 12px 12px hsla(0, 0%, 71%, .11);
margin: 0 0 10px;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
padding: 7px 10px;
line-height: 50px;
height: 50px;
text-align: left;
}
#advsearch .mybtn {
text-align: center !important;
}
#advsearch .search-wi i,
#modelsearch .search-wi i,
#shopsearch .search-wi i {
font-size: 20px;
position: absolute;
top: 6px;
right: 10px;
}
#shopsearch .search-wi i {
font-size: 20px;
position: absolute;
top: 75px;
left: 15px;
}
#shopsearch .search-wi select,
#shopsearch .search-wi select:focus {
border: 2px solid #e2e2e2;
background-color: #f1f1f1;
-webkit-box-shadow: 0 0 12px 12px hsl(0deg 0% 71% / 11%);
box-shadow: 0 0 12px 12px hsl(0deg 0% 71% / 11%);
margin: 0 0 10px;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
padding: 7px 10px;
line-height: 50px;
height: 50px;
width: 100% !important;
}
.shopslider img {
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
padding: 7px !important;
}
.shopslide p {
direction: rtl !important;
color: #1d680a;
}
.shopslide .postcover {
border: 0px !important;
}
#shopsearch .search-wi option {
height: 40px;
}
#advsearch .mybtn {
background-color: #1de83c;
color: #0f5405;
width: 100%;
line-height: 0px;
font-weight: bold;
}
#advsearch .mybtn:hover {
background-color: #1efc40;
}
#modelsearch .search-wi {
position: relative;
}
.brandlist22 {
position: absolute;
width: 100%;
z-index: 3000;
top: 53px;
padding: 5px;
display: none;
background-color: #fff;
-webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
border: 1px solid #dedede;
margin: 0 0 10px;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
overflow: hidden;
}
.brandlist22 li {
list-style: none;
width: 100%;
line-height: 35px;
border-bottom: 1px #ededed solid;
}
.brandlist22 a:hover {
color: #268524;
font-weight: bold;
}
.brandlist22 a {
position: relative !important;
top: auto !important;
left: auto !important;
color: #000;
width: 100%;
display: inline-block;
right: -30px;
}
.brandslide img {
width: 85px !important;
display: inline-block !important;
}
.brandslide .item {
text-align: center;
}
.btngreen,
.btndef,
.btnred {
background-color: #2a79f3;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
border: none;
line-height: 45px;
height: 45px !important;
color: #fff;
padding: 0px 25px;
display: inline-block;
text-align: center;
}
.btngreen:hover {
background-color: #3f8bff;
}
.btndef {
background-color: #969899;
}
.btndef:hover {
background-color: #b3b3b3;
}
.btnred {
background-color: #FF3928;
}
.btnred:hover {
background-color: #c13123;
}
.spc-menu {
color: #159ace !important;
font-weight: bold !important;
background: #fff;
}
.animation-flash {
animation: animation-flash 2s linear infinite;
}
@keyframes animation-flash {
50% {
opacity: 0;
}
}
.box-exp {
overflow: hidden;
margin-bottom: 150px;
}
.box-exp h2 {
color: #007bff !important;
}
.box-exp h4 {
color: #353535 !important;
padding-top: 20px;
}
.box-exp p {
direction: ltr !important;
line-height: 35px;
}
.bg-line {
background-image: url("../img/c_line.png");
background-position: center;
background-repeat: repeat-x;
display: inline-block;
width: 70%;
text-align: center;
padding-bottom: 5px;
}
.bg-line img {
width: 40px;
}
.alert {
background: #59ffbd;
color: #333;
line-height: 30px;
padding: 10px;
}
.abblist {
border-bottom: 1px solid #ccc;
background: #fff;
margin: 15px;
border-radius: 5px;
}
.abblist a {
color: #333;
margin: 7px;
float: left;
}
.abblist a:hover {
color: #1975f1;
}
.abblist li {
direction: ltr;
list-style-type: none;
padding-bottom: 10px;
padding-top: 10px;
float: left;
width: 20%;
}
.boxword {
color: #fff !important;
display: flex !important;
justify-content: center;
align-items: center;
width: 85px;
height: 85px;
background: #1975f1;
border-radius: 45px;
margin-top: 15px;
}
.boxword h4 {
font-size: 30px !important;
font-weight: bold !important;
}
.atozpage h4 {
font-weight: bold;
}
.atoz {
padding: 10px 0 10px 0;
}
.atoz a {
font-size: 24px !important;
padding: 9px !important;
line-height: 200% !important;
color: rgb(24, 24, 24) !important;
}
.atoz a:hover {
font-weight: bold;
color: #1975f1 !important;
}
.abbsearch {
padding: 20px 25%;
}
.results.atoz {
background: #3ebc51;
margin: 15px;
}
.results.atoz a {
color: #fff !important;
}
.no-result {
background: #ffeb00;
margin: 15px;
padding: 10px 0px;
}
.SumoSelect.open .search-txt {
direction: ltr !important;
}
.SumoSelect .optWrapper .options li label {
text-align: left !important;
}
.over-footer {
padding-bottom: 150px;
}
.payment-plan a {
border: 1px solid #dfdfdf;
background: #f5f5f5;
color: #158a17;
padding: 2px 7px;
margin: 7px 0 25px 0;
display: inline-block;
font-size: 12px;
font-weight: bold;
}
.payment-plan a:hover {
border: 1px solid #1a7f12;
color: #fff;
background: #21b40c;
}
.yekpay img {
padding: 0 30px !important;
}
.paddingtopbot100 {
padding: 100px;
}
.login-div .input-group,
.register-div .input-group {
margin-left: 25px;
text-align: left;
}
.btn-log {
border: 1px solid #dfdfdf;
background: #f5f5f5;
color: #158a17;
padding: 7px 15px;
margin-top: 15px;
display: inline-block;
font-size: 12px;
font-weight: bold;
}
.btn-log:hover {
border: 1px solid #1a7f12;
color: #fff;
background: #21b40c;
}
.login-div a,
.register-div a {
margin-top: 20px;
display: inline-block;
color: #b90a0a;
font-weight: bold;
font-size: 13px;
cursor: pointer;
width: 100%;
}
.register-div a {
margin: 20px 0 !important;
}
.disnone {
display: none;
}
.disshow {
display: inline-block;
}
.paddingtopbot50 {
padding: 50px;
}
.padding-bt-100 {
padding-bottom: 100px;
}
.logobrand {
margin-top: 20px !important;
}
.SumoSelect>.CaptionCont>span {
text-align: left !important;
}
.SumoSelect>.CaptionCont>label {
left: auto !important;
right: 0 !important;
-webkit-border-top-right-radius: 10px !important;
-webkit-border-bottom-right-radius: 10px !important;
-moz-border-radius-topleft: 10px !important;
-moz-border-radius-bottomleft: 10px !important;
border-top-right-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}
.rs-country {
background: #d9ffcb;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
padding: 15px;
margin-top: 15px;
}
.alert-yl {
background: #fcff96;
color: #333;
line-height: 30px;
padding: 10px;
}
.rs-country a {
color: #026103;
;
}
/* top menu */
#hotmenu {
background: rgb(17, 22, 26);
box-shadow: rgba(17, 22, 26, 0.1) 0px 1px 2px, rgba(17, 22, 26, 0.1) 0px 4px 8px;
z-index: 100;
color: #fff !important;
}
#hotmenu a {
text-shadow: -2px 1px 1px rgba(0, 0, 0, 0.19);
}
#hotmenu .dropdown-toggle:hover {
background-color: #1f2937 !important;
}
#hotmenu a.dropdown-toggle {
background-image: none !important;
}
#hotmenu .navbar-default {
color: #e5e5e5;
background-color: #ccc6c6;
border-color: #aca1a2;
}
#hotmenu .navbar-default .navbar-nav>li>a {
color: #e5e5e5;
}
#hotmenu .navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
#hotmenu .navbar-default .navbar-brand {
color: #e5e5e5;
}
#hotmenu .menu-large {
position: static !important;
}
#hotmenu .megamenu {
background-color: #1f2937 !important;
color: #e5e5e5 !important;
height: 150px;
}
#hotmenu .boxmenu {
padding: 0px 10px !important;
display: inline-block;
min-height: 145px;
}
#hotmenu .boxmenu h5 {
color: #939aa6;
line-height: 22px;
font-size: 12px;
}
#hotmenu .boxmenu hr {
border: 3px solid #4b5563;
}
#hotmenu .boxmenu:hover {
background-color: #1975f1 !important;
-moz-transition: height 10s ease;
-webkit-transition: height 10s ease;
-o-transition: height 10s ease;
transition: height 10s ease;
}
#hotmenu .boxmenu:hover h5 {
color: #e5e5e5;
}
#hotmenu .boxmenu:hover hr {
border: 3px solid #ffffff;
}
#hotmenu .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.active>a {
background-color: #1f2937 !important;
}
#hotmenu .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
background-color: #1f2937 !important;
}
#hotmenu .goto i {
font-size: 25px;
}
#hotmenu .goto {
display: none !important;
width: 100%;
}
#hotmenu .boxmenu:hover .goto {
display: inline-block !important;
padding: 5px;
}
.userpanel-min .k-menu-expand-arrow {
display: none !important;
}
.membertools {
position: relative;
display: inline-block;
width: 250px;
float: right;
text-align: right;
z-index: 10000;
}
.membertools button,
.membertools .btloginicon,
.btpay {
background: #fff !important;
border: none !important;
color: #1975f1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin: 1px 2px 10px 2px;
width: 35px;
height: 35px;
}
.membertools button,
.btloginicon {
float: right;
}
.btloginicon i {
color: #1975f1 !important;
font-size: 22px !important;
padding: 1px 5px;
}
.btpay {
display: block;
float: right;
}
.btpay img,
.btloginicon img {
width: 23px;
margin: 5px 6px 6px 0px;
}
.membertools .btnlang,
button.btlang {
font-weight: bold !important;
font-size: 18px !important;
padding: 2px 5px;
font-family: inherit;
}
.membertools i {
font-size: 22px;
}
#minuserpanel a {
text-decoration: none;
}
#minuserpanel,
#langpanel {
position: absolute;
background-color: #fff !important;
border: 1px #d0d0d0 solid;
border-radius: 10px;
margin-top: 5px;
display: none;
top: 55px;
right: 5px;
left: 0px;
text-align: center;
text-shadow: none !important;
color: #1975f1;
box-shadow: rgba(17, 22, 26, 0.1) 0px 1px 2px, rgba(17, 22, 26, 0.1) 0px 4px
}
#minuserpanel .btn-exit {
display: block;
padding: 7px;
margin: 10px;
background: #fff;
color: #1975f1 !important;
border: 1px #c4c4c4 solid;
text-align: center;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-shadow: none !important;
}
#minuserpanel .btn-exit:hover {
background: #2884fd;
color: #ffffff !important;
}
#minuserpanel .pr-fullname {
text-align: center;
font-size: 16px;
background: #1975f1;
padding: 10px 0px;
color: #fff !important;
}
#langpanel span {
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
line-height: 13px;
font-size: 12px;
font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
margin-right: 16px;
padding: 1px 4px;
border: 1px solid rgb(182, 182, 182);
border-radius: 2px;
}
#langpanel li:hover span {
color: rgb(249, 250, 251);
background-color: rgb(59, 130, 246);
border: 1px solid rgb(59, 130, 246);
}
#langpanel li {
list-style: none;
line-height: 35px;
}
#langpanel a {
color: rgb(75, 85, 99) !important;
font-size: 14px !important;
line-height: inherit !important;
font-weight: bold;
}
/* mmmmmmmmmmmmmmmmm */
.sidemenu-p a {
display: block;
color: #000000;
line-height: 35px;
}
.sidemenu-p a:hover {
padding-left: 5px;
color: #1c6ff4;
}
.header-userpanel {
background-color: #fff;
-webkit-box-shadow: 0 0 12px 12px hsla(0, 0%, 71%, .11);
box-shadow: 0 0 12px 12px hsla(0, 0%, 71%, .11);
border: 1px solid #dedede;
margin: 0 0 10px;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
padding: 7px 10px;
}
.header-userpanel .title {
color: #000000;
font-size: 16px;
}
.userinfo-p label {
color: #000 !important;
}
.btaddnew {
padding: 5px 7px;
background: #fff;
color: #000;
}
.btbord input {
background-color: #b22222;
color: #fff;
border: 1px solid #d51923;
border-radius: 7px;
padding: 7px 10px;
position: relative;
margin: 15px 7px 0 0;
float: left;
left: auto !important;
top: auto !important;
right: auto !important;
}
.btbord input:hover {
background-color: #c43131;
color: #fff;
}
/* home new style */
.h-search {
position: relative !important;
width: 600px !important;
display: inline-block;
}
.h-search form {
position: relative !important;
width: 600px !important;
}
.h-search .h-search-a {
right: 1px !important;
top: 14px !important;
}
.h-search .form-control {
height: 50px;
border-radius: 15px !important;
text-align: left;
}
.home-ex h3 {
color: #28b40d;
font-weight: bold;
text-align: left;
}
.home-ex p {
line-height: 45px;
}
.h-img-1 {
text-align: right !important;
}
.h-img-2 {
text-align: left !important;
}
.h-img-3 {
text-align: right !important;
}
.h-img-4 {
text-align: left !important;
}
/* plans price */
.panel.price,
.panel.price>.panel-heading {
border-radius: 0px;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
}
.panel.price:hover {
box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
}
.panel.price:hover>.panel-heading {
box-shadow: 0px 0px 30px rgba(0, 0, 0, .2) inset;
}
.panel.price>.panel-heading {
box-shadow: 0px 5px 0px rgba(50, 50, 50, .2) inset;
text-shadow: 0px 3px 0px rgba(50, 50, 50, .6);
}
.price .list-group-item {
border-bottom: 1px solid rgba(250, 250, 250, .5);
}
.panel.price .list-group-item:last-child {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.panel.price .list-group-item:first-child {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.price .panel-footer {
color: #fff;
border-bottom: 0px;
background-color: rgba(0, 0, 0, .1);
box-shadow: 0px 3px 0px rgb(0 0 0 / 11%);
}
.price .panel-body {
font-size: 30px;
}
.panel.price .btn {
box-shadow: 0 -1px 0px rgba(50, 50, 50, .2) inset;
border: 0px;
}
/* green panel */
.price.panel-green>.panel-heading {
color: #fff;
background-color: #57AC57;
border-color: #71DF71;
border-bottom: 1px solid #71DF71;
}
.price.panel-green>.panel-body {
color: #fff;
background-color: #65C965;
}
.price.panel-green>.panel-body .lead {
text-shadow: 0px 3px 0px rgba(50, 50, 50, .3);
}
.price.panel-green .list-group-item {
color: #333;
background-color: rgba(50, 50, 50, .01);
font-weight: 600;
text-shadow: 0px 1px 0px rgba(250, 250, 250, .75);
}
/* blue panel */
.price.panel-blue>.panel-heading {
color: #fff;
background-color: #608BB4;
border-color: #78AEE1;
border-bottom: 1px solid #78AEE1;
}
.price.panel-blue>.panel-body {
color: #fff;
background-color: #73A3D4;
}
.price.panel-blue>.panel-body .lead {
text-shadow: 0px 3px 0px rgba(50, 50, 50, .3);
}
.price.panel-blue .list-group-item {
color: #333;
background-color: rgba(50, 50, 50, .01);
font-weight: 600;
text-shadow: 0px 1px 0px rgba(250, 250, 250, .75);
}
/* red price */
.price.panel-red>.panel-heading {
color: #fff;
background-color: #D04E50;
border-color: #FF6062;
border-bottom: 1px solid #FF6062;
}
.price.panel-red>.panel-body {
color: #fff;
background-color: #EF5A5C;
}
.price.panel-red>.panel-body .lead {
text-shadow: 0px 3px 0px rgba(50, 50, 50, .3);
}
.price.panel-red .list-group-item {
color: #333;
background-color: rgba(50, 50, 50, .01);
font-weight: 600;
text-shadow: 0px 1px 0px rgba(250, 250, 250, .75);
}
/* grey price */
.price.panel-grey>.panel-heading {
color: #fff;
background-color: #6D6D6D;
border-color: #B7B7B7;
border-bottom: 1px solid #B7B7B7;
}
.price.panel-grey>.panel-body {
color: #fff;
background-color: #808080;
}
.price.panel-grey>.panel-body .lead {
text-shadow: 0px 3px 0px rgba(50, 50, 50, .3);
}
.price.panel-grey .list-group-item {
color: #333;
background-color: rgba(50, 50, 50, .01);
font-weight: 600;
text-shadow: 0px 1px 0px rgba(250, 250, 250, .75);
}
/* white price */
.price.panel-white>.panel-heading {
color: #333;
background-color: #f9f9f9;
border-color: #ccc;
border-bottom: 1px solid #ccc;
text-shadow: 0px 2px 0px rgba(250, 250, 250, .7);
}
.panel.panel-white.price:hover>.panel-heading {
box-shadow: 0px 0px 30px rgba(0, 0, 0, .05) inset;
}
.price.panel-white>.panel-body {
color: #fff;
background-color: #dfdfdf;
}
.price.panel-white>.panel-body .lead {
text-shadow: 0px 2px 0px rgba(250, 250, 250, .8);
color: #666;
}
.price:hover.panel-white>.panel-body .lead {
text-shadow: 0px 2px 0px rgba(250, 250, 250, .9);
color: #333;
}
.price.panel-white .list-group-item {
color: #333;
background-color: rgba(50, 50, 50, .01);
font-weight: 600;
text-shadow: 0px 1px 0px rgba(250, 250, 250, .75);
}
.searchbox-h {
background: #f1f1f1;
padding: 20px;
height: 200px;
}
.searchbox-h h4 {
font-size: 30px;
color: #fff;
font-weight: bold;
margin-top: 15px !important;
}
/** Chrominum */
.sub-price {
margin-left: 0.5rem;
position: relative;
display: inline-block;
font-size: 14px;
color: rgba(28, 28, 28, 0.34);
}
.sub-price-org:before {
content: "";
position: absolute;
width: 10%;
bottom: 25px;
right: 10px;
transform: rotate(-10deg) scale(1.2);
border-top: 1px solid;
}
span.sub-price-org {
color: #9b9b9b;
float: left;
padding-right: 8px;
}
.sub-price-off {
background-color: rgb(212, 43, 80);
border-radius: 7px;
border: medium;
padding: 4px 8px;
color: #fff;
font-size: 15px;
font-weight: bold;
}
.subdetails .text {
float: left;
}
.subdetails .text h4 {
margin-top: 2px !important;
}
.subdetails .action {
float: right;
text-align: center;
padding-top: 20px;
}
.subdetails {
line-height: 30px;
padding: 7px 7px 0px 7px;
background: #fff;
border: 1px #ccc solid;
}
.subdetails:hover {
cursor: pointer;
}
.subdetails p {
font-weight: bold;
}
.subdetails img {
width: 60px;
height: auto;
padding-bottom: 5px;
}
.subs-plan .row {
margin-top: 7px;
}
.video-banner {
width: 100%;
}
.vidb {
display: block;
margin: 0 5px !important;
width: auto !important;
}
.sidesearch .k-expander {
background-color: #fff !important;
-webkit-box-shadow: 0 0 12px 12px hsla(0, 0%, 71%, .11) !important;
box-shadow: 0 0 12px 12px hsla(0, 0%, 71%, .11) !important;
border: 1px solid #dedede !important;
margin: 0 0 10px !important;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
padding: 7px 10px !important;
}
.sidesearch .k-expander-title {
margin-top: 0;
margin-bottom: 0;
font-size: #777;
color: inherit;
font-weight: bold;
}
.col-lg-5ths:hover {
cursor: pointer !important;
}
.sidesearch input[type="text"] {
border: 2px solid #1975f1 !important;
background-color: #fff !important;
-webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11) !important;
box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11) !important;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
padding: 7px 10px !important;
line-height: 50px !important;
height: 45px !important;
}
.sidesearch .k-rounded-full {
border-radius: 0px;
}
.sidesearch .k-floating-label-container {
padding-top: 0px !important;
}
.sidesearch .k-input,
.k-picker {
border-style: none !important;
}
.irlist .k-list-item {
direction: rtl !important;
float: right !important;
}
.company-ic label {
margin-bottom: 10px !important;
font-weight: normal;
}
.sidesearch .k-input,
.k-picker {
line-height: 30px !important;
border-radius: 7px !important;
}
.sidesearch button.k-button {
background-color: #2ba5ee !important;
color: #fff !important;
width: 100% !important;
line-height: 0px !important;
font-weight: bold !important;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
height: 45px;
font-weight: normal !important;
}
.sidesearch button.k-button:hover {
background-color: #35acf1 !important;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
}
select.i-lang {
padding: 5px 7px !important;
width: auto !important;
background: #13b412;
color: #fff !important;
float: right;
margin-top: 15px;
font-weight: bold;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
cursor: pointer;
}
.header .k-menu {
margin-top: 13px;
}
ul#MenuProfile {
margin: 0px !important;
float: right;
}
.userpanel-min {
float: right;
margin: 15px 0 0 5px !important;
border: 1px #19bf2f solid;
border-radius: 5px;
padding: 2px;
background: #13b412;
color: #fff;
cursor: pointer;
}
.k-menu-link {
padding: 6px 5px !important;
color: #555;
}
.k-menu-link:hover {
color: #3daa0b;
}
.k-i-arrow-s::before {
color: #777 !important;
}
.userpanel-min i {
font-size: 22px;
margin: 3px 3px 0 -5px;
}
.k-pager-numbers .k-link.k-selected {
background-color: #159ace;
}
#KendoListView_pager .k-icon {
color: #159ace !important;
}
.k-pager,
.k-pager-wrap {
margin: 2px 15px;
}
.allrow {
display: inline-block;
width: 100%;
border-radius: 35px;
transition: background-color 0.15s ease;
}
.allrow:hover {
background: #f1f1f1;
}
.allrow .boxcell h6 {
transition: color 0.15s ease;
}
.allrow:hover .boxcell h6 {
color: #2472b8 !important;
}
.list-ics {
background-color: #32ad36f7;
color: #fff !important;
padding: 2px 7px;
margin: 2px 2px !important;
display: inline-block;
border-radius: 5px;
}
.list-ics:hover {
background-color: #2b9e2ff7;
}
.help-c {
background-color: #ececec;
border: 1px solid #e0e0e0;
padding: 0px 10px;
font-size: 15px;
border-radius: 7px;
text-align: right;
margin-bottom: 10px;
line-height: 35px;
display: inline-block;
}
/* top menu */
#hotmenu {
background: rgb(17, 22, 26);
box-shadow: rgba(17, 22, 26, 0.1) 0px 1px 2px, rgba(17, 22, 26, 0.1) 0px 4px 8px;
z-index: 100;
color: #fff !important;
padding: 7px 0px;
}
#hotmenu a {
color: #e5e5e5;
text-shadow: -2px 1px 1px rgba(0, 0, 0, 0.19);
}
#hotmenu .dropdown-toggle:hover {
background-color: #1f2937 !important;
}
#hotmenu a.dropdown-toggle {
background-image: none !important;
}
#hotmenu .navbar-default {
color: #e5e5e5;
background-color: #ccc6c6;
border-color: #aca1a2;
}
#hotmenu .navbar-default .navbar-nav>li>a {
color: #e5e5e5;
}
#hotmenu .navbar-default .navbar-nav>.dropdown>a .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
#hotmenu .navbar-default .navbar-brand {
color: #e5e5e5;
}
#hotmenu .menu-large {
position: static !important;
}
#hotmenu .megamenu {
background-color: #1f2937 !important;
color: #e5e5e5 !important;
overflow: hidden;
}
#hotmenu .boxmenu {
padding: 0px 10px !important;
display: inline-block;
min-height: 145px;
}
#hotmenu .boxmenu h5 {
color: #939aa6;
line-height: 25px;
}
#hotmenu .boxmenu hr {
border: 3px solid #4b5563;
}
#hotmenu .boxmenu:hover {
background-color: #1975f1 !important;
-moz-transition: height 10s ease;
-webkit-transition: height 10s ease;
-o-transition: height 10s ease;
transition: height 10s ease;
}
#hotmenu .boxmenu:hover h5 {
color: #e5e5e5;
}
#hotmenu .boxmenu:hover hr {
border: 3px solid #ffffff;
}
#hotmenu .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.active>a {
background-color: #1f2937 !important;
}
#hotmenu .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
background-color: #1f2937 !important;
}
#hotmenu .goto i {
font-size: 25px;
}
#hotmenu .goto {
display: none !important;
width: 100%;
}
#hotmenu .boxmenu:hover .goto {
display: inline-block !important;
padding: 5px;
}
.userpanel-min .k-menu-expand-arrow {
display: none !important;
}
.membertools .btnlang,
button.btlang {
font-weight: bold !important;
font-size: 18px !important;
padding: 2px 5px;
font-family: inherit;
}
.membertools i {
font-size: 22px;
margin: 3px 2px;
}
#minuserpanel,
#langpanel {
position: absolute;
background-color: #fff !important;
border: 1px #d0d0d0 solid;
border-radius: 10px;
margin-top: 5px;
display: none;
top: 55px;
left: 5px;
right: 0px;
text-align: center;
text-shadow: none !important;
color: #1975f1;
box-shadow: rgba(17, 22, 26, 0.1) 0px 1px 2px, rgba(17, 22, 26, 0.1) 0px 4px
}
#minuserpanel .btn-exit {
display: block;
padding: 7px;
margin: 10px;
background: #fff;
color: #1975f1 !important;
border: 1px #c4c4c4 solid;
text-align: center;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-shadow: none !important;
}
#minuserpanel .btn-exit:hover {
background: #2884fd;
color: #ffffff !important;
}
#minuserpanel .pr-fullname {
text-align: center;
font-size: 16px;
background: #1975f1;
padding: 10px 0px;
color: #fff !important;
}
#langpanel span {
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
line-height: 13px;
font-size: 12px;
font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
margin-right: 16px;
padding: 1px 4px;
border: 1px solid rgb(182, 182, 182);
border-radius: 2px;
}
#langpanel li:hover span {
color: rgb(249, 250, 251);
background-color: rgb(59, 130, 246);
border: 1px solid rgb(59, 130, 246);
}
#langpanel li {
list-style: none;
line-height: 35px;
margin-left: -70px;
}
#langpanel a {
color: rgb(75, 85, 99) !important;
font-size: 14px !important;
line-height: inherit !important;
font-weight: bold;
}
/* mmmmmmmmmmmmmmmmm */
.sidemenu-p a {
display: block;
color: #000000;
line-height: 35px;
}
.sidemenu-p a:hover {
padding-left: 5px;
color: #1c6ff4;
}
.header-userpanel {
background-color: #fff;
-webkit-box-shadow: 0 0 12px 12px hsla(0, 0%, 71%, .11);
box-shadow: 0 0 12px 12px hsla(0, 0%, 71%, .11);
border: 1px solid #dedede;
margin: 0 0 10px;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
padding: 7px 10px;
}
.header-userpanel .title {
color: #000000;
font-size: 16px;
}
.userinfo-p label {
color: #000 !important;
}
.btaddnew {
padding: 5px 7px;
background: #fff;
color: #000;
}
.btbord input {
background-color: #b22222;
color: #fff;
border: 1px solid #d51923;
border-radius: 7px;
padding: 7px 10px;
position: relative;
margin: 15px 0 0 7px;
float: right;
left: auto !important;
top: auto !important;
right: auto !important;
}
.btbord input:hover {
background-color: #c43131;
color: #fff;
}
/* new reg style */
div#reglognew {
margin-top: 30px;
}
#reglognew .sign-in-page {
position: relative;
height: 100vh;
display: flex;
background: linear-gradient(16.66deg, lavender 45.27%, white 100%);
}
#reglognew .sign-in-layout {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
max-width: 560px;
min-width: 400px;
width: 39%;
z-index: 1;
background: #FFFFFF;
}
#reglognew .sign-in-container {
background-color: white;
width: 61%;
}
#reglognew .slogan {
display: flex;
flex-direction: column;
align-items: center;
height: 100vh;
width: 61%;
max-width: 542px;
margin: 0 auto;
}
#reglognew .slogan-container {
margin-top: 5vh;
}
#reglognew .kendoka {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
max-height: 90%;
}
#reglognew .kendoka img {
width: 100%;
height: auto;
}
#reglognew .title {
font-weight: 700;
font-size: 48px;
line-height: 67px;
color: #FFFFFF;
text-align: center;
}
#reglognew .subtitle {
font-weight: 400;
font-size: 19px;
color: #FFFFFF;
line-height: 25px;
text-align: center;
}
@media screen and (max-width: 767px) {
#reglognew .slogan {
display: none;
}
#reglognew .sign-in-layout {
width: 100%;
height: 100%;
}
.myfooter .logo-bank,
.myfooter .footer-menu {
text-align: center !important;
margin-top: 10px;
}
}
#reglognew #step1,
#reglognew #step2,
#reglognew #step3 {
width: 100%;
max-width: 400px;
/* You can adjust the width to your needs */
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
#reglognew .form-row {
display: flex;
flex-direction: column;
/* Ensures that label, input, etc., are stacked */
margin-bottom: 20px;
/* Space between each row */
background-color: #f9f9f9;
font-size: 14px;
font-weight: 500;
}
#reglognew .formuser-row {
display: flex;
flex-direction: column;
/* Ensures that label, input, etc., are stacked */
margin-bottom: 5px;
/* Space between each row */
font-size: 14px;
font-weight: 500;
}
#reglognew .form-row label {
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
text-align: left !important;
}
#reglognew .form-row .otp-input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
}
#reglognew .form-row .otp-timer p {
font-size: 14px;
color: #777;
text-align: center;
margin: 0;
margin-top: 15px;
}
#reglognew .form-row.text-center button,
#verifyOtpButton,
#sendEmailButton {
padding: 10px 20px !important;
font-size: 16px !important;
background-color: #2ba5ee !important;
color: #fff !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
width: 100% !important;
}
#reglognew .form-row.text-center button:hover,
#verifyOtpButton:hover,
#sendEmailButton:hover {
background-color: #279fe4 !important;
}
#reglognew .form-row.text-center button:hover {
background-color: #289ee5;
}
#reglognew .form-row #step1Error {
font-size: 14px;
color: red;
text-align: center;
}
/* General styling for the input fields */
#reglognew input[type="text"],
input[type="email"] {
/* width: 100%; */
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
/* Ensures padding and border are included in element's total width and height */
font-size: 15px;
}
/* Styling for OTP input fields */
#reglognew .otp-input {
width: 58px;
height: 45px;
text-align: center;
margin: 5px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 18px;
background-color: white;
}
/* Button styling */
#reglognew button,
#verifyOtpButton {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
margin-top: 30px;
}
#reglognew button:hover {
background-color: #45a049;
}
/* Error message styling */
#reglognew #step1Error,
#reglognew #step2Error,
#reglognew #step3Error {
font-size: 14px;
color: red;
margin-top: 10px;
text-align: left;
}
/* Styling for the labels */
#reglognew label {
font-size: 14px;
display: block;
margin: 5px 0;
text-align: left;
}
/* Timer styling */
#reglognew #timer {
font-size: 14px;
color: #e70909;
margin-top: 10px;
font-weight: bold;
margin-right: 6px;
}
#reglognew h3 {
font-weight: bold;
color: #245ca7;
text-align: left !important;
font-size: 20px;
margin-bottom: 15px;
}
.log-logo img {
width: 200px;
text-align: center;
border-radius: 25px;
display: inline;
}
.log-logo {
text-align: center;
}
.allert-timer {
text-align: center;
margin-top: 10px;
}
.allert-profile {
background: #3f8bff !important;
color: #fff !important;
padding: 7px !important;
position: fixed;
top: 50%;
right: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
text-align: center;
z-index: 1000;
display: none;
min-width: 300px;
font-size: 16px;
}
#overlay-n {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
z-index: 999;
}
.otp-input {
font-size: 1.1rem;
padding: 5px;
outline: none !important;
font-weight: 600;
text-align: center;
background-color: #fff !important;
color: #333;
border: 1px #ccc solid;
border-radius: 7px;
}
#OTP_Div input:active,
#OTP_Div input:focus,
#regform input:active,
#regform input:focus {
outline: 0px !important;
box-shadow: none !important;
border-bottom: 3px solid #2864d6 !important;
outline: none !important;
color: #333;
}
/* Chrome, Safari, Edge, Opera */
#OTP_Div input::-webkit-outer-spin-button,
#OTP_Div input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
#OTP_Div input[type=number] {
appearance: textfield;
-webkit-appearance: textfield;
-moz-appearance: textfield;
}
#OTP_Div {
/*grid-template-columns: repeat(5, 20%);*/
display: flex;
grid-gap: 10px;
padding: 5%;
}
.box-c {
background: #fff;
border: 1px solid #ccc;
padding: 10px 0;
border-radius: 15px;
text-align: center;
color: #333;
}
.box-c .form-control {
height: 50px !important;
}
.box-c .alert {
margin: 8px 12px 12px 12px !important;
}
.otp-timer span {
color: #d31c1c;
font-weight: bold;
}
#OTP_Section button {
width: 90%;
background-color: #3f8bff;
border: 1px #197bd6 solid;
color: #fff;
padding: 7px 0;
border-radius: 15px;
}
#OTP_Section button:focus,
#OTP_Section button:hover {
width: 90%;
background-color: #2b74e1;
border: 1px #0e5eac solid;
color: #fff;
padding: 7px 0;
border-radius: 15px;
}
.otp-header {
text-align: left !important;
padding: 10px;
}
#OTP_Section h3 {
font-weight: bold;
color: #245ca7;
}
#regform input {
margin-top: 7px;
}
#transactionListBox {
height: auto !important;
}
/* sidemenu */
.sidemenu {
background: #333;
position: fixed;
left: 0;
top: 0;
height: 100%;
color: #fff;
width: 180px;
}
.sidemenu a {
color: #fff;
cursor: pointer;
}
.sidemenu li {
list-style: none;
text-align: left;
padding: 7px;
margin-right: -35px;
font-size: 14px;
}
.sidemenu li:hover {
background: #3c3a3a;
border-left: 1px #1c6ff4 solid;
cursor: pointer;
}
#wrapper {
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled {
padding-left: 250px;
}
#sidebar-wrapper {
z-index: 1000;
position: fixed;
left: 250px;
width: 0;
height: 100%;
margin-left: -250px;
overflow-y: auto;
background: #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-align: left;
padding-left: 5px;
}
#wrapper.toggled #sidebar-wrapper {
width: 250px;
}
#page-content-wrapper {
width: 100%;
position: absolute;
padding: 15px;
text-align: left;
}
#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: -250px;
}
/* Sidebar Styles */
/* =========================================================
English / LTR - FULL CSS (Original + Kendo Drawer Fix + Submenu)
========================================================= */
/* ---------- KENDO DRAWER FIX (very important) ---------- */
#drawer .k-drawer {
max-height: 100vh;
/* ✅ سقف ارتفاع */
overflow-y: hidden;
/* ✅ اسکرول داخلی */
overflow-x: hidden;
}
/* ✅ مهم: دیگر min-height نده، چون فوتر را هل میدهد */
#drawer .k-drawer-container,
#drawer .k-drawer-wrapper {
min-height: 0 !important;
}
/* اگر جایی overflow مخفی شده بود */
#drawer .k-drawer-content {
overflow: visible;
}
.k-drawer-wrapper {
overflow-y: hidden !important;
}
/* ---------- YOUR ORIGINAL LTR STYLES ---------- */
.bar1,
.bar2,
.bar3 {
width: 25px;
height: 5px;
background-color: #333;
margin: 6px 0;
transition: 0.4s;
}
.sidebar-nav {
position: absolute;
top: 0;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
min-height: 250px;
}
.sidebar-nav li {
text-indent: 20px;
line-height: 40px;
}
.sidebar-nav li:hover a {
border-left: 2px #00afc8 solid;
padding-left: 7px;
}
.sidebar-nav li a {
display: block;
text-decoration: none;
color: #777;
font-size: 13px;
padding: 7px 7px 7px 0px;
}
.sidebar-nav li a:hover {
text-decoration: none;
color: #000;
background: #f7f7f7;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
text-decoration: none;
}
.sidebar-nav .sidebar-brand {
padding: 10px 0;
font-size: 18px;
}
.sidebar-nav .sidebar-brand a {
color: #f3f3f3;
font-size: 15px;
}
.sidebar-nav .sidebar-brand a:hover {
color: #ffffff;
background: none;
}
.sidebar-brand {
background: #7e7e7e;
font-size: 15px !important;
font-weight: bold;
color: #fff;
}
/* ---------- Submenu styles (LTR) ---------- */
.sidebar-nav li a.dropdown-btn {
cursor: pointer;
user-select: none;
position: relative;
}
/* caret LTR */
.sidebar-nav li a.dropdown-btn .caret {
float: right;
/* LTR: right */
margin: 16px 0px 0px 0px;
transition: transform .2s ease;
}
/* IMPORTANT: inside Kendo Drawer, sidebar must be relative */
.sidebar-nav {
position: relative !important;
/* ✅ مهم */
top: auto !important;
bottom: auto !important;
width: 100% !important;
min-height: 0;
}
.dropdown-container {
height: 0;
/* closed */
overflow: hidden;
padding-left: 16px;
/* LTR indent */
padding-right: 0;
list-style: none;
background: #e5e5e5;
transition: height 0.3s ease;
margin: 0;
}
.dropdown-container li {
text-indent: 0;
line-height: 30px;
position: relative;
}
.dropdown-container li a {
display: block;
text-decoration: none;
color: #555;
padding: 7px 12px;
font-size: 13px;
margin-left: 5px !important;
border-left: none !important;
}
.dropdown-container li a:hover {
background: #35acf1;
color: #fff;
margin-left: 7px !important;
border-left: none !important;
}
/* ---------- Responsive adjustments (Original) ---------- */
@media(min-width:768px) {
#wrapper {
padding-left: 250px;
}
#wrapper.toggled {
padding-left: 0;
}
#sidebar-wrapper {
width: 250px;
}
#wrapper.toggled #sidebar-wrapper {
width: 0;
}
#page-content-wrapper {
padding: 20px;
position: relative;
}
#wrapper.toggled #page-content-wrapper {
position: relative;
margin-right: 0;
}
}
.pi-menu {
float: left;
position: relative;
z-index: 100;
margin: 7px;
}
/* end side menu */
.user-info,
.profile-info {
background-color: #fff;
-webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
border: 1px solid #dedede;
margin: 0 0 10px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
padding: 15px 10px 7px 10px;
overflow: hidden;
}
.profile-info button {
background-color: #3f8bff;
border: 1px #197bd6 solid;
color: #fff;
padding: 7px 0;
border-radius: 15px;
}
.panel-header {
text-align: left;
font-weight: bold;
position: relative;
z-index: 10;
}
.form-box {
float: left;
text-align: center;
position: relative;
}
.form-box label {
display: block;
padding: 10px 0;
background: #fffabc;
}
.form-box span {
display: block;
padding: 10px 0;
}
@media (max-width: 800px) {
.pi-menu {
float: right;
z-index: 1000;
}
}
.k-input-md .k-input-inner,
.k-picker-md .k-input-inner {
padding: 10px 8px !important;
}
#invitationForm input {
border: 1px solid #e5e5e5 !important;
}
#invitationForm {
text-align: left;
}
#invitationForm label {
margin-bottom: 7px;
}
.btnew {
background: #52bb55;
font-size: 14px;
padding: 2px 7px;
color: #fff;
font-weight: bold;
float: left;
z-index: 500000;
display: block;
position: relative;
margin: 15px 3px 0 3px;
border-radius: 3px;
font-style: normal;
z-index: 1;
}
.btnew:hover {
background: #11b32a;
}
label#lblStartDate {
display: inline-block;
width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
.normal-example-start {
width: 100%;
}
#invitationForm input {
width: 100%;
}
#GridModelUser thead {
direction: rtl;
}
.k-grid tbody,
.k-grid tfoot,
.k-grid thead {
text-align: center !important;
}
#GridModelUser td,
#GridModelUser th {
text-align: center;
}
#GridModelUser .k-grid-header,
#GridResellerPayments .k-grid-header,
#GridTransactSub .k-grid-header,
.resellergrid .k-grid-header,
#GridTransact .k-grid-header,
#GridRequestUser .k-grid-header,
#UserDiscountGrid .k-grid-header {
margin-right: 0px !important;
background: #fcdf22;
color: #252525;
}
#GridModelUser .k-cell-inner .k-link,
#GridTransact .k-cell-inner .k-link,
#GridRequestUser .k-cell-inner .k-link,
#UserDiscountGrid .k-cell-inner .k-link {
display: block;
text-align: center;
}
.k-i-delete {
color: red;
}
.k-i-edit {
color: #b3724b;
}
.k-dropdownlist {
border: 1px #d3d2d2 solid !important;
line-height: 21px !important;
}
#invitationForm .k-rounded-full {
border-radius: 5px !important;
}
.k-picker-solid.k-hover,
.k-picker-solid:hover {
background-color: none !important;
}
.bt-back {
float: right;
background-color: #9d9d9d;
padding: 5px 10px;
color: #ffffff;
font-size: 14px;
border-radius: 7px;
font-weight: bold;
}
.bt-back:hover {
background-color: #adacac;
color: #ffffff;
}
.file-upload-container {
text-align: center;
border: 1px #ccc solid;
padding: 5px;
border-radius: 7px;
overflow: hidden;
}
.custom-file-upload {
font-size: 15px;
color: #fff;
background-color: #4CAF50;
padding: 5px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
float: right;
}
label.custom-file-upload {
margin: 0px !important;
}
.custom-file-upload:hover {
background-color: #45a049;
}
.file-upload-container input[type="file"] {
display: none;
}
.file-upload-container .file-name {
margin-top: 5px;
color: #555;
font-size: 14px;
word-wrap: break-word;
float: left;
margin-left: 5px;
}
img#ReqImg {
margin-top: 15px;
}
#file-name-text {
padding-right: 10px;
/* ایجاد فاصله از چپ */
}
label {
margin-bottom: 0px;
}
.headtools {
padding: 7px;
overflow: hidden;
}
.headtools h4 {
float: left;
border-left: 2px #007bff solid;
padding-left: 7px;
}
.k-searchbox input {
text-align: left;
}
.b-tools .select-btn,
.b-tools a {
font-size: 12px;
border: 0px #fffeee !important;
background: none;
}
/* map new */
.mapael .map {
position: relative;
}
/* For all zoom buttons */
.mapael .zoomButton {
background-color: #fff;
border: 1px solid #ccc;
color: #000;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
border-radius: 3px;
cursor: pointer;
position: absolute;
top: 0;
font-weight: bold;
right: 10px;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
/* Reset Zoom button first */
.mapael .zoomReset {
top: 10px;
}
/* Then Zoom In button */
.mapael .zoomIn {
top: 30px;
}
/* Then Zoom Out button */
.mapael .zoomOut {
top: 50px;
}
.mapTooltip {
position: absolute;
background-color: #474c4b;
opacity: 0.70;
filter: alpha(opacity=70);
border-radius: 10px;
padding: 10px;
z-index: 1000;
max-width: 400px;
white-space: nowrap !important;
display: none;
color: #fff;
}
* {
box-sizing: border-box;
}
.img-magnifier-container {
position: relative;
}
.img-magnifier-glass {
position: absolute;
border: 3px solid #000;
border-radius: 50%;
cursor: none;
/*Set the size of the magnifier glass:*/
width: 200px;
height: 200px;
z-index: 200000;
}
#example {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
}
.dash-head {
max-width: 100%;
height: 80px;
background-color: waliceblue;
position: relative;
}
.dash-head .k-rpanel-toggle {
position: absolute;
width: 40px;
height: 40px;
top: 20px;
right: 20px;
}
.panel-wrap {
max-width: 100%;
max-height: 100%;
background-color: aqua;
border: 1px solid #e5e5e5;
position: relative;
}
.panel-footer {
max-width: 100%;
max-height: 100%;
background-color: gray;
border: 1px solid #e5e5e5;
position: relative;
}
#sidebar {
margin: 0;
padding: 20px 20px 20px 0;
vertical-align: top;
}
@media (max-width: 1000px) {
#sidebar {
background: #fff;
padding: 20px;
border-right: 1px solid #e5e5e5;
/* show sidebar in container, demo only*/
position: absolute;
top: 0;
bottom: 0;
}
#sidebar.k-rpanel-expanded {
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
}
#main-content {
overflow: hidden;
margin: 0;
padding: 20px;
max-width: 100%;
max-height: 100%;
vertical-align: top;
}
/* WIDGETS */
.widget {
margin: 0 0 20px;
padding: 0;
background-color: #ffffff;
border: 1px solid #e7e7e7;
border-radius: 3px;
}
.widget div {
padding: 10px;
min-height: 50px;
}
.widget h3 {
font-size: 12px;
padding: 8px 10px;
text-transform: uppercase;
border-bottom: 1px solid #e7e7e7;
}
.widget h3 span {
float: left;
}
.widget h3 span:hover {
cursor: pointer;
background-color: #e7e7e7;
border-radius: 20px;
}
/* PROFILE */
.profile-photo {
width: 80px;
height: 80px;
margin: 10px auto;
border-radius: 100px;
border: 1px solid #e7e7e7;
background: url('/shared/web/Customers/ISLAT.jpg') no-repeat 50% 50%;
}
#profile div {
text-align: center;
}
#profile h4 {
width: auto;
margin: 0 0 5px;
font-size: 1.2em;
color: #1f97f7;
}
#profile p {
margin: 0 0 10px;
}
/* BLOGS & NEWS */
#blogs div,
#news div {
padding: 0 0 20px 20x;
}
#teammates h4,
#blogs h4,
#news h4 {
width: auto;
margin: 20px 0 2px;
font-size: 1.4em;
color: #1f97f7;
font-weight: normal;
}
.blog-info {
margin: 0 0 10px;
font-size: .9em;
color: #787878;
}
#sidebar #blogs h4 {
font-size: 1em;
}
#sidebar #blogs p {
display: none;
}
#sidebar #blogs .blog-info {
display: block;
}
#main-content #news h4 {
font-size: 1.2em;
line-height: 1.4em;
}
#main-content #news h4 span {
display: block;
float: right;
width: 100px;
color: #000;
padding-left: 10px;
}
#sidebar #news h4 {
font-size: 1em;
}
#sidebar #news h4 span {
display: block;
margin-bottom: 3px;
color: #000;
}
/* TEAMMATES */
.team-mate:after {
content: ".";
display: block;
height: 0;
line-height: 0;
clear: both;
visibility: hidden;
}
#teammates .team-mate h4 {
font-size: 1.4em;
font-weight: normal;
margin-top: 12px;
}
.team-mate p {
margin: 0;
}
.team-mate img {
float: right;
margin: 0 0 0 15px;
border: 1px solid #e7e7e7;
border-radius: 60px;
}
.selected-tags,
.tags-container {
margin: 10px 0;
padding: 10px;
background: #f9f9f9;
}
.selected-tags ul {
list-style: none;
padding: 0;
}
.selected-tags li,
.tags-container .tag {
display: inline-block;
background: #878787;
color: white;
padding: 3px 0px 3px 7px;
margin: 0 0px 0 7px;
border-radius: 5px;
font-size: 12px;
line-height: 25px;
}
.selected-tags .remove-tag {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
margin-right: 6px;
background: #e53935;
color: #fff;
border: none;
border-radius: 50%;
cursor: pointer;
font-size: 12px;
font-weight: bold;
line-height: 1;
transition: background-color 0.2s ease;
}
.selected-tags .remove-tag:hover {
background: #c62828;
}
.selected-tags li:has(.remove-tag:hover) {
background: #ff5757;
color: #fff !important;
}
.gosimilaric .btnew,
.topgoboard .btnew {
position: relative !important;
float: right;
margin: 5px;
border: none;
border-radius: 15px;
direction: ltr;
}
.topgoboard .btnew {
float: left;
margin-top: 15px;
}
.gosimilaric span,
.topgoboard span {
margin-bottom: 4px;
margin-left: 5px;
margin-top: 3px;
display: inline-block;
}
.gosimilaric i,
.topgoboard i {
padding: 5px;
margin-top: 2px;
float: left;
display: block;
}
.b-tools-h {
background-color: #999;
border-left: 10px #f5f5f5 solid !important;
}
.b-tools {
border-left: 10px #ffffff solid
}
.newsboard .boxcell {
background-color: #2093bb;
color: #fff !important;
}
.newsboard .boxcell h6 {
color: #fff !important;
font-size: 12px;
}
.listic h5 {
font-weight: bold;
}
.listic h6 {
font-weight: bold !important;
}
.radius-right-25 {
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
.radius-left-25 {
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.select2-container {
line-height: 45px;
font-size: 14px;
width: 100% !important;
}
.tags-container .tag .remove {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
margin: 2px 5px;
float: right;
background: #e53935;
color: #fff;
border-radius: 50%;
cursor: pointer;
font-size: 14px;
font-weight: bold;
line-height: 1;
transition: background-color 0.2s ease;
}
.tags-container .tag .remove:hover {
background: #c62828;
}
.select2-container--default .select2-results>.select2-results__options {
max-width: 100%;
}
.select2-results__option {
padding: 1px 5px;
}
#select2-tagsList-results li {
padding: 1px 5px !important;
font-size: 12px;
}
.tags-container {
margin-right: 35px;
}
.icname {
text-align: right;
width: 100% !important;
display: inline-block;
}
.icstype {
float: left;
color: #0056b3;
}
.delete-all {
background-color: #af1741;
color: #fff;
padding: 2px 7px;
border-radius: 8px;
border: 1px solid #af1741;
font-size: 13px;
}
.model2box {
margin: auto;
}
.model1box {
margin: auto;
}
.select2-container .select2-selection--single {
height: auto !important;
}
.select2-container--default .select2-selection--single {
background-color: #ebebeb !important;
;
border: 1px #d3d2d2 solid !important;
padding: 6px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #f7f7f7 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
color: #000 !important;
font-weight: bold;
}
.select2-container--default .select2-results__option[aria-selected=true] {
border-left: #007bff 3px solid !important;
background-color: #fff !important;
}
thead#gridic .k-column-title {
text-align: center;
}
.i-compare {
width: 40px;
height: 40px;
opacity: 0.7;
}
.i-compare:hover {
width: 40px;
height: 40px;
opacity: 1;
}
.compare-link {
display: inline-block;
vertical-align: middle;
}
.k-header .k-cell-inner {
text-align: center;
display: inline-block;
}
.k-grid-header {
padding-left: 0px !important;
}
.gauge-wrapper {
text-align: center;
display: inline-block;
}
#map,
#map2 {
position: absolute;
right: 0;
top: 0px;
margin-right: -9px;
}
.problemicdiv .select2-selection.select2-selection--single {
background: #fff !important;
border-radius: 15px !important;
-moz-border-radius: 15px !important;
-webkit-border-radius: 15px !important;
border: 2px #2093bb solid !important;
margin-bottom: 15px;
box-sizing: border-box;
}
.problemicdiv .select2-selection__arrow {
right: 7px !important;
top: 10px !important;
}
.selected-div {
background-color: #ebffe0 !important;
display: inline-block;
border: 1px #36ac25 solid;
}
.bank-card img {
padding: 7px;
border-radius: 15px !important;
width: 180px;
}
.numberbox {
background-color: #007bff;
color: #fff;
font-weight: bold;
font-size: 16px;
border-radius: 50px;
padding: 2px 7px;
margin-right: 7px;
}
.onebox {
background: #f7f7f7;
padding: 10px;
margin-top: 10px;
border: 1px #dbdbdb solid;
border-radius: 7px;
overflow: hidden;
}
.k-searchbox.k-input.k-input-md.k-rounded-md.k-input-solid {
padding: 3px !important;
height: 40px;
border: 0px !important;
direction: rtl;
}
.modeltag-container {
flex-wrap: wrap;
gap: 7px;
text-align: right;
background: #4d6cb0;
padding: 3px 5px;
margin-right: 8px;
}
.modeltag {
padding: 4px 10px;
background: none;
border-radius: 5px;
cursor: pointer;
transition: 0.2s;
font-size: 14px;
display: inline-block;
color: #fff;
}
.modeltag.selected {
background: #FFF;
color: #405E9F;
border-color: #405E9F;
}
.subuserbox {
direction: rtl;
}
.usersidebar {
width: 250px;
float: right !important;
}
#giftCodeModal {
display: none;
position: fixed;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
z-index: 999;
width: 300px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
border-radius: 8px;
text-align: center;
}
#giftCodeModal h5 {
font-weight: bold;
}
#giftCodeInput {
text-align: center;
font-weight: bold;
}
#submitGiftCodeBtn {
background-color: #3f8bff;
border: 1px #197bd6 solid;
color: #fff;
border-radius: 15px;
width: 100%;
}
#submitGiftCodeBtn:hover {
background-color: #4e94ff;
}
#closeGiftModal {
color: #7a1b1b !important;
border: none;
font-size: 20px;
font-weight: bold;
cursor: pointer;
background: none;
}
.map-out {
width: 600px;
position: relative;
display: inline-block;
}
.ics-fac {
background: #fff;
border: 1px solid #ccc;
text-align: center;
height: 150px;
}
.ics-fac:hover {
border: 1px solid #007bff;
}
.ics-fac img {
margin: 15px 5px 5px 5px;
text-align: center;
}
.ics-fac a {
color: #007bff;
}
.ics-fac h4 {
margin: 7px 0;
}
.hidetag {
display: none !important;
}
#step2 h3,
#step2 label {
text-align: left;
}
#registerEmailForm input {
text-align: left;
}
.btdelet {
background: #ff5050 !important;
border: none !important;
font-size: 14px !important;
}
.row-noti {
border: 1px #f2f2f2 solid;
padding: 5px;
margin-bottom: 10px !important;
cursor: pointer;
}
.noti-title {
font-size: 17px;
color: #1975f1;
border-radius: 7px;
font-size: 15px;
float: left;
display: contents;
}
.noti-desc {
float: left;
display: contents;
color: #6e6e6e;
}
.noti-date {
color: #7e8580;
font-size: 13px;
}
.noti-icon {
float: left;
display: contents;
}
.bellbox {
float: right;
}
#notifCount {
color: #333;
}
.abbsbox {
background-color: #fff;
-webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
border: 1px solid #dedede;
margin: 0 0 10px;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
overflow: hidden;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 130px;
border-radius: 45px;
font-weight: 700;
font-size: 1.25rem;
color: #000000 !important;
}
.abbsbox a {
color: #000000 !important;
}
.abbsbox-pad {
padding: 0 6px !important;
}
.abbsbox:hover {
background: #007bff;
border: 1px #007bff solid;
color: #fff !important;
}
.icrows {
background-color: #fff;
}
.icrows-selected {
border: 1px solid #c1c1c1;
background: #f1f1f1;
border-radius: 35px;
}
.select-btn img,
.goMapBtn img {
cursor: pointer;
width: 30px;
height: 30px;
margin-right: 10px;
}
button.goMapBtn {
background: none;
border: none;
}
.col-lg-1-5 {
width: 12.5%;
float: left;
padding: 15px;
}
.giftbox {
background: #eee;
border: 1px solid #ccc;
border-radius: 7px;
text-align: center !important;
font-size: 12px;
margin-top: 15px;
}
.giftbox img {
width: 75px;
display: inline-block;
margin: 7px 0;
}
.giftcodebox {
background: #eecc15;
line-height: 40px;
margin: 7px 0;
text-align: center !important;
color: #fff;
text-shadow: 1px 1px 2px #6d6d6d;
font-weight: bold;
cursor: pointer;
font-size: 20px;
border-top: 4px #c0af24 dotted;
border-bottom: 4px #c0af24 dotted;
}
.giftboxday h1 {
color: #3f8bff;
margin-bottom: -15px !important;
font-weight: bold;
}
.popheader {
background: #ffd568;
width: 100%;
display: inline-block;
padding: 7px;
line-height: 35px;
overflow: hidden;
}
.popheader h5 {
float: left;
margin-top: 10px !important;
color: #666 !important;
}
.popheader button {
float: right;
}
#giftCodeModal p {
margin-bottom: 7px !important;
}
.vrybtn button,
.vrybtn img {
float: right;
margin-top: 35px;
}
.vrybtn button {
float: right;
margin-top: 45px;
background: #3f8bff;
padding: 5px 5px;
}
.vrybtn button:hover {
background: #4e92fb;
}
.vrybtn img {
margin-top: 33px;
width: 30px;
}
.inputmail {
width: 100% !important;
float: left;
}
.vrybtn {
position: absolute;
right: 20px;
bottom: 7px;
z-index: 100;
}
#messageModal .modal-title,
#deleteConfirmModal .modal-title,
#imagePreviewModal .modal-title {
display: inline;
}
.modal-header .close {
opacity: 1;
color: #fff !important;
margin-top: 7px;
}
.modal-header .close:hover {
opacity: 0.8;
}
i.k-icon.k-i-image {
color: #1182ff;
}
.modal-header h5 {
color: #fff;
}
.buycc {
color: #ffcb00 !important
}
.linemenu {
padding: 1px 5px !important;
background: #fff !important;
}
.navbar-toggle {
background-color: #fff !important;
position: relative !important;
z-index: 99999 !important;
pointer-events: auto !important;
}
.navbar-header {
position: relative !important;
z-index: 9999 !important;
}
.navbar-header .navbar-toggle.linemenu,
.navbar-header .navbar-toggle.linemenu:hover,
.navbar-header .navbar-toggle.linemenu:focus,
.navbar-header .navbar-toggle.linemenu:active,
.navbar-header .navbar-toggle.linemenu.collapsed,
.navbar-header .navbar-toggle.linemenu[aria-expanded="true"],
.navbar-header .navbar-toggle.linemenu:not(.collapsed) {
background-color: #ffffff !important;
border-color: #ffffff !important;
}
.navbar-toggle {
position: relative;
z-index: 99999 !important;
pointer-events: auto !important;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #4b63c3;
background-color: #1f2937 !important;
}
.bttoptools {
border: none;
margin: 15px 0 0 15px;
padding: 5px 10px;
z-index: 1;
}
@media (max-width: 767px) {
.newsboard h5 {
font-size: 12px !important;
}
.b-tools-h {
border-left: 0px !important;
}
.radius-left-25 {
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.radius-right-25 {
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.board-box {
text-align: center;
padding-bottom: 70px;
overflow-x: scroll;
}
.bttoptools {
margin: 5px 8px 0 0px !important;
}
/* .k-grid table {
width: auto !important;
} */
#gridic td {
vertical-align: top !important;
}
.list-ics {
font-size: 10px;
}
.circular-gauge {
width: 40px !important;
height: 40px !important;
}
.k-grid-header {
font-size: 12px !important;
font-weight: bold !important;
background: #dadada;
padding: 3px;
}
.gridicsimilar .k-grid td,
.k-grid th {
padding: 3px !important;
}
.gridicsimilar {
margin: 0px !important;
padding: 0px !important;
}
.gridicsimilar .k-spacer {
display: none !important;
}
.gauge-center-text {
font-size: 0.65rem;
}
.h-search form,
.h-search {
width: 100% !important;
}
.searchbox-h h4 {
font-size: 25px;
}
.bghome1 {
background: #fff !important
}
.t3box p {
height: auto !important;
}
.t3box {
margin-bottom: 10px;
border-bottom: 1px solid #51bfff;
}
.divider-color {
margin: 10px 0 m !important;
}
.userinfo-p .user-info,
.userinfo-p .profile-info {
text-align: center;
}
button#openReferralModalBtn {
float: none !important;
}
.rfcode {
float: none !important;
}
.k-grid table {
width: auto !important;
}
.membertools {
width: auto !important;
}
#TagListSelected h5 {
position: relative;
z-index: 2000;
}
}
.btgosimilar {
background: #007bff !important;
padding: 10px 7px !important;
color: #fff;
float: left;
}
.btgosimilar:hover {
background: #2b8ffc !important;
padding: 10px 7px !important;
color: #fff;
}
.gridicsimilar .k-spacer {
display: none !important;
}
.gridicsimilar .k-searchbox.k-input.k-input-md.k-rounded-md.k-input-solid {
width: 100% !important;
border: 1px #1fb1eb solid !important;
}
.gridicsimilar .k-grid table {
direction: ltr !important;
}
.t3box a {
cursor: pointer;
text-decoration: none;
color: #333;
}
.t3box h3 {
color: #007bff !important;
}
.t3box p {
height: 100px;
display: inline-block;
text-align: left;
direction: ltr;
line-height: 30px;
color: #333;
}
.t3box .pos-rel {
overflow: hidden;
/* جلوگیری از خروج تصویر هنگام زوم */
}
.t3box img {
transition: transform 0.5s ease;
/* انیمیشن نرم */
}
.t3box:hover img {
transform: scale(1.15);
/* مقدار زوم */
}
.bghome1 {
background: url('/Img/home-bg1.jpg') center no-repeat;
background-color: #fff;
}
.bghome1>* {
position: relative;
z-index: 1;
}
.divider-color {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0;
}
.divider-color::before,
.divider-color::after {
content: "";
flex: 1;
height: 3px;
background: linear-gradient(to left, #2196f3, #00bcd4);
}
.divider-color::after {
background: linear-gradient(to right, #2196f3, #00bcd4);
}
.divider-color span {
margin: 0 15px;
font-size: 22px;
font-weight: bold;
color: #2196f3;
}
.searchbox-h {
width: 100%;
height: 200px;
padding: 20px;
background: #f1f1f1 url('/Img/bg-search.jpg') center top repeat-y;
background-size: 100% auto;
animation: bgScroll 15s linear infinite;
}
@keyframes bgScroll {
from {
background-position: 0 0;
}
to {
background-position: 0 100%;
}
}
.navbar {
margin-bottom: 0px;
border: 1px solid transparent !important;
}
.sec-status .stat-box {
background: #ffffff;
border-radius: 10px;
padding: 25px 10px;
margin: 10px 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.10);
transition: all 0.3s ease;
text-align: center;
}
.sec-status .stat-box:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.sec-status .icon {
font-size: 40px;
color: #3498db;
margin-bottom: 10px;
}
.sec-status .title {
font-size: 15px;
color: #444;
margin: 10px 0 3px 0;
}
.sec-status .number {
font-size: 23px;
font-weight: bold;
margin-top: 10px !important;
margin: 0;
color: #222;
}
.sec-status .years-box {
background: #f5f7fa;
}
.sec-status {
margin: 30px 0;
}
.stat-box img {
width: 51px;
}
.model2box,
.model1box {
display: flex;
width: 100%;
padding: 0 10px 0 0px;
margin-top: 15px;
}
.model2box p,
.model1box p {
background: #e7e7e7;
font-size: 100px;
width: 65px;
color: #b9b9b9;
margin: 0px 15px 0px 0px !important;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.box-image {
width: 100px;
/* عرض ثابت برای باکس عکس */
flex-shrink: 0;
/* اجازه ندهد کوچیک شود */
}
.box-image img {
width: 100%;
display: block;
margin-top: 30%;
}
.box-form {
flex: 1;
/* یعنی: بقیهی عرض را بگیر */
padding-bottom: 15px;
margin-right: 10px;
}
.box-form label {
font-weight: normal;
padding-top: 15px;
}
/* پایه مشترک */
.col8-lg,
.col10-lg {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.userinfo-p .form-box span {
margin-bottom: 7px;
font-size: 15px;
}
/* فقط در lg (≥1200px) - LTR */
@media (min-width: 1200px) {
.col8-lg {
float: left;
width: 12.5%;
/* 100 / 8 */
}
.col10-lg {
float: left;
width: 10%;
/* 100 / 10 */
}
}
/* در سایزهای کوچکتر از lg: ریسپانسیو - همه زیر هم */
@media (max-width: 1199px) {
.col8-lg,
.col10-lg {
width: 100% !important;
float: none !important;
}
}
/* پاک کردن float */
.row::after {
content: "";
display: table;
clear: both;
}
/* home slider */
.embla {
width: 100%;
overflow: hidden;
direction: ltr;
/* جهت کلی برای Embla */
margin-top: 15px;
}
.embla__viewport {
overflow: hidden;
width: 100%;
}
.embla__container {
display: flex;
direction: rtl;
/* 🔥 حیاتی برای RTL درست */
}
.embla__slide {
flex: 0 0 auto;
padding: 10px;
box-sizing: border-box;
}
.embla__slide img {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
transition: transform 0.4s ease, opacity 0.4s ease;
}
/* دسکتاپ بزرگ: ۱۰ تا */
@media (min-width: 1200px) {
.embla__slide {
width: 10%;
/* 100 / 10 */
}
}
/* تبلت: ۶ تا */
@media (min-width: 768px) and (max-width: 1199px) {
.embla__slide {
width: calc(100% / 6);
}
}
/* موبایل: ۴ تا */
@media (max-width: 767px) {
.embla__slide {
width: 25%;
/* دقیقاً ۱۰۰٪ / ۴ = ۲۵٪ */
}
}
/* end home slider */
.topfilter {
text-align: left;
line-height: 60px;
}
.topfilter a,
.topfilter span {
color: #777;
font-size: 14px;
margin-right: 10px;
}
.topfilter span {
color: #000;
margin-right: 7px !important;
}
.topfilter a:hover {
color: #159ace !important;
text-decoration: none;
}
.topfilter i {
margin-left: 15px;
font-size: 14px;
margin-right: 3px;
}
.k-list-item.k-selected,
.k-selected.k-list-optionlabel {
background-color: #159ace;
}
/* english register page */
.country-input-group {
overflow: visible;
}
.input-group-btn.dropdown {
position: relative;
}
.country-dropdown {
max-height: 260px;
overflow-y: auto;
padding: 5px 0;
min-width: 220px;
z-index: 1050;
}
.country-input-group button {
padding: 0 !important;
border: none !important;
cursor: pointer !important;
background-color: transparent !important;
color: #555 !important;
border-radius: 4px;
cursor: pointer;
margin-top: 0px !important;
font-size: 13px !important;
line-height: 32px;
border: 1px #ccc solid !important;
margin-right: 7px;
background: #fff !important;
padding-left: 4px !important;
}
.country-input-group .dropdown-menu>li>a {
margin: 5px !important;
padding: auto !important;
}
#countrySearch {
margin-bottom: 7px !important;
}
.country-input-group .flag {
float: left !important;
font-size: 20px;
}
.dropdown-search {
padding: 5px 10px;
}
.dropdown-search input {
width: 100%;
}
html[dir="ltr"] .country-dropdown {
left: 0;
right: auto;
}
html[dir="rtl"] .country-dropdown {
right: 0;
left: auto;
}
.country-btn {
min-width: 90px;
text-align: center;
}
.country-item {
display: flex !important;
align-items: center;
padding: 8px 15px !important;
white-space: nowrap;
clear: both;
margin: 2px 8px !important;
border-radius: 4px;
transition: background-color 0.2s;
}
.country-item:hover {
background-color: #f5f5f5 !important;
}
.country-item .flag {
font-size: 15px;
width: 28px;
text-align: center;
}
.country-item .country-code {
color: #333;
margin-right: 1px;
min-width: 50px;
text-align: left;
}
.country-item .country-name {
flex: 1;
color: #555;
}
html[dir="rtl"] .country-item {
flex-direction: row-reverse;
text-align: right;
}
html[dir="rtl"] .country-item .flag {
margin-right: 0;
margin-left: 10px;
}
html[dir="rtl"] .country-item .code {
margin-right: 0;
margin-left: 10px;
}
/* end english register page */
.upanel-alert {
background: #ffacac;
color: #7a2323;
display: block;
padding: 10px;
text-align: left;
margin-bottom: 7px;
}
.upanel-alert button {
background: #fff;
color: #333;
padding: 3px 7px;
float: right;
margin-top: -4px;
}
.upanel-alert button:hover,
.upanel-alert button:focus {
background: #f1f1f1;
}
.referral-modal {
border-radius: 20px;
overflow: hidden;
border: none;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}
.referral-header {
background: linear-gradient(135deg, #2d8ee2, #0056ff);
color: #fff;
padding: 35px 20px 30px;
border: none;
text-align: center;
}
.referral-icon {
font-size: 50px;
color: #fffef7;
margin-bottom: 10px;
display: block;
}
.share-buttons {
text-align: center;
}
.share-buttons img {
width: 70px;
padding: 7px;
}
.modal.fade.show {
display: block !important;
opacity: 1 !important;
}
.modal-backdrop.fade.show {
opacity: 0.5 !important;
filter: alpha(opacity=50);
/* برای مرورگرهای قدیمی */
}
/* سازگاری کامل .show با رفتار .in در Bootstrap 3 */
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
/* حل مشکل انیمیشن fade و positioning در حالت LTR */
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -100%) !important;
-ms-transform: translate(0, -100%) !important;
transform: translate(0, -100%) !important;
transition: transform 0.3s ease-out !important;
}
.modal.fade.in .modal-dialog,
.modal.fade.show .modal-dialog {
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
/* اجبار نمایش کامل modal (حتی اگر مشکلی پیش بیاد) */
.modal.in,
.modal.show {
display: block !important;
opacity: 1 !important;
}
/* بکدراپ هم درست کار کنه */
.modal-backdrop.in,
.modal-backdrop.show {
opacity: 0.5 !important;
}
/* جلوگیری از مشکلات احتمالی padding-right در LTR */
body.modal-open {
padding-right: 0 !important;
}
button#openReferralModalBtn {
background: #ececec;
padding: 5px;
float: right;
border: 1px #ccc solid;
border-radius: 5px;
color: #333;
margin-top: 5px;
}
#openReferralModalBtn:hover {
background: #e1dfdf;
}
i.fa.fa-share-alt.fa-lg {
font-size: 15px;
margin-right: 7px;
color: #1e98ad;
}
/* .rfcode {
float: left;
} */
.imageeditbox img {
float: right !important;
width: 100px !important;
}
.imageeditbox #btnDeleteImage {
float: left !important;
padding: 7px !important;
margin-top: 15px;
}
::before,
::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.alert.alert-info.text-center {
direction: ltr;
}
.newpaybt {
background: #72ff8f !important;
color: #1a5921 !important;
}
.newpaybt:hover {
background: #5bdd76 !important;
}
.resellergrid .k-grid-filter-menu.k-grid-filter {
display: block !important;
position: absolute;
}
.resellergrid .k-cell-inner>.k-link {
padding: 5px 12px !important;
}
.contact-ws {
text-align: left;
direction: ltr;
line-height: 30px !important;
margin-left: -10px;
}
.lawpage p {
border-left: 4px solid #1975f1;
padding-left: 7px;
}
.lawpage .rwdiv {
margin-left: 10px;
background: #f1f1f1;
padding: 7px;
border-radius: 15px;
}
.video-container {
position: relative;
width: 100%;
max-width: 1000px;
/* حداکثر عرض دلخواه - میتونی تغییر بدی */
margin: 0 auto;
overflow: hidden;
background: #000;
margin: 15px auto;
/* پسزمینه سیاه برای وقتی ویدیو لود نمیشه */
}
.responsive-video {
width: 100%;
height: auto;
display: block;
}
/* نسبت تصویر ثابت نگه داره (مثلاً 16:9) */
.video-container::before {
content: "";
display: block;
padding-top: 56.25%;
/* 16:9 = 9/16 × 100 = 56.25% */
}
.responsive-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
/* height: 100%; */
object-fit: cover;
/* یا contain - بسته به نیاز */
}
@media (max-width: 768px) {
/* مهم: هدر و فوتر را از overflow-x آزاد کنید */
.header,
.footer {
overflow-x: visible !important;
position: relative;
z-index: 10000;
width: 100%;
}
.searchbox-h {
height: 200px;
background-size: auto 200px;
background-position: center top;
}
/* محتوای اصلی */
.center,
.k-drawer-content {
/* overflow-x: auto; */
-webkit-overflow-scrolling: touch;
}
/* جلوگیری از تداخل drawer با هدر در موبایل */
.k-drawer-container {
overflow: visible !important;
}
.k-drawer {
z-index: 999 !important;
}
#reglognew .otp-input {
width: 50px;
}
}
.mainlink {
text-align: center;
display: block;
color: red;
text-decoration: none;
}
/* noti panel */
.notification-wrapper {
width: 100%;
direction: ltr;
}
.notification-card {
position: relative;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 14px;
margin-bottom: 12px;
padding: 16px;
cursor: pointer;
transition: all .25s ease;
overflow: hidden;
}
.notification-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
border-color: #cbd5e1;
}
.notification-card.unread {
border-left: 4px solid #2563eb;
background: linear-gradient(90deg, #f8fbff 0%, #ffffff 100%);
}
.notification-content {
display: flex;
align-items: flex-start;
gap: 15px;
}
.notification-icon {
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: #f1f5f9;
color: #94a3b8;
font-size: 18px;
}
.notification-card.unread .notification-icon {
background: #dbeafe;
color: #2563eb;
}
.notification-body {
flex: 1;
min-width: 0;
}
.notification-title {
margin: 0;
font-size: 15px;
font-weight: 700;
color: #334155;
display: flex;
align-items: center;
gap: 8px;
line-height: 1.5;
}
.notification-card.unread .notification-title {
color: #1d4ed8;
}
.notification-message {
margin-top: 8px;
margin-bottom: 0;
font-size: 14px;
line-height: 1.7;
color: #64748b;
}
.notification-date {
min-width: 120px;
text-align: right;
color: #94a3b8;
font-size: 12px;
white-space: nowrap;
}
.notification-status {
margin-top: 8px;
font-size: 11px;
font-weight: 600;
}
.notification-status.new {
display: inline-block;
color: #2563eb;
background: #eff6ff;
padding: 4px 10px;
border-radius: 20px;
}
.notification-status.read {
color: #94a3b8;
}
@media(max-width:768px) {
.notification-content {
flex-direction: column;
}
.notification-date {
width: 100%;
text-align: left;
}
}
.soon {
color: #f95d5d;
float: right;
font-size: 13px;
position: absolute;
font-weight: bold;
}
.fani-search-wrapper {
position: relative;
width: 100%;
}
#faniSearchBtn,
#modelSearchBtn {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
color: #666;
z-index: 10;
}
#faniSearchBtn:hover,
#modelSearchBtn:hover {
color: #007bff;
}
.notif-bell-btn i {
font-size: 19px !important;
}
.expiresub {
background: #f5cdcd !important
}