﻿.navbar-brand > Img{border: solid 0px #000000;margin-top: -12px;}
.navbar-inverse {background-color: #575756; border: none;}
.IconBarM > p > a.btn-link {color: #ffffff;}
.IconBarM > p > a.btn-link:hover {color: #efefef;}
.navbar-inverse .navbar-nav > li > a {color: #ffffff;font-weight: bold; /*background-color: transparent;*/}
/*.navbar-inverse .navbar-nav > li > a:hover a:active a:checked a:choices a:visited {*/
.navbar-inverse .navbar-nav > li > a:hover {color: #efefef;background-color: #444444;}
.navbar-inverse .navbar-nav > li > a:active {font-weight: normal;}
.navbar-nav > li > .dropdown-menu {background-color: #70706f;}
.navbar-nav > li > .dropdown-menu > li > a { line-height: 1.8rem;}
/*.navbar-nav > li > .dropdown-menu > li > a:hover {color: #efefef;background-color: #2f4f4f;}*/
.nav > li{ text-align: right; padding-right: 25px;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ color: #ffffff;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{ color: #eeeeee; background-color: #575756;}

@media (max-width:767px) {
  .navbar-inverse .navbar-nav > li > a{ margin-right: 15px; color: #ffffff;}
  .navbar-nav > li > .dropdown-menu > li > a{margin-right: 25px;color: #ffffff;}
}

h1,h2,h3,h4,h5{font-family: 'Yekan',Arial;font-size: 1rem;font-weight: bold;}
h1{ font-size: 1.2rem;}
H4{font-weight: normal;}
A{ color: #ae8f2f;}
A > span.glyphicon.glyphicon-remove-circle{ color: #aaaaaa;}
A > span.glyphicon.glyphicon-remove-circle:hover{ color: #888888;}
.btn-link {color: #ae8f2f;}
.MiniSlider { margin-right: 5px;}
.btn.btn-danger{ background-color: #af262b;}
.btn.btn-danger.text-nowrap {color: #ffffff;}
.btn.btn-primary {background-color: #b08f07;border: #9c7f06;}
.btn.btn-primary:hover {background-color: #9c7f06;}
.btn.btn-info {background-color: #d3c177;border: #9a8d57;}
.btn.btn-info:hover {background-color: #9a8d57;}

.text-info{ color: #565655; }

.PageContentText {font-family: 'Yekan',Arial; border: solid 0px red;}
.PartTitle{ border-bottom: solid 2px #c6c6c6; padding-bottom: 8px; margin-bottom: 18px;}
h1.PartTitle{ padding-bottom: 12px;}

li.list-group-item > .panel {margin-top: 0px;margin-bottom: 0px;vertical-align: top; }
li.list-group-item.media {margin-top: 0px;margin-bottom: 15px;display: table-cell;vertical-align: top; }
ul.list-group:after {clear: both;display: block;content: "";}
.list-group-item {border: 0 !important;padding: 5px;}

.HSepItem {display: inline-block;min-width: 100px;font-weight: lighter;font-size: 0.9rem;padding: 2px;padding-left: 10px;}
.HSepItem label {font-weight: normal;margin-right: 4px;}
.HSepItemR {display: inline-block;min-width: 80px;font-weight: lighter;font-size: 0.8rem;padding: 1px;padding-left: 5px;line-height: 0.8rem;}
.HSepItemR label {font-weight: normal;margin-right: 4px;}

.alert.alert-info {margin-top: 20px;color: #ae8f2f; }
.alert.alert-success{color: #ae8f2f;}

.itemsVList {margin-top: 2px;margin-right: 2px;cursor: pointer;display: inline-block;border: solid 1px #ffffff;}

/* -- Start Swap Slider -- */
/*.SwapBoxLeft{position: relative;height: 206px;width: 206px;border: solid 0px #eeeeee;background-color: #fcfcfc;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;margin: 0px auto;overflow: hidden;}
.SwapContainerLeft{position: absolute;height: 206px;width: 206px;border: solid 0px #eeeeee;display: none;}*/
/* -- End Swap Slider -- */

/*.col-lg-6 .col-md-12 .col-sm-6 .col-xs-12 .dt*/

@media (min-width:1200px) {.dt { text-align: left;} .dd{ text-align: right;}.dth{ text-align: left;} .ddh{ text-align: right;}.dtr{ text-align: left;} .ddr{ text-align: right;}.nav.navbar-nav.navbar-left > li,.nav.navbar-nav.navbar-left li > a {padding-right: 5px;}}
@media (min-width:992px) and (max-width:1199px) {.dt { text-align: right;} .dd{ text-align: right;}.dth{ text-align: right;} .ddh{ text-align: right;}.dtr{ text-align: right;} .ddr{ text-align: right;}.nav.navbar-nav.navbar-left > li,.nav.navbar-nav.navbar-left li > a {padding-right: 5px;}}
@media (min-width:768px) and (max-width:991px) {.dt { text-align: left;} .dd{ text-align: right;}.dth{ text-align: left;} .ddh{ text-align: right;}.dtr{ text-align: left;} .ddr{ text-align: right;}.nav.navbar-nav.navbar-left > li,.nav.navbar-nav.navbar-left li > a {padding-right: 5px;}}
@media (max-width:767px){.dt { text-align: right;} .dd{ text-align: right;}.dth{ text-align: right;} .ddh{ text-align: right;}.dtr{ text-align: left;}.ddr{ text-align: right;}.nav.navbar-nav.navbar-left > li,.nav.navbar-nav.navbar-left li > a {padding-right: 20px;}}

.dli{ display: inline-block;}
.dl{ margin-right: 0px;margin-left: 0px;margin-top:0px;margin-bottom:10px;}
.dt{ padding-right: 0px;padding-left: 2px;margin-right: 0px;margin-left: 0px;display: table-cell;}
.dtl{padding-right: 0px;padding-left: 2px;margin-right: 0px;margin-left: 0px;display: table-cell;text-align: right;}
.dd {padding-right: 2px;padding-left: 0px;margin-right: 0px;margin-left: 0px;display: table-cell;}

.dlh{ margin-right: 0px;margin-left: 0px;margin-top:10px;margin-bottom:0px;}
.dth{ padding-right: 0px;padding-left: 2px;margin-right: 0px;margin-left: 0px;padding-top: 0.6rem;white-space: normal;}
.ddh {padding-right: 2px;padding-left: 0px;margin-right: 0px;margin-left: 0px;white-space: normal;}

.dlr{ margin-right: 0px;margin-left: 0px;margin-top:10px;margin-bottom:0px;}
.dtr{ padding-right: 0px;padding-left: 2px;margin-right: 0px;margin-left: 0px;padding-top: 0.6rem;white-space: normal;}
.ddr {padding-right: 2px;padding-left: 0px;margin-right: 0px;margin-left: 0px;white-space: normal;}

.Radiol {display: block;padding-top: 5px;}

.jumbotron  {padding-top: 20px;padding-bottom: 20px; padding-right: 30px; padding-left: 30px; background-color: #575756;color: #c6c6c6;display: block;text-align: center;}
@media screen and (min-width:768px) {.container .jumbotron,.jumbotron { padding-top: 30px; padding-bottom: 30px; padding-right: 20px; padding-left: 20px;}}
.PaddR0{ padding-right: 0px; padding-left: 20px; display: inline-block;}
.jumbotron>div.ftLinks>div.media{margin-top: 5px;}
.jumbotron>div.ftLinks>div.media>div.media-left{ padding: 0px;margin: 0px;}
.jumbotron>div.ftLinks>div.media>div.media-body>A.btn.btn-link{ color: #c6c6c6; display: block; padding: 3px; padding-right: 0px; padding-left: 10px; font-weight: normal; font-size: 0.9rem; text-align: right;}
.jumbotron>div.ftLinks>div.media>div.media-body>A.btn.btn-link:hover{color: #ededed;}
.jumbotron > div.ftLinks > div > div > div > a.btn.btn-link { color: #ededed; display: block; padding: 3px; padding-right: 10px; padding-left: 10px; font-weight: normal; font-size: 0.8rem; text-align: right;}
.jumbotron > div.ftLinks > div > div > div > a.btn.btn-link:hover { color: #c6c6c6; }

.main-Right-nav > ul > li > ul{ display: none;}

.panel-default {border: #b08f07;}
.panel-default > .panel-heading {background-color: #b08f07;color: #ffffff;}
.panel-body1 > .list-group.small {margin-bottom: 0px;}
.panel-title > A {display: block;}

.HorBase {width: 350px; display: block;clear: both;}
.w80p { width: 80%;}

.w50 {/*display: inline-block;*/width: 50px;}
.w26{ width: 26px; vertical-align: middle;}
.w26Txt{ color: #b08f07; font-weight: bold; }

.fDesDesc{ padding-right: 5px;padding-left: 5px;line-height: 1.2rem;}
.frmBox{ max-width: 350px;margin: 30px auto;}

.OptImgBx { position: relative; }
.OptImg{float: right; width: 80px;height: 80px;margin-left: 3px;border: solid 1px #efefef;overflow: hidden;}
div.OptImg > img.Img80 { display: inline-block; position: absolute; border: solid 0px green; top: 0px; }
div.OptImg > img.Img110 { display: inline-block; position: absolute; border: solid 0px red; top: 0px; display: none; z-index: 500;  }

.CropedDot{ line-height: 1rem;font-size: 0.8rem;font-weight: normal;margin-left: 18px;margin-top: -3px;display: inline;}
.CropedChk{ margin-left: -18px;display: inline;}
.FlagBox{ /*height: 55px;*/display: table-cell;}
.BannerImg{ width: 100%;}
.IconBarM{ position: relative;left: 10px;right: auto;}
@media (max-width: 767px) {.IconBarM{ display: inline;position: absolute;top: -5px;left: 90px;}.navbar-toggle.collapsed{ left: 10px;right: auto;display: inline-block;}}
#mContainer>.panel.panel-default{margin-bottom: 5px;}
.BtnGroupXs{ margin-top: 65px;margin-bottom: 10px;/*border-spacing:5px;*/text-align: center;}
.BtnGroupXs > div.hidden-md.hidden-lg.clearfix.Yekan.small.text-right{ background-color: #ffffff; color: #575756;}
.BtnGroupXs.btn-primary {padding: 12px 24px;margin: 0 5px;  border-radius: 0;}
.BtnGroupXs > div {/*height: 35px;*/background-color: #575756; color: #ffffff; padding-right: 10px;}
.BtnGroupXs > div > a {color: #ffffff; padding: 10px; padding-right: 2px; padding-left: 2px;}
.BtnGroupXs > div > a:hover {color: #efefef;}

.Rtt {width: 100%;text-align: center;}
.LinksPan {background-color: #575756;color: #ffffff;text-align: center;padding-top: 13px;padding-bottom: 13px;margin-right: 5px;margin-left: 5px;margin-bottom: 0px}
.LinksPan>A{ color: #ffffff; display: block;}
.LinksPan > A:hover {color: #efefef;}
.LinksPan > img {width: 90%;text-align: center;border: solid 0px red;}

.BoxTitle {background-color: #b08f07;color: #ffffff; border-left: solid 5px #ffffff; padding: 12px; margin-top: 5px; font-size: 1rem; font-weight: bold;}
.BoxTitle1 {background-color: #d4c277;color: #ffffff;padding: 12px;margin-top: 5px;}
.ProdBoxTitleH1 {padding-top: 5px;padding-right: 15px;padding-left: 15px;padding-bottom: 3px;display: inline-block;color: #ffffff;background-color: #575756;margin: 0px auto;text-align: center;}
.ProdBoxTitle {border: solid 0px red;margin-bottom: 3px; padding-top: 5px;text-align: center;display: table-cell;/*font-size: 0.8rem*/;}
.ProdBoxTitle > a {color: #ffffff;background-color: #575756;padding-right: 10px;padding-left: 10px;margin: 0px auto;border-bottom: solid 1px #575756;}
.ProdBoxTitle > a:hover {color: #efefef;}
.ProdBoxTitle > img { display: block; width: 90%; text-align: center;display: table-cell;vertical-align: unset;}
.ProdBoxPrice { background-color: #b08f07; padding: 5px;color: #ffffff; margin-bottom: 8px; border: solid 0px red;}
.ProdBoxPrice > a { margin-top: -5px;margin-left: -5px;background-color: #575756;border: solid 0px #575756;color: #ffffff;padding: 4px;padding-right: 0px;padding-left: 0px;display: block;-moz-border-radius: 4px 0px 0px 4px;-webkit-border-radius: 4px 0px 0px 4px;border-radius: 4px 0px 0px 4px;overflow: hidden;}
.ProdBoxPrice > a > img {}
.FooterBox { /*width: 50%;*/margin: 0px auto;}
.FooterBox > .FooterIcons > a { padding-right: 10px; padding-left: 10px;}
.FooterBox > .FooterIcons > a > img { width: 42px;}
.LstItem {margin-bottom: 0px;padding-bottom: 0px;}
.FooterIcons{ display: block; text-align: center;margin-top: 10px;}
.FooterIcons > img{ width: 8%;margin-right: 5px;margin-left: 5px;}
.FooterIcons1 {display: block;text-align: center;}
.FooterIcons1 > img { width: 35%;margin-right: 5px;margin-left: 5px;}

.AlertLinks{ background-color: #ededed; padding: 10px; margin-top: 5px;}
.AlertLinks > a { color: #575756; padding-right: 10px; padding-left: 10px; display: inline-block; font-size: 1rem; cursor: pointer;}
.AlertLinks > a:hover { color: #b08f07; }

.AddrButt{ display: block; float: right;}
.btn.btn-link.text-right{ text-align: right; display: block;}
.Padd0 {padding: 0px;}
.Padd2 {padding: 2px;}
.Padd3 {padding: 3px;}
.Padd5 {padding: 5px;}
.Padd3Text {margin-right: 3px;margin-left: 3px;text-align: right;display: inline-block;}

.sidenav1 div { padding: 5px 3px 5px 3px;}
.sidenav1 div a { color: #444444; font-size: 1rem;}
.sidenav1 div a:hover { color: #575756;}

.Updoverlay {position: fixed; /* Sit on top of the page content */display: block; /* Hidden by default */width: 100%; /* Full width (cover the whole page) */height: 100%; /* Full height (cover the whole page) */top: 0;left: 0;right: 0;bottom: 0;background-color: #666666;background-color: rgba(0,0,0,0.5); /* Black background with opacity */z-index: 600; /* Specify a stack order in case you're using a different order for other elements */cursor: pointer; /* Add a pointer on hover */}
.Updtext {position: absolute;top: 50%;left: 50%;font-size: 30px;color: white;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}

.Relative{ position: relative;}
.OfferSign{position: absolute; right: 10px; top: 10px;}

.relative > del{ position: absolute; font-size: 80%; bottom: 5px; color: #d5d5d5;}

.AddrDelete {position: absolute;left: 25px;bottom: 5px;font-size: 1.2rem;color: #aaaaaa;}
/*.AddrEdit{ position: absolute; left: 40px; bottom: 5px; font-size: 1.2rem;}*/
.FixBox{ position: fixed; background-color: #ff0000; color: #ffffff; bottom: 0px; right: 0px; padding: 5px;display: table-cell;padding-right: 25px;padding-left: 25px;}
.FixBox:hover { color: #c6c6c6;}

.HeadBskt>span{ color: #ffffff;}

.Wiz{ text-align: center; margin: 0px auto; padding-bottom: 5px; position: relative;}
.WizNorm{ color: #888888; position: relative; }
.WizSelect {color: #af8f06;font-weight: bold; position: relative; }
.WizLine{ position: absolute; top: 15px; border: solid 1px #D4C278; width: 95%;z-index: -100;}
.WizNorm>img, .WizSelect>img{ display: block; text-align: center; margin: 0px auto; width: 20px; z-index: 0;}
.WizNorm.Wiz1 > div,.WizSelect.Wiz1 > div {width: 50%; height: 25px; background-color: #ffffff; right:0px; position: absolute;z-index: -50;}
.WizNorm.Wiz2 > div,.WizSelect.Wiz2 > div {width: 50%; height: 25px; background-color: #ffffff; left: 0px; position: absolute;z-index: -50;}

@media(min-width: 768px) {.WizNorm,.WizSelect {padding-left: 25px; padding-right: 25px;margin: 0px;}}
@media (max-width: 767px){.WizNorm,.WizSelect {padding-left: 10px; padding-right: 10px; font-size: 0.6rem;margin: 0px;}}

.alert-success, .alert-info, .alert-warning{ background-color: #e9e5ab; border: solid 1px #dcd8a1;}
.form-control:focus {border-color: #ae8f2f;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(174,143,47,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(174,143,47,.6);}
.no-border {border: 0;box-shadow: none;}
.radio-inline{padding-right: 0px; padding-left: 0px;margin-left: 20px;margin-right: 10px; padding-bottom: 5px; }
@media (max-width: 767px) {.form-control.no-border{ margin-bottom: 10px; display: table-cell;}}

.DsButt{ vertical-align: middle; line-height: 1.4;padding: 0px;}
.DsButt > .btnR, .DsButt > .btnT, .DsButt > .btnL, .DsButt > .btnS, .DsButt > .btn .btn-primary {vertical-align: middle;display: table-cell;padding: 6px 12px;overflow: hidden;margin: 0px auto;float: right;}
.DsButt > .btnR {-moz-border-radius: 0px 4px 4px 0px;-webkit-border-radius: 0px 4px 4px 0px;border-radius: 0px 4px 4px 0px;}
.DsButt > .btnT{ width: 50px; line-height: 1.35;}
.DsButt > .btnL {-moz-border-radius: 4px 0px 0px 4px;-webkit-border-radius: 4px 0px 0px 4px;border-radius: 4px 0px 0px 4px;}
.DsButt > .btnB {margin-right: 20px;}

.Banks > div { display: inline-block;}
.Banks > div > label{ display: block;}

.Svg { width: 40px; }
.BtnSort { width: 100px;  }
.BtnSort:hover {background: transparent url("/Content/Images/Icons/BtnSortH.svg") no-repeat center;background-size: 240px;}
.BtnSortV { color: #FFFFFF; background: transparent url("/Content/Images/Icons/BtnSort.svg") no-repeat center;background-size: 240px;}

.RadBox{ padding-top: 10px; padding-bottom: 10px; }
.pt-1 { padding-top: 0.5rem; }
.pb-1 { padding-bottom: 0.5rem; }
.mt-1 { margin-top: 0.5rem; }
.mb-1 { margin-bottom: 0.5rem; }
.pb-0 { padding-bottom: 0; }
.mx-0 { margin-left: 1px; margin-right: 1px; }
.px-0 { padding-left: 1px; padding-right: 1px; }
.ImgDis {opacity: 0.5;cursor: not-allowed;}